:root{color-scheme:dark;font-family:Avenir Next,Avenir,Trebuchet MS,system-ui,sans-serif;background:#120b10;color:#f6efe1;--ink: #f6efe1;--muted: #c8b9aa;--subtle: #927e76;--stage: #120b10;--stage-deep: #1d1015;--panel: #251a1b;--panel-strong: #31201c;--line: rgba(246, 239, 225, .16);--pink: #ef476f;--blue: #3a86ff;--gold: #f0bd58;--mint: #54d6b5}*{box-sizing:border-box}html,body,#app{width:100%;min-width:320px;min-height:100%;margin:0}body{background:linear-gradient(90deg,rgba(246,239,225,.035) 1px,transparent 1px) 0 0 / 68px 68px,linear-gradient(180deg,#190d14,#120b10 46%,#17120f);overflow:hidden}button,input{font:inherit}button{border:0}.app-root{min-height:100vh}.beatdown-shell{height:100vh;min-height:100vh;display:grid;grid-template-rows:auto 1fr;overflow:auto}.shell-header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:18px 24px;border-bottom:1px solid var(--line);background:#120b10d6}.brand-mark{width:44px;aspect-ratio:1;display:grid;place-items:center;color:#160d10;background:var(--gold);font-family:Georgia,Times New Roman,serif;font-weight:700;letter-spacing:0}.brand-copy{display:grid;gap:2px}.brand-kicker,.panel-label,.eyebrow,.identity-label,.signal-label{color:var(--gold);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.brand-title{color:var(--ink);font-family:Georgia,Times New Roman,serif;font-size:1.06rem;letter-spacing:0}.session-meta{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.session-pill{min-height:30px;display:inline-flex;align-items:center;padding:0 12px;color:var(--ink);border:1px solid var(--line);background:#f6efe10f;font-size:.86rem;font-weight:700}.session-pill-room{color:#dce8ff;border-color:#3a86ff57}.start-layout,.lobby-layout,.room-layout{width:min(1120px,calc(100% - 48px));margin:0 auto;padding:56px 0}.start-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,420px);align-items:stretch;gap:48px}.intro-panel{display:grid;align-content:center;gap:24px;min-height:560px;padding:12px 0 32px}.intro-title{margin:0;color:var(--ink);font-family:Georgia,Times New Roman,serif;font-size:5rem;line-height:.92;letter-spacing:0}.intro-copy,.panel-copy{max-width:56ch;margin:0;color:var(--muted);font-size:1rem;line-height:1.7}.signal-rows{display:grid;max-width:620px;border-top:1px solid var(--line)}.signal-row{display:grid;grid-template-columns:110px 1fr;gap:22px;padding:14px 0;border-bottom:1px solid var(--line)}.signal-value{color:var(--ink);font-weight:700}.entry-panel,.action-panel,.room-panel,.schemes-panel,.controls-panel,.identity-strip{background:color-mix(in oklch,var(--panel) 86%,black);border:1px solid var(--line)}.entry-panel{align-self:center;display:grid;gap:18px;padding:34px}.panel-title{margin:0;color:var(--ink);font-family:Georgia,Times New Roman,serif;font-size:2rem;line-height:1.08;letter-spacing:0}.field-label{display:grid;gap:10px;color:var(--muted);font-size:.86rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.text-field{width:100%;min-height:52px;padding:0 14px;color:var(--ink);background:#170f12;border:1px solid rgba(246,239,225,.2);border-radius:0;outline:0}.text-field:focus{border-color:var(--gold);box-shadow:0 0 0 3px #f0bd5829}.room-code-field{font-weight:900;letter-spacing:.08em;text-transform:uppercase}.notice{min-height:22px;margin:0;color:var(--gold);font-size:.92rem;font-weight:800}.notice[hidden]{display:block;visibility:hidden}.action-button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 18px;color:var(--ink);font-weight:900;cursor:pointer;transition:transform .14s ease-out,background .14s ease-out,border-color .14s ease-out}.action-button:hover{transform:translateY(-1px)}.action-button:focus-visible{outline:3px solid rgba(240,189,88,.42);outline-offset:2px}.action-button-primary{color:#160d10;background:var(--gold)}.action-button-secondary{border:1px solid rgba(246,239,225,.24);background:#f6efe114}.action-button-ghost{color:var(--muted);border:1px solid transparent;background:transparent}.lobby-layout{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"identity identity" "create join";gap:18px;align-content:start}.identity-strip{grid-area:identity;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:18px 20px}.identity-name{font-family:Georgia,Times New Roman,serif;font-size:1.32rem}.action-panel{display:grid;align-content:start;gap:18px;min-height:300px;padding:28px}.action-panel-strong{grid-area:create;background:linear-gradient(135deg,rgba(239,71,111,.16),transparent 52%),var(--panel-strong)}.lobby-layout>form{grid-area:join}.room-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,420px);grid-template-areas:"room controls" "schemes controls";gap:18px;align-content:start}.room-panel{grid-area:room;display:grid;gap:26px;min-height:360px;padding:34px}.room-code{margin:0;color:var(--ink);font-family:Georgia,Times New Roman,serif;font-size:4.6rem;line-height:.96;letter-spacing:0;overflow-wrap:anywhere}.room-roster{display:grid;gap:10px}.roster-slot{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;min-height:54px;padding:0 14px;border:1px solid var(--line);background:#f6efe10d}.roster-slot-you{border-color:var(--gold);background:#f0bd5814}.room-actions{display:flex;flex-wrap:wrap;gap:10px}.schemes-panel{grid-area:schemes;display:grid;gap:24px;padding:28px}.schemes-heading{display:grid;gap:12px}.scheme-groups{display:grid;gap:22px}.scheme-group{display:grid;gap:10px}.scheme-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.scheme-choice{min-height:50px;display:grid;grid-template-columns:38px 1fr;align-items:center;gap:10px;padding:8px 10px;color:var(--ink);text-align:left;background:color-mix(in oklch,var(--scheme-dark, #170f12) 62%,#170f12);border:1px solid rgba(246,239,225,.14);cursor:pointer}.scheme-choice:hover,.scheme-choice:focus-visible{border-color:var(--scheme-primary);outline:0}.scheme-choice-selected{border-color:var(--scheme-primary);box-shadow:inset 0 0 0 1px var(--scheme-primary)}.scheme-swatch{width:36px;height:28px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border:1px solid rgba(246,239,225,.18)}.scheme-swatch-primary{background:var(--scheme-primary)}.scheme-swatch-secondary{background:var(--scheme-secondary)}.scheme-name{min-width:0;font-size:.84rem;font-weight:900;line-height:1.1}.controls-panel{grid-area:controls;display:grid;align-content:start;gap:24px;padding:28px}.controls-heading{display:grid;gap:12px}.gamepad-status{margin:-4px 0 0;color:var(--subtle);font-size:.88rem;line-height:1.45}.control-groups{display:grid;gap:22px}.control-group{display:grid;gap:8px}.control-group-title{margin:0 0 4px;color:var(--ink);font-size:.95rem;letter-spacing:.04em;text-transform:uppercase}.binding-row{display:grid;grid-template-columns:minmax(86px,1fr) minmax(104px,132px);align-items:center;gap:10px}.binding-label{color:var(--muted);font-size:.92rem;font-weight:800}.binding-button{min-height:38px;padding:0 10px;color:var(--ink);background:#170f12;border:1px solid rgba(246,239,225,.2);font-size:.9rem;font-weight:900;cursor:pointer}.binding-button:hover,.binding-button:focus-visible{border-color:var(--gold);outline:0}.binding-button-pending{color:#160d10;background:var(--gold);border-color:var(--gold)}.status-chip{min-height:26px;display:inline-flex;align-items:center;padding:0 10px;color:var(--muted);border:1px solid var(--line);background:#f6efe10d;font-size:.74rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.status-chip-idle{color:var(--subtle)}.status-chip-ready{color:#160d10;background:var(--mint);border-color:var(--mint)}.status-chip-in-match{color:#dce8ff;border-color:#3a86ff80;background:#3a86ff24}.ready-toggle{width:100%;min-height:58px;font-size:1.05rem}.game-shell{position:fixed;inset:0;overflow:hidden;background:#101318}.game-stage{position:absolute;inset:0}.game-topbar{position:fixed;z-index:4;bottom:14px;left:14px;display:flex;align-items:center;justify-content:space-between;gap:14px;width:min(560px,calc(100% - 28px));min-height:54px;padding:8px 8px 8px 16px;color:var(--ink);background:#120b10c7;border:1px solid rgba(246,239,225,.18)}.game-room-info{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}.game-room-code{color:var(--gold);font-weight:900;letter-spacing:.06em}.game-room-player{color:var(--muted);font-weight:800}.game-canvas{display:block;width:100vw;height:100vh}.sprite-lab-shell{position:fixed;inset:0;display:grid;grid-template-rows:auto 1fr;background:#101318;overflow:hidden}.sprite-lab-topbar{z-index:2;display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:66px;padding:10px 14px 10px 20px;color:var(--ink);background:#120b10eb;border-bottom:1px solid rgba(246,239,225,.16)}.sprite-lab-root{min-height:0}.sprite-lab-layout{height:100%;display:grid;grid-template-columns:minmax(0,1fr) 380px;min-height:0}.sprite-lab-viewer{position:relative;min-width:0;min-height:0;overflow:hidden;background:#101318}.sprite-lab-canvas{display:block;width:100%;height:100%}.sprite-lab-strip{position:absolute;left:16px;bottom:16px;display:flex;flex-wrap:wrap;gap:8px;pointer-events:none}.lab-chip{min-height:28px;display:inline-flex;align-items:center;padding:0 10px;color:var(--ink);background:#120b10b8;border:1px solid rgba(246,239,225,.16);font-size:.78rem;font-weight:900}.lab-chip-hit{color:#ffd166;border-color:#ffd16694}.lab-chip-hurt{color:#ef476f;border-color:#ef476f9e}.lab-chip-push{color:#54d6b5;border-color:#54d6b58f}.lab-chip-origin{color:var(--gold);border-color:#f0bd589e}.sprite-lab-inspector{min-height:0;display:grid;align-content:start;gap:16px;padding:18px;overflow:auto;background:linear-gradient(180deg,rgba(240,189,88,.05),transparent 240px),color-mix(in oklch,var(--panel) 90%,black);border-left:1px solid rgba(246,239,225,.16)}.lab-section{display:grid;gap:14px;padding-bottom:16px;border-bottom:1px solid rgba(246,239,225,.12)}.lab-field{display:grid;gap:8px}.lab-field-label,.readout-label{color:var(--subtle);font-size:.74rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.lab-field select,.lab-field input,.lab-playback input[type=range]{width:100%}.lab-field select,.lab-field input{min-height:42px;padding:0 10px;color:var(--ink);background:#170f12;border:1px solid rgba(246,239,225,.22);border-radius:0;outline:0}.lab-field select:focus-visible,.lab-field input:focus-visible,.lab-button:focus-visible,.lab-playback input[type=range]:focus-visible{outline:3px solid rgba(240,189,88,.36);outline-offset:2px}.lab-playback{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.lab-playback input[type=range]{grid-column:1 / -1;accent-color:var(--gold)}.lab-button{min-height:38px;color:var(--ink);background:#170f12;border:1px solid rgba(246,239,225,.2);font-weight:900;cursor:pointer}.lab-button:hover{border-color:var(--gold)}.lab-button-strong{color:#160d10;background:var(--gold);border-color:var(--gold)}.lab-readout,.lab-box-list,.lab-box-editor{display:grid;gap:8px}.box-editor{display:grid;gap:12px}.box-editor-title{margin:0;color:var(--ink);font-weight:900}.box-input-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.box-editor-actions,.lab-data-actions,.origin-nudge-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.lab-origin-editor,.origin-editor{display:grid;gap:12px}.origin-input-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.lab-status{min-height:20px;margin:0;color:var(--gold);font-size:.82rem;font-weight:800;line-height:1.45}.readout-row{display:grid;grid-template-columns:104px 1fr;gap:12px;padding:8px 0;border-bottom:1px solid rgba(246,239,225,.08)}.readout-value{min-width:0;color:var(--ink);font-size:.9rem;overflow-wrap:anywhere}.box-group{display:grid;gap:6px;padding:10px;background:#f6efe10a;border:1px solid rgba(246,239,225,.1)}.box-group-title{margin:0;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.box-group-title-hit{color:#ffd166}.box-group-title-hurt{color:#ef476f}.box-group-title-push{color:#54d6b5}.box-row,.box-empty{margin:0;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem;line-height:1.5}.box-row{width:100%;padding:5px 6px;text-align:left;background:#120b10b8;border:1px solid transparent;cursor:pointer}.box-row:hover,.box-row:focus-visible,.box-row-selected{border-color:#f6efe16b;outline:0}.box-row-hit{color:#ffe1a3}.box-row-hurt{color:#ffa2b9}.box-row-push{color:#a8f3df}@media(max-width:820px){body{overflow:auto}.shell-header{grid-template-columns:auto 1fr}.session-meta{grid-column:1 / -1;justify-content:flex-start}.start-layout,.lobby-layout,.room-layout{width:min(100% - 28px,680px);padding:28px 0}.start-layout,.lobby-layout,.room-layout{grid-template-columns:1fr}.room-layout{grid-template-areas:"room" "schemes" "controls"}.lobby-layout{grid-template-areas:"identity" "create" "join"}.intro-panel{min-height:auto;padding:4px 0}.intro-title,.room-code{font-size:3.25rem}.entry-panel,.action-panel,.room-panel,.schemes-panel,.controls-panel{padding:22px}.identity-strip{grid-template-columns:1fr}.signal-row{grid-template-columns:1fr;gap:4px}.scheme-grid{grid-template-columns:1fr}.game-topbar{bottom:8px;left:8px;width:calc(100% - 16px);align-items:stretch;flex-direction:column}.sprite-lab-shell{position:static;min-height:100vh;overflow:visible}.sprite-lab-topbar{align-items:stretch;flex-direction:column}.sprite-lab-layout{grid-template-columns:1fr;min-height:calc(100vh - 130px)}.sprite-lab-viewer{min-height:58vh}.sprite-lab-inspector{border-left:0;border-top:1px solid rgba(246,239,225,.16)}}@media(max-width:480px){.intro-title,.room-code{font-size:2.65rem}}@media(prefers-reduced-motion:reduce){.action-button{transition:none}.action-button:hover{transform:none}}