:root{--bg:#1d2b22;--panel:#26382c;--text:#f4efe1;--muted:#b9c7b4;--accent:#7cc36a;--warn:#e6b450;--danger:#e07a6a;--button:#f4efe1;--button-text:#2b3a2f;--button-held:#ffd66b;--btn:max(34px, min(52px, calc((100vw - 120px) / 6)));--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:system-ui,-apple-system,Apple SD Gothic Neo,Noto Sans KR,sans-serif}*{box-sizing:border-box}html,body,#root{background:var(--bg);height:100%;color:var(--text);overscroll-behavior:none;margin:0}button{font:inherit;cursor:pointer}.join{text-align:center;flex-direction:column;gap:16px;max-width:360px;margin:0 auto;padding:48px 16px;display:flex}.join h1{color:var(--accent);margin:0 0 8px;font-size:28px}.key-form{text-align:left;flex-direction:column;gap:8px;display:flex}.key-form input{font:inherit;border:1px solid var(--muted);background:var(--panel);color:var(--text);border-radius:10px;padding:12px}.key-form button,.player-pick button{background:var(--accent);color:#10200f;border:0;border-radius:12px;padding:14px;font-weight:700}.key-form button:disabled{opacity:.5}.key-form button.secondary{border:1px solid var(--muted);color:var(--text);background:0 0;font-weight:400}.seat-pick{flex-direction:column;gap:12px;display:flex}.seat-pick p{margin:0}.seat-pick button{background:var(--accent);color:#10200f;border:0;border-radius:14px;padding:18px;font-size:20px;font-weight:700}.player-pick{flex-direction:column;gap:10px;display:flex}.player-pick .admin-link{color:var(--muted)}.player-pick button.secondary{border:1px solid var(--muted);color:var(--text);background:0 0;font-weight:400}[role=alert]{color:var(--danger);margin:0}.game{height:100dvh;padding-bottom:env(safe-area-inset-bottom);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;flex-direction:column;display:flex}.status-bar{padding:6px 12px;padding-top:max(6px, env(safe-area-inset-top));color:var(--muted);align-items:center;gap:8px;font-size:13px;display:flex}.status-text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.dot{background:var(--warn);border-radius:50%;flex:none;width:8px;height:8px}.dot.open{background:var(--accent)}.dot.replaced,.dot.rejected{background:var(--danger)}.sound{background:0 0;border:0;padding:2px 4px;font-size:16px;line-height:1}.sound.waiting-gesture{animation:1.2s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.4}}.leave{border:1px solid var(--muted);color:var(--muted);background:0 0;border-radius:8px;padding:4px 10px;font-size:12px}.screen-area{flex:1;justify-content:center;align-items:center;min-height:0;display:flex;container-type:size}.screen{width:min(100cqw,66.6667cqh);height:min(100cqh,150cqw);image-rendering:pixelated;touch-action:none;background:#000;border-radius:4px}.controls{padding:6px max(12px, env(safe-area-inset-right)) 10px max(12px, env(safe-area-inset-left));touch-action:none;flex-direction:column;flex:none;gap:6px;display:flex}.controls button{background:var(--button);color:var(--button-text);touch-action:none;-webkit-tap-highlight-color:transparent;border:0;font-weight:800}.controls button.held{background:var(--button-held);box-shadow:inset 0 0 0 3px #00000026}.shoulders{justify-content:space-between;display:flex}.shoulder{width:calc(var(--btn) * 1.8);border-radius:10px 10px 4px 4px;height:34px}.pads{grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;display:grid}.dpad-group,.face-group{grid-template-columns:repeat(3, var(--btn));grid-template-rows:repeat(3, var(--btn));gap:2px;display:grid}.face-group{justify-self:end}.dpad{border-radius:8px;font-size:16px}.dpad.up{grid-area:1/2}.dpad.left{grid-area:2/1}.dpad.right{grid-area:2/3}.dpad.down{grid-area:3/2}.face{border-radius:50%;font-size:18px}.face.x{grid-area:1/2}.face.y{grid-area:2/1}.face.a{grid-area:2/3}.face.b{grid-area:3/2}.system-group{flex-direction:column;align-items:center;gap:10px;display:flex}.system{letter-spacing:.3px;border-radius:13px;width:56px;height:26px;font-size:9px}@media (aspect-ratio>=4/3){:root{--btn:max(34px, min(52px, calc((100dvh - 150px) / 3)))}.game{grid-template-rows:auto 1fr;grid-template-columns:1fr auto 1fr;display:grid}.status-bar{grid-column:1/-1}.screen-area{grid-area:2/2;width:min(60vw,66.6667dvh - 32px)}.controls,.pads,.shoulders{display:contents}.dpad-group,.face-group{grid-row:2;place-self:center}.dpad-group{grid-column:1}.face-group{grid-column:3}.shoulder{grid-row:2;place-self:start center;margin-top:8px}.shoulder.l{grid-column:1}.shoulder.r{grid-column:3}.system-group{margin-bottom:max(10px, env(safe-area-inset-bottom));flex-direction:row;grid-area:2/3;place-self:end center}}