:root{font-family:ui-rounded,'Trebuchet MS',system-ui,sans-serif;color:#f0f2e7;background:#0d1729;color-scheme:dark;--ember:#ff916c;--tide:#67d8df;--accent:var(--ember);--left:max(18px,env(safe-area-inset-left));--right:max(18px,env(safe-area-inset-right));--top:max(16px,env(safe-area-inset-top));--bottom:max(24px,env(safe-area-inset-bottom))}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none;-webkit-text-size-adjust:100%}button,input,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:0;touch-action:manipulation}button:disabled{opacity:.42;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #f7d494;outline-offset:4px}svg{width:24px;height:24px;fill:currentColor;flex-shrink:0}.symbols{position:absolute;width:0;height:0;overflow:hidden}[hidden]{display:none!important}#app{position:relative;width:100%;height:100vh;height:100dvh;min-height:280px;overflow:hidden}#world{width:100%;height:100%;display:block;touch-action:none}#header{position:absolute;top:var(--top);left:var(--left);right:var(--right);display:flex;justify-content:space-between;gap:12px;align-items:center;z-index:4}.brand{font-size:9px;letter-spacing:.19em;color:#a7b7b9;text-decoration:none}.brand span{display:block;font-size:12px;font-weight:800;letter-spacing:.08em;color:#f1eddf;margin-top:5px}.header-actions{display:flex;gap:8px}.icon{position:relative;width:44px;height:44px;border-radius:16px;display:grid;place-items:center;background:#102135d9;border:1px solid #cde6df22;color:#d2dfdc}.icon svg{width:19px;height:19px}.mute-dot{position:absolute;bottom:9px;right:9px;width:5px;height:5px;background:#ff916c;border-radius:100%}[aria-pressed=true] .mute-dot{display:none}.screen{position:absolute;inset:0;display:grid;place-items:center;overflow:auto;padding:86px var(--right) max(36px,env(safe-area-inset-bottom)) var(--left);background:#09142666;z-index:3;overscroll-behavior:contain}.menu-card,.modal{width:min(380px,100%);text-align:center}.menu-card{padding:20px 26px 22px;border:1px solid #9db7bd23;border-radius:32px;background:linear-gradient(150deg,#14263dec,#0f1d31f5);box-shadow:0 20px 80px #0005}.eyebrow{font-size:8px;font-weight:700;letter-spacing:.17em;color:#a1b8bd;line-height:1.7}.hero{height:100px;margin-top:10px}.hero svg{width:190px;height:100px;overflow:visible}.ember{animation:float 3s ease-in-out infinite;transform-origin:70px 100px}.tide{animation:float 3s 1.2s ease-in-out infinite;transform-origin:150px 100px}@keyframes float{50%{transform:translateY(-5px) rotate(-2deg)}}h1{font-size:37px;letter-spacing:-.06em;line-height:1.1;margin:12px 0 8px;font-weight:900;white-space:nowrap}h1 span{color:var(--ember)}h1 b{color:var(--tide)}h1 em{font-style:normal;font-size:25px;color:#b8c7cb}h2{font-size:28px;line-height:1.1;letter-spacing:-.04em;margin:16px 0 24px}.tagline{font-size:12px;color:#afbdc9;margin:0 0 20px}.stage-select{display:flex;justify-content:center;gap:12px}.stage-select button{width:46px;height:46px;border-radius:14px;background:#283d53;border:1px solid #a0b6bd22;color:#9ab0b9;font-weight:700;font-size:12px}.stage-select button[aria-pressed=true]{color:#f9dfaf;background:#594b3e;border-color:#e3c28d88;box-shadow:0 0 20px #f0ca8b11}.stage-name{font-size:10px;margin:9px 0 18px;color:#a3b8be}.primary,.mode-button{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:54px;border-radius:17px;padding:14px 18px;font-size:13px;font-weight:750}.primary{background:#f0cfa0;color:#172941;box-shadow:0 5px 0 #977e5c;margin-bottom:14px}.primary span,.mode-button span{margin-left:auto;font-size:18px}.primary svg,.mode-button svg{width:18px;height:18px}.mode-button{background:#283e55;border:1px solid #9bb6be2b;color:#dce6df;margin-bottom:8px}.text-button{background:none;color:#9fb5be;min-height:44px;padding:10px 8px;font-size:11px}.build-note{display:block;font-size:8px;color:#718c9c;margin-top:8px;letter-spacing:.04em}.modal{background:#13253df5;border:1px solid #aac2c52d;padding:30px 24px;border-radius:28px;box-shadow:0 20px 80px #0006}.small{font-size:11px;line-height:1.7;color:#a6bbc4}.divider{color:#688491;font-size:11px;margin:18px}label{display:block;text-align:left;font-size:11px;color:#b1c7cd;margin-bottom:9px}input{width:100%;min-height:54px;padding:12px;border:1px solid #7c9ba65c;border-radius:14px;background:#0e1c30;color:#fff;font:700 20px ui-monospace,monospace;letter-spacing:.12em;text-align:center;margin-bottom:12px}#code-label{font:700 clamp(20px,6vw,27px) ui-monospace,monospace;letter-spacing:.04em;word-spacing:.1em}.partner-row{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:24px 0;font-size:10px}.player-chip{padding:9px 12px;border-radius:12px;font-weight:700}.ember-chip{background:#ff916c22;color:var(--ember)}.tide-chip{background:#67d8df22;color:var(--tide)}#hud{position:absolute;top:calc(var(--top) + 62px);left:var(--left);right:var(--right);display:flex;align-items:center;gap:8px;pointer-events:none}.pill{background:#14263ee8;border:1px solid #b8cfce22;border-radius:15px;display:flex;align-items:center;justify-content:center;gap:5px;min-height:40px;padding:9px 12px;font-size:11px;font-weight:700}.pill svg{width:15px;height:15px}.goal-pill svg{color:#efcf95}.goal-divider{height:15px;width:1px;background:#cededb25;margin:0 6px}.swap{margin-left:auto;pointer-events:auto;min-height:44px;color:var(--accent)}#health{color:var(--accent)}#health svg{width:13px;height:13px}.network-status{position:absolute;z-index:5;top:calc(var(--top) + 116px);left:50%;transform:translateX(-50%);max-width:90%;width:max-content;background:#1d2e43ee;color:#f6cc99;font-size:11px;padding:10px 16px;border-radius:12px;text-align:center}#controls{position:absolute;inset:0;pointer-events:none;z-index:2}.touch-set{position:absolute;left:var(--left);right:var(--right);bottom:var(--bottom);height:124px;display:flex;align-items:end;justify-content:space-between}.joystick{width:120px;height:120px;border:1px solid #c4d4d04d;background:#10243aab;border-radius:100%;display:grid;place-items:center;pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;box-shadow:inset 0 0 0 12px #a9b5b609}.knob{width:50px;height:50px;border-radius:100%;background:#b6c9cd33;border:2px solid #d2e0d76e;pointer-events:none}.action-group{display:flex;align-items:end;gap:12px}.action{width:62px;height:62px;border-radius:23px;background:#223b50ec;color:#c5e2df;border:1px solid #a9d1ce55;display:grid;place-items:center;pointer-events:auto;touch-action:none;user-select:none;-webkit-touch-callout:none}.action.attack{width:76px;height:76px;border-radius:27px;background:var(--accent);color:#1a2e42;border:2px solid #f9f1ca88;box-shadow:0 5px 0 #0a172b88}.action.attack svg{width:31px;height:31px}.action.dash{margin-bottom:48px}.action.cooling{opacity:.5;filter:saturate(.4)}.action:active{transform:scale(.94)}#app.local .touch-set{width:calc(50% - 24px);right:auto;height:106px;gap:6px}#app.local .second{left:auto;right:var(--right);--accent:var(--tide)}#app.local .joystick{width:84px;height:84px;flex-shrink:0}#app.local .knob{width:37px;height:37px}#app.local .action-group{flex-direction:column;gap:8px}#app.local .action{width:46px;height:46px;border-radius:16px;margin:0}#app.local .action.attack svg{width:24px;height:24px}#app.local .swap{display:none}.help-row{display:flex;text-align:left;gap:16px;align-items:center;margin:20px 0;font-size:12px;line-height:1.6;color:#c8d9d9}.help-row svg{color:#f1d09e}.stars{display:flex;gap:12px;justify-content:center;color:#f0ce91;margin:8px 0 24px}.stars svg{width:44px;height:44px}.result-card p{color:#acc0c9;font-size:12px;margin-bottom:24px}#toast{position:absolute;bottom:calc(var(--bottom) + 160px);left:50%;transform:translateX(-50%);z-index:10;background:#142942f5;border:1px solid #adccc233;max-width:86%;width:max-content;padding:12px 16px;border-radius:14px;font-size:12px;line-height:1.5;text-align:center}#classic{position:absolute;bottom:max(9px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);color:#8296a5;font-size:9px;text-decoration:none;z-index:4}.busy{opacity:.6;pointer-events:none}@media(hover:hover){button:hover:not(:disabled){filter:brightness(1.1)}}@media(min-width:1100px) and (pointer:fine){#controls{opacity:.55}.menu-card{width:400px;padding:26px 32px}.hero{height:120px}.hero svg{height:120px;width:220px}h1{font-size:42px}}@media(max-width:370px){:root{--left:max(12px,env(safe-area-inset-left));--right:max(12px,env(safe-area-inset-right))}.menu-card{padding:16px 20px}.hero,.hero svg{height:80px}h1{font-size:31px}.joystick{width:104px;height:104px}.action-group{gap:8px}.action.attack{width:68px;height:68px}.action.dash{width:54px;height:54px}.pill{padding:8px}.pill svg{width:12px}#hud{gap:5px}#active-name{display:none}.brand{font-size:8px}.header-actions{gap:6px}.icon{width:42px;height:42px}}@media(max-height:520px){:root{--top:max(8px,env(safe-area-inset-top));--bottom:max(14px,env(safe-area-inset-bottom))}.screen{padding-top:65px;padding-bottom:18px;align-items:start}.menu-card{display:grid;grid-template-columns:1fr 1fr;column-gap:24px;width:min(660px,100%);padding:18px 26px;position:relative}.menu-card>.eyebrow,.menu-card>.hero,.menu-card>h1,.menu-card>.tagline{grid-column:1}.menu-card>.eyebrow{grid-row:1}.menu-card>.hero{grid-row:2 / 6;height:110px;margin:10px 0 0}.menu-card>h1{grid-row:6;font-size:29px;margin:0}.menu-card>.tagline{grid-row:7;font-size:10px;margin:6px 0}.menu-card>.stage-select{grid-column:2;grid-row:1 / 3}.menu-card>.stage-name{grid-column:2;grid-row:3;margin:6px 0 12px}.menu-card>#solo{grid-column:2;grid-row:4}.menu-card>#online{grid-column:2;grid-row:5}.menu-card>#local{grid-column:2;grid-row:6;font-size:10px}.menu-card>.build-note{grid-column:2;grid-row:7;margin:4px 0}.primary,.mode-button{min-height:46px;padding:11px 13px;font-size:12px}.hero svg{height:100px}.modal{padding:22px;width:min(460px,100%)}.brand span{display:none}#hud{top:calc(var(--top) + 52px);right:auto;max-width:70%}.pill{min-height:35px;padding:7px 10px}.swap{min-height:40px}.joystick{width:100px;height:100px}.touch-set{height:110px}.action.attack{width:64px;height:64px;border-radius:24px}.action.dash{width:52px;height:52px;margin-bottom:20px}.network-status{top:calc(var(--top) + 100px)}#toast{bottom:24px;max-width:36%;font-size:10px}#classic{display:none}.header-actions .icon{width:42px;height:42px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto}}

#app.left-handed:not(.local) .touch-set{flex-direction:row-reverse}#app.left-handed:not(.local) .action-group{flex-direction:row-reverse}.comfort-options{display:flex;gap:8px}.comfort-options .mode-button{flex:1;min-width:0;gap:7px;padding:12px 8px;font-size:11px}.comfort-options .mode-button span{font-size:inherit;margin:0}.comfort-options .mode-button[aria-pressed=true]{border-color:#f0cfa080;color:#f0cfa0}#app.local #handedness{display:none}#pause-note{margin:-12px 0 22px}#app:fullscreen{height:100%}

.stage-select{justify-content:flex-start;overflow-x:auto;max-width:100%;padding:4px 2px;scrollbar-width:thin;scrollbar-color:#687b85 transparent}.stage-select button{flex:0 0 46px}

.stage-select{min-width:0}#classic{min-height:44px;display:flex;align-items:center;padding:0 14px}#invite-link{font-size:12px;letter-spacing:0;text-align:left}
@media(max-height:520px){#classic{display:none}}