*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#142830;color:#fff;font:14px system-ui}body{display:flex;flex-direction:column}header{height:42px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:4px max(10px,env(safe-area-inset-right));gap:8px}header p{margin:0;font-size:12px}nav{display:flex;gap:8px}button,a{touch-action:manipulation}button{border:0;border-radius:6px;background:#ffd079;color:#25363a;font:inherit;padding:6px 10px;white-space:nowrap;cursor:pointer}button:disabled{opacity:.5}button:focus-visible,a:focus-visible{outline:3px solid #fff;outline-offset:3px}main{flex:1;min-height:0;position:relative;overflow:hidden}#stage{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);aspect-ratio:16/9;container-type:inline-size}canvas{display:block;width:100%;height:100%;touch-action:none}#loading{position:absolute;inset:0;background:#142830;display:grid;place-content:center;text-align:center;gap:12px}progress{width:240px}#error{color:#ffb6a6;max-width:80vw}[hidden]{display:none!important}#menu{position:absolute;inset:0;background:linear-gradient(90deg,#13252420,#13252430),url('art/background.webp') center/cover;display:flex;align-items:center;padding:4%;gap:4%;color:#fff;text-shadow:0 2px 3px #24180d}#menu p{line-height:1.5;margin:.45em 0 1em;font-size:1.35cqw}.menu-title{width:42%;display:flex;align-items:center;flex-direction:column}.menu-title>img{width:100%;max-height:24cqw;object-fit:contain}.wood{display:block;width:25cqw;text-align:center;background:transparent url('art/button.webp') center/100% 100% no-repeat;color:#fff;font-weight:800;font-size:2.3cqw;padding:1.2cqw 1cqw;margin:.65cqw 0;text-decoration:none;text-shadow:0 2px 3px #382412;border:0;cursor:pointer}.wood:hover{filter:brightness(1.12)}#wishlist{font-size:1.65cqw}.lineup{width:54%;padding:2.1cqw;background:#24332bea;border:3px solid #d3b87b;border-radius:1.5cqw;box-shadow:0 5px 0 #392d22,0 12px 35px #0005}.lineup h2{margin:0;color:#ffe18c;font-size:2.3cqw}.ducks{display:flex;gap:.6cqw}.duck{display:flex;flex:1;min-width:0;flex-direction:column;align-items:center;background:#ece0bd;color:#302b23;padding:.5cqw;border:2px solid #9e8552;border-radius:8px;text-shadow:none}.duck img{width:8cqw;height:8cqw;object-fit:contain}.duck b{font-size:1.5cqw}.duck small{font-size:1cqw;line-height:1.8}.fixed{background:#f5d376}.coming{display:flex;justify-content:center;gap:1.8cqw;align-items:center;margin-top:1.7cqw}.coming>span{display:flex;align-items:center;font-size:1.2cqw}.coming img{width:4cqw;height:4cqw;object-fit:contain;vertical-align:middle}.lineup p.muted{font-size:1.1cqw;color:#d5d4b8;margin-bottom:0;text-align:center}#roster{position:absolute;inset:0;background:#122322cb;display:grid;place-items:center}.roster-card{width:65%;padding:3cqw;background:#263b32;border:3px solid #dac18b;border-radius:2cqw;text-align:center}.roster-card h2{font-size:2.3cqw;margin:0}.roster-card .wood{margin:1cqw auto 0}.roster-card .coming button{font-size:1.8cqw;background:#d2c49a;padding:1.5cqw;line-height:1.6}.roster-card .coming img{width:7cqw;height:7cqw}.roster-card small{font-size:1.2cqw}#roster-note{color:#ffdf94;min-height:3em}@media(max-width:600px){header p{display:none}header nav{width:100%;justify-content:space-between}}

.codex-button{display:block;margin:1.3cqw auto 0;font-weight:700;font-size:1.55cqw;padding:.7cqw 2cqw}#build-badge{display:block;text-align:center;color:#ffd97e;font-size:1.2cqw;margin-top:.8cqw}.roster-card{width:87%;padding:2cqw}.roster-card .wood{width:20cqw;font-size:1.8cqw;padding:.8cqw}#roster-options{display:flex;gap:1cqw;justify-content:center;margin:1.4cqw 0}.roster-duck{display:flex;flex-direction:column;align-items:center;width:14cqw;background:#ece0bd;border:2px solid #ad9767;padding:1cqw .4cqw;color:#302b23}.roster-duck[aria-pressed=true]{border-color:#70ffb0;box-shadow:0 0 0 2px #70ffb0}.roster-duck img{width:8cqw;height:8cqw;object-fit:contain}.roster-duck b{font-size:1.8cqw}.roster-duck small{font-size:1.15cqw;line-height:2}#menu #roster-note{min-height:1.5em;margin:.8cqw 0;font-size:1.4cqw}.unlock-actions{display:flex;justify-content:center;gap:1cqw}.unlock-actions button{font-size:1.25cqw;padding:.65cqw 1cqw}#menu #unlock-note{font-size:1.2cqw;margin:.7cqw 0;color:#eee3c4}#codex{position:absolute;inset:0;background:#122322df;display:grid;place-items:center}.codex-card{width:86%;height:90%;background:#263b32;border:3px solid #dac18b;border-radius:1.4cqw;display:flex;flex-direction:column;padding:1.7cqw 2.4cqw}.codex-head{display:flex;align-items:center;justify-content:space-between;flex:none;margin-bottom:1cqw}.codex-head h2{font-size:2.4cqw;color:#ffe18c;margin:0}.codex-head button{font-size:1.4cqw}#enemy-list{overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;padding-right:1cqw}#enemy-list article{display:flex;align-items:center;gap:2cqw;padding:1.15cqw 0;border-bottom:1px solid #e3d4a633}#enemy-list article:last-child{border:0}#enemy-list img{width:8cqw;height:8cqw;object-fit:contain;flex:none;background:#c7d5ae19;border-radius:1cqw}#enemy-list h3{font-size:1.7cqw;color:#ffe5a5;margin:0 0 .3cqw}#menu #enemy-list p{font-size:1.4cqw;line-height:1.65;margin:0}

.codex-card{min-height:0;overflow:hidden}#enemy-list{min-height:0}

.lineup{position:relative}.creator-credit{position:absolute;right:3cqw;bottom:calc(100% + 3cqw);display:flex;align-items:center;gap:1cqw;padding:.45cqw 1.1cqw .45cqw .45cqw;background:#19332cce;border:1px solid #e5c982a6;border-radius:5cqw;white-space:nowrap;font-size:1.6cqw;line-height:1.3;color:#fff2cd;box-shadow:0 .3cqw .8cqw #0003}.creator-credit img{display:block;width:4.8cqw;height:4.8cqw;object-fit:cover;border-radius:50%;border:2px solid #e5c982;flex:none}.creator-credit strong{font-weight:700}#enemy-list{touch-action:none;user-select:none;-webkit-user-select:none}#enemy-list img{-webkit-user-drag:none}