:root{color:#f4f7fa;font-synthesis:none;text-rendering:geometricprecision;--team-a:#3f8cff;--team-b:#ff5349;--accent:#ffd23f;background:#0d1117;font-family:Segoe UI,Avenir Next,Avenir,system-ui,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{-webkit-user-select:none;user-select:none;min-width:320px}#app{background:#0d1117;position:relative}#game-canvas{touch-action:none;outline:none;width:100vw;height:100vh;display:block}.hidden{display:none!important}#match-controls{display:none}#match-controls button{color:#ffd23f;cursor:pointer;background:#142a3e;border:2px solid #fff0b5;border-radius:6px;min-width:44px;min-height:44px;font:900 12px system-ui;box-shadow:0 3px #07131e}#match-controls button:active{transform:translateY(2px);box-shadow:0 1px #07131e}#match-controls button:focus-visible{outline-offset:3px;outline:3px solid #fff}#combat-hud{left:max(16px, env(safe-area-inset-left));pointer-events:none;color:#ffd23f;text-shadow:2px 2px #17141f,-1px -1px #17141f;flex-direction:column;gap:3px;font-weight:900;display:flex;position:absolute;bottom:18px;transform:rotate(-2deg)}#next-attack{font-size:clamp(11px,1.3vw,17px)}#combat-chain{color:#fff;font-size:clamp(18px,2vw,30px)}#combat-hud{border-left:5px solid var(--accent);background:#102234dc;border-radius:0 8px 8px 0;padding:7px 11px}body.touch-mode #combat-hud{max-width:calc(100% - 24px);bottom:170px;left:12px}@media (width<=600px){#match-controls{top:91px}#match-controls button{min-height:38px;font-size:10px}#status-line{text-align:center;width:max-content;max-width:calc(100vw - 24px);line-height:1.3;position:absolute;top:133px}}@media (prefers-reduced-motion:reduce){#impact-flash{display:none}}#hud{top:max(10px, env(safe-area-inset-top));pointer-events:none;text-transform:uppercase;flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;left:0;right:0}#scoreboard{background:#101d2c;border:3px solid #fff0cb;border-radius:7px;align-items:stretch;gap:4px;padding:5px;display:flex;box-shadow:0 5px #08111d}.team-chip{border-radius:10px;align-items:center;gap:8px;min-width:96px;padding:4px 10px;font-weight:800;display:flex}.team-chip .team-name{letter-spacing:.08em;opacity:.85;font-size:.68rem}.team-chip strong{font-variant-numeric:tabular-nums;font-size:1.5rem;line-height:1}.team-a{color:#cfe2ff;background:linear-gradient(110deg,#1b5689,#173553);border-left:4px solid #75c9ed;justify-content:flex-start}.team-b{color:#ffd9d6;background:linear-gradient(110deg,#5e2434,#9a353c);border-right:4px solid #ffac81;justify-content:flex-end}.team-chip.flash{animation:.7s ease-out chip-flash}@keyframes chip-flash{0%{filter:brightness();transform:scale(1)}25%{filter:brightness(1.9);transform:scale(1.14)}to{filter:brightness();transform:scale(1)}}#clock{background:#f4f7fa14;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;min-width:86px;padding:4px 10px;display:flex}#timer-value{font-variant-numeric:tabular-nums;font-size:1.42rem;line-height:1}#timer-value.urgent{color:#ff6b61;animation:.8s infinite alternate pulse}@keyframes pulse{0%{opacity:1}to{opacity:.45}}#clock-sub{letter-spacing:.14em;opacity:.7;margin-top:3px;font-size:.56rem}#clock-sub.golden{color:var(--accent);opacity:1;font-weight:700}#status-line{letter-spacing:.04em;color:#f4f7fad9;background:#0a0e1499;border-radius:999px;padding:5px 12px;font-size:.72rem;font-weight:600}#banner{pointer-events:none;text-align:center;text-transform:uppercase;flex-direction:column;align-items:center;gap:6px;animation:.32s cubic-bezier(.2,1.4,.4,1) banner-in;display:flex;position:absolute;top:24%;left:0;right:0}@keyframes banner-in{0%{opacity:0;transform:scale(.4)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}#banner-main{letter-spacing:.02em;-webkit-text-stroke:1px #182536;paint-order:stroke fill;text-shadow:3px 5px #182536;font-family:Arial Black,Impact,system-ui,sans-serif;font-size:clamp(2.4rem,9vw,5.4rem);line-height:.95}#banner-sub{letter-spacing:.22em;opacity:.92;text-shadow:0 2px 10px #000000b3;font-size:clamp(.85rem,2.6vw,1.3rem);font-weight:700}.tone-goal #banner-main{color:var(--accent)}.tone-countdown #banner-main{color:#fff}.tone-info #banner-main{color:#d7e6ff}.tone-golden #banner-main{color:var(--accent);animation:1s infinite alternate golden-glow}@keyframes golden-glow{0%{text-shadow:0 0 18px #ffd23f66,0 4px #0000008c}to{text-shadow:0 0 42px #ffd23ff2,0 4px #0000008c}}.screen{z-index:5;background:radial-gradient(circle at 50% 38%,#182230b8,#090c11e6);justify-content:center;align-items:center;padding:18px;display:flex;position:absolute;inset:0}.screen-card{border:2px solid #d5decf;border-top:6px solid var(--accent);text-align:center;background:#101e2cf5;border-radius:10px;width:min(680px,94vw);padding:clamp(18px,4vw,38px);box-shadow:0 30px 80px #0000008c}#screen-title{z-index:36}#screen-title .screen-card{max-height:calc(100dvh - 24px);overflow-y:auto}.menu-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:460px;margin:20px auto 0;display:grid}.menu-actions button,#menu-back{color:#f4f7fa;letter-spacing:.05em;cursor:pointer;background:#19334a;border:2px solid #fff0b5;border-radius:8px;min-height:48px;padding:10px 14px;font:900 .9rem system-ui;box-shadow:0 4px #07131e}.menu-actions button:hover,#menu-back:hover{filter:brightness(1.2);transform:translateY(-1px)}.menu-actions button:focus-visible,#menu-back:focus-visible{outline-offset:3px;outline:3px solid #fff}.menu-actions .menu-primary{background:var(--accent);color:#182536;border-color:#fff3bd;grid-column:1/-1;font-size:1.05rem}#menu-details{margin-top:14px}#menu-details #controls-grid{margin-top:8px}#menu-details>button{min-width:150px;margin-top:14px}#menu-about-content h2{color:var(--accent);font-size:1.1rem}#menu-about-content p,#menu-support-content p{line-height:1.5}#menu-about-content .about-links{flex-wrap:wrap;justify-content:center;gap:10px 18px;display:flex}#menu-about-content a{color:#92e0ff;overflow-wrap:anywhere}#menu-about-content a:focus-visible,#menu-support-content a:focus-visible,#menu-support-content summary:focus-visible{outline-offset:4px;outline:3px solid #fff}.about-support{background:#19334a;border:1px solid #fff0b5;border-radius:8px;margin-top:20px;padding:16px}.about-support h3{color:var(--accent);margin:0;font-size:1rem}#menu-support-content .donation-link{color:#102232;background:#66c9f1;border:2px solid #fff0b5;border-radius:8px;justify-content:center;align-items:center;min-height:48px;padding:10px 16px;font:900 .9rem system-ui;text-decoration:none;display:inline-flex;box-shadow:0 4px #07131e}.donation-link:hover{filter:brightness(1.12)}.about-support details{margin-top:16px}.about-support summary{cursor:pointer;padding:8px}@media (width<=400px){.menu-actions{grid-template-columns:1fr}.menu-actions .menu-primary{grid-column:auto}}.screen-card h1{letter-spacing:.03em;margin:0 0 6px;font-family:Arial Black,Impact,system-ui,sans-serif;font-size:clamp(2rem,7vw,3.6rem);line-height:.95}#screen-title h1 span{color:var(--accent);text-shadow:3px 4px #bc452f,6px 7px #061320;display:block;transform:rotate(-3deg)}.tagline{color:#f4f7fabf;margin:0 0 18px;font-size:clamp(.82rem,2.4vw,1rem)}#controls-grid{text-align:left;flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.controls-col{background:#f4f7fa0d;border:1px solid #f4f7fa1a;border-radius:14px;flex:240px;padding:12px 14px}.controls-col h2{letter-spacing:.12em;text-transform:uppercase;color:#f4f7fad9;margin:0 0 8px;font-size:.78rem}.controls-col p{color:#f4f7fac7;margin:6px 0;font-size:.78rem}kbd{color:#eaf1f8;text-align:center;background:#1c2633;border:1px solid #f4f7fa38;border-bottom-width:2px;border-radius:6px;min-width:1.5em;margin:0 1px;padding:2px 6px;font-family:inherit;font-size:.72rem;font-weight:700;display:inline-block}.hint{color:var(--accent);margin:16px 0 0;font-size:.84rem;font-weight:700;animation:1.2s infinite alternate pulse}.hint.small{color:#f4f7fa99;margin-top:8px;font-size:.7rem;font-weight:500;animation:none}.end-score{font-variant-numeric:tabular-nums;color:var(--accent);margin:6px 0 2px;font-size:clamp(1.8rem,6vw,3rem);font-weight:800}#touch-controls{height:calc(clamp(112px, 16dvh, 136px) + env(safe-area-inset-bottom));padding:6px max(12px, env(safe-area-inset-right)) max(6px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));pointer-events:none;z-index:4;background:#0d1117;border-top:1px solid #fff0c938;justify-content:space-between;align-items:stretch;display:none;position:absolute;bottom:0;left:0;right:0}.touch-player-controls{pointer-events:none;flex:1 1 0;justify-content:space-between;align-items:center;width:auto;min-width:0;display:flex}.touch-player-controls.player-2{flex-direction:row-reverse}#touch-stick,#touch-stick-2{aspect-ratio:1;pointer-events:auto;touch-action:none;background:#0a0e1480;border:2px solid #f4f7fa4d;border-radius:50%;flex:0 0 clamp(64px,22vw,148px);width:clamp(64px,22vw,148px);position:relative}#touch-knob,#touch-knob-2{aspect-ratio:1;background:#f4f7fae6;border-radius:50%;width:44%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 20px #3f8cff99}#touch-buttons,#touch-buttons-2{flex:none;grid-template-columns:repeat(2,auto);place-items:end;gap:clamp(3px,1vw,10px);display:grid}.touch-btn{aspect-ratio:1;color:#0d1117;pointer-events:auto;touch-action:none;border:3px solid #fff0c9;border-radius:50%;width:clamp(48px,12.6vw,92px);padding:0 2px;font-family:inherit;font-size:clamp(.5625rem,2vw,.78rem);font-weight:800;transition:transform 80ms ease-out,filter 80ms ease-out;box-shadow:0 5px #102333}.touch-btn.pressed{filter:brightness(1.25);transform:scale(.94)translateY(3px);box-shadow:0 1px #102333}.btn-shoot{background:var(--accent);grid-row:span 1}.btn-pass{background:#7fd6ff}.btn-punch{background:#ff9d76}.btn-sprint{background:#a4f2b8}body.touch-mode #touch-controls{display:flex}body.touch-mode #game-canvas{height:calc(100dvh - clamp(112px, 16dvh, 136px) - env(safe-area-inset-bottom))}@media (orientation:landscape) and (height<=600px){body.touch-mode{--touch-control-left:clamp(76px, 10vw, 84px);--touch-control-right:clamp(60px, 8vw, 72px)}body.touch-mode #game-canvas{width:calc(100vw - var(--touch-control-left) - var(--touch-control-right));height:100dvh;margin-inline:auto}body.touch-mode #touch-controls{height:100dvh;padding:max(8px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));background:linear-gradient(90deg, #0d1117 0 var(--touch-control-left), transparent var(--touch-control-left) calc(100% - var(--touch-control-right)), #0d1117 calc(100% - var(--touch-control-right)) 100%);border-top:0;top:0;bottom:0}body.touch-mode #combat-hud{left:calc(var(--touch-control-left) + 12px);max-width:calc(100% - var(--touch-control-left) - var(--touch-control-right) - 24px);bottom:12px}#touch-stick,#touch-stick-2{flex-basis:clamp(56px,8vw,68px);width:clamp(56px,8vw,68px)}.touch-btn{border-width:2px;width:44px;font-size:9px;box-shadow:0 3px #102333}#touch-buttons,#touch-buttons-2{grid-template-columns:1fr;gap:4px}body.touch-mode:has(#touch-player-2:not(.hidden)){--touch-control-left:100px;--touch-control-right:100px}body.touch-mode #touch-controls:has(#touch-player-2:not(.hidden)) .touch-player-controls{flex-direction:column;flex:0 0 100px;justify-content:center;gap:8px;width:100px}body.touch-mode #touch-controls:has(#touch-player-2:not(.hidden)) #touch-player-1{align-items:flex-start}body.touch-mode #touch-controls:has(#touch-player-2:not(.hidden)) #touch-player-2{align-items:flex-end}}@media (width<=420px) and (orientation:portrait){:is(body.touch-mode #touch-controls:has(#touch-player-2:not(.hidden)) #touch-stick,body.touch-mode #touch-controls:has(#touch-player-2:not(.hidden)) #touch-stick-2){flex-basis:56px;width:56px}body.touch-mode #touch-controls:has(#touch-player-2:not(.hidden)) .touch-btn{border-width:2px;width:44px}}#impact-flash{z-index:40;pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 46%,#ff5a2800 30%,#ff3c2880 100%);position:absolute;inset:0}#impact-flash.flash-soft{animation:.22s ease-out impact-soft}#impact-flash.flash-hard{background:radial-gradient(circle at 50% 46%,#fff4be40 0%,#ff783c47 58%,#ff281e66 100%);animation:.2s ease-out impact-hard}@keyframes impact-soft{0%{opacity:.5}to{opacity:0}}@keyframes impact-hard{0%{opacity:1;transform:scale(1.045)}to{opacity:0;transform:scale(1)}}@media (pointer:coarse){#status-line{font-size:.66rem}}#options-dialog,#editor-dialog{color:#f4f7fa;border:2px solid var(--accent);-webkit-user-select:text;user-select:text;background:#121923;border-radius:16px;width:min(620px,100vw - 24px);max-height:calc(100dvh - 24px);padding:22px;overflow-y:auto;box-shadow:0 20px 80px #0009}#options-dialog::backdrop,#editor-dialog::backdrop{background:#05080de0}#options-dialog h2,#editor-dialog h2{color:var(--accent);margin:0 0 10px;font-size:clamp(1rem,4vw,1.4rem)}#options-dialog p,#editor-dialog p{font-size:.85rem;line-height:1.4}.fps-option{align-items:center;gap:10px;min-height:44px;margin:12px 0 18px;font-size:.9rem;font-weight:700;display:flex}.fps-option input{width:20px;height:20px;accent-color:var(--accent)}#fps-counter{top:max(12px, env(safe-area-inset-top));left:max(12px, env(safe-area-inset-left));z-index:3;color:#dff3ff;font-variant-numeric:tabular-nums;pointer-events:none;background:#101d2ce8;border:1px solid #94aac0;border-radius:6px;padding:6px 9px;font:800 12px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;position:absolute}.impact-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.impact-fields label{gap:4px;font-size:.8rem;font-weight:700;display:grid}.impact-fields input{color:#fff;width:100%;min-width:0;min-height:44px;font:inherit;background:#202c3c;border:1px solid #64758c;border-radius:6px;padding:8px}.ad-options{border:1px solid #64758c;border-radius:8px;gap:10px;margin:18px 0;padding:12px;display:grid}.ad-options legend{color:var(--accent);padding:0 6px;font-size:.85rem;font-weight:900}.combat-tuning h3{margin:8px 0 0;font-size:.9rem}.volume-controls{gap:10px;margin-top:8px;display:grid}.volume-controls label,.volume-controls label span{align-items:center;gap:10px;display:flex}.volume-controls label{justify-content:space-between}.volume-controls label span{min-width:55%}.volume-controls input[type=range]{accent-color:var(--accent);flex:1}.control-options{border:1px solid #64758c;border-radius:8px;gap:8px;margin:14px 0 18px;padding:12px;display:grid}.control-options legend{color:var(--accent);padding:0 6px;font-size:.85rem;font-weight:900}.player-control{background:#17212d;border:1px solid #46566a;border-radius:8px;gap:8px;padding:10px;display:grid}.player-control+.player-control{margin-top:6px}.player-control summary{min-height:32px;color:var(--accent);cursor:pointer;font-weight:900}.player-control>label{gap:5px;font-size:.8rem;font-weight:700;display:grid}.player-control select,.key-bindings select{color:#fff;width:100%;min-height:42px;font:inherit;background:#202c3c;border:1px solid #64758c;border-radius:6px;padding:8px}.key-bindings,.pad-bindings{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.key-bindings[hidden],.pad-bindings[hidden],.player-touch-note[hidden]{display:none}.bind-row{background:#111c29;border-radius:6px;justify-content:space-between;align-items:center;gap:5px;min-width:0;padding:6px;font-size:.75rem;display:flex}.bind-row output{color:#cfe2ff;text-overflow:ellipsis;font:800 .72rem ui-monospace,monospace;overflow:hidden}.bind-row button{color:#fff;background:#26384b;border:1px solid #64758c;border-radius:5px;min-height:36px;padding:4px 7px;font:700 .7rem system-ui}.player-pad-bindings{gap:8px;display:grid}.player-pad-bindings[hidden],.player-key-bindings[hidden]{display:none}.player-pad-bindings label{min-width:0}.player-pad-bindings .bind-row select{flex:1;width:auto;min-width:0}.player-pad-bindings input[type=number]{width:90px;min-height:40px}.player-pad-monitor{overflow-wrap:anywhere;font-size:.75rem;display:block}.gamepad-focus{outline-offset:2px;outline:3px solid #ffd23f!important}.player-touch-note{margin:0}.court-sign{background:#17212d;border:1px solid #46566a;border-radius:8px;gap:8px;padding:10px;display:grid}.court-sign+.court-sign{margin-top:8px}.court-sign summary{min-height:32px;color:var(--accent);cursor:pointer;font-weight:900}.court-sign label,#audio-editor label,#editor-auth-form label{gap:5px;font-size:.8rem;font-weight:700;display:grid}.court-sign select,.court-sign input[type=text],.court-sign input[type=file],#audio-editor select,#audio-editor input[type=file],#editor-token{color:#fff;width:100%;min-width:0;min-height:42px;font:inherit;background:#202c3c;border:1px solid #64758c;border-radius:6px;padding:8px}.court-sign-preview{aspect-ratio:32/7;object-fit:contain;background:#14181c;border:1px solid #64758c;border-radius:6px;width:100%;height:auto;display:block}.court-sign-preview[hidden],.court-sign-text[hidden],.court-sign-image[hidden]{display:none}#court-led-editor{border:1px solid #64758c;border-radius:8px;margin-bottom:14px;padding:12px}#court-led-editor summary{color:var(--accent);cursor:pointer;min-height:32px;font-weight:900}#court-led-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}#court-led-controls label{gap:6px;min-width:0;font-size:.8rem;display:grid}#court-led-controls input:not([type=checkbox]),#court-led-controls select{box-sizing:border-box;color:#fff;width:100%;min-width:0;min-height:44px;font:inherit;background:#202c3c;border:1px solid #64758c;border-radius:6px;padding:8px}#court-led-controls .led-toggle{align-items:center;min-height:44px;display:flex}#court-led-controls input[type=checkbox]{flex:0 0 22px;width:22px;height:22px}#court-led-preview{aspect-ratio:32/7;background:#080e15;border-radius:6px;width:100%;height:auto;display:block}@media (width<=440px){#court-led-controls{grid-template-columns:minmax(0,1fr)}}.options-actions{flex-wrap:wrap;gap:8px;display:flex}.options-actions button{border:1px solid var(--accent);color:#fff;cursor:pointer;background:#202c3c;border-radius:6px;min-height:44px;padding:8px 12px;font-family:inherit;font-size:.85rem;font-weight:700}.options-actions button[type=submit]{background:var(--accent);color:#121923}#options-dialog :focus-visible,#editor-dialog :focus-visible{outline-offset:2px;outline:3px solid #fff}.options-actions button:hover{filter:brightness(1.2)}.options-actions button:active{transform:translateY(1px)}.options-note{color:#b8c5d5}.weapon-hint{color:#c6e8ff;font-size:.75rem}@media (width<=440px){#options-dialog,#editor-dialog{padding:16px}.impact-fields,.key-bindings,.pad-bindings{grid-template-columns:minmax(0,1fr)}}#audio-editor select,#audio-editor input{width:100%;min-width:0}#audio-name{overflow-wrap:anywhere;margin:8px 0;display:block}.audio-actions{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}#audio-background-progress{accent-color:#53df9a;width:100%;height:16px;margin:10px 0;display:block}#audio-background-progress[hidden],#audio-background-percent[hidden],#audio-background-path[hidden],#audio-background-no-path[hidden],#audio-background-upload-legacy[hidden]{display:none}#audio-background-path{overflow-wrap:anywhere;color:#83d8ff;margin:6px 0;display:block}#audio-background-percent{text-align:right;color:#53df9a;font-weight:800;display:block}#audio-oracle-progress{accent-color:#53df9a;width:100%;height:16px;margin:10px 0;display:block}#audio-oracle-progress[hidden],#audio-oracle-percent[hidden],#audio-oracle-path[hidden]{display:none}#audio-oracle-path{overflow-wrap:anywhere;color:#83d8ff;margin:6px 0;display:block}#audio-oracle-percent{text-align:right;color:#53df9a;font-weight:800;display:block}#menu-setup-content h2{color:var(--accent);font-size:1.15rem}#menu-setup-content label{text-align:left;gap:6px;font-size:.85rem;font-weight:700;display:grid}#menu-setup-content select{color:#fff;width:100%;min-width:0;min-height:46px;font:inherit;background:#202c3c;border:1px solid #91aac0;border-radius:6px;padding:8px}#setup-count-step{gap:16px;display:grid}.setup-player{border:1px solid #64758c;border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0;padding:12px;display:grid}.setup-player h3{color:var(--accent);grid-column:1/-1;margin:0;font-size:.9rem}#setup-next,#setup-previous,.new-match{color:#fff;cursor:pointer;background:#19334a;border:2px solid #fff0b5;border-radius:8px;min-height:46px;padding:10px 12px;font:800 .85rem system-ui}#menu-setup-content :focus-visible,.new-match:focus-visible{outline-offset:2px;outline:3px solid #fff}@media (width<=440px){.setup-player{grid-template-columns:1fr}}#screen-title.setup-open h1{font-size:1.6rem}#screen-title.setup-open .tagline{display:none}#screen-title.setup-open .menu-actions{margin:12px auto}#screen-title.setup-open{z-index:36}#online-dialog{box-sizing:border-box;color:#fff4cb;background:#142331;border:2px solid #ffe299;border-radius:18px;width:min(980px,100vw - 24px);max-height:calc(100dvh - 24px);padding:22px;overflow:auto}#online-dialog::backdrop{background:#04090fd9}#online-dialog label{gap:6px;margin:16px 0;display:grid}#online-dialog input{box-sizing:border-box;width:100%;font:inherit;padding:12px}#online-dialog button,#online-exit-match{font:inherit;color:#ffe299;cursor:pointer;background:#152b3a;border:2px solid #ffe299;border-radius:10px;min-height:44px;padding:10px 14px;font-weight:800}#online-dialog button:disabled{opacity:.45;cursor:wait}#online-dialog button:focus-visible,#online-exit-match:focus-visible{outline-offset:3px;outline:3px solid #92e0ff}#online-code{text-transform:uppercase}#online-status{color:#92e0ff;overflow-wrap:anywhere;min-height:48px}.online-layout{grid-template-columns:1.1fr 1fr;gap:22px;display:grid}.online-layout>section{min-width:0}.online-room-card,#online-room-info{overflow-wrap:anywhere;background:#0b1924;border:1px solid #516a7c;border-radius:12px;margin:12px 0;padding:12px}.online-room-card h4{color:#ffe299;margin:0}#online-room-info{border-color:#ffe299}#online-chat-list{overflow-wrap:anywhere;background:#0b1924;border:1px solid #516a7c;border-radius:12px;height:clamp(180px,36dvh,380px);padding:12px;overflow-y:auto}#online-chat-list p{margin:0 0 12px}#online-chat-list strong{color:#92e0ff}#online-chat-form{gap:8px;margin-top:10px;display:flex}#online-chat-form input{min-width:0}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}#online-match-actions{bottom:max(6px, env(safe-area-inset-bottom));z-index:18;gap:6px;display:flex;position:fixed;left:50%;transform:translate(-50%)}#online-match-actions button{color:#ffe299;white-space:nowrap;background:#152b3a;border:1px solid #ffe299;border-radius:8px;padding:7px 10px;font-size:11px}#online-captcha{min-height:78px;margin:16px 0}@media (width<=650px){.online-layout{grid-template-columns:1fr}#online-dialog{padding:14px}}#graphics-status{z-index:10000;color:#fff;text-align:center;background:#101820;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px;display:flex;position:fixed;inset:0;overflow:auto}#graphics-status h1{color:#ffda54;font-size:clamp(22px,4vw,36px)}#graphics-status p{overflow-wrap:anywhere;max-width:680px;margin:0}#graphics-status button{color:#fff;cursor:pointer;background:#1c3445;border:2px solid #ffda54;border-radius:10px;padding:14px 22px}