:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--font-display:Georgia, "Palatino Linotype", "Book Antiqua", serif;--font-ui:system-ui, -apple-system, "Segoe UI", sans-serif;--font-brand:"Source Code Pro", ui-monospace, Consolas, monospace;--bg:#101015;--panel:#ffffff0d;--panel-border:#ffffff1c;--text:#f1ede2;--muted:#f1ede2a6;--gold:#f0c56a;--felt:#1d6b45;--white-side:#f4efe2;--black-side:#2a2622;--alert:#e0324a;--info:#5aa8ff}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--font-ui);margin:0;overflow:hidden}#app{width:100vw;height:100vh;position:relative}.hidden{display:none!important}button{font:inherit;color:var(--text);cursor:pointer;background:linear-gradient(#3a3428,#262219);border:1px solid #f0c56a59;border-radius:6px;min-height:28px;padding:0 12px;font-size:13px;transition:background .15s,border-color .15s,transform 50ms}button:hover:not(:disabled){background:linear-gradient(#4a4232,#2f2a1f);border-color:#f0c56acc}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.45;cursor:default}input[type=text],select{font:inherit;color:inherit;background:#0006;border:1px solid #fff3;border-radius:5px;padding:5px 7px;font-size:13px}input[type=radio]{accent-color:var(--gold)}.screen{position:absolute;inset:0}.screen:not(#screen-game){background:radial-gradient(ellipse at center, #1d6b4559, transparent 65%), var(--bg);justify-content:center;align-items:center;display:flex;overflow-y:auto}.screen-panel{border:1px solid var(--panel-border);box-sizing:border-box;text-align:center;background:#101214d9;border-radius:12px;width:90%;max-width:560px;max-height:92vh;padding:30px 34px;overflow-y:auto;box-shadow:0 20px 60px #00000080}.screen-panel h1{font-family:var(--font-brand);color:var(--gold);letter-spacing:-.025em;margin:4px 0 10px;font-size:24px;font-weight:600}.screen-panel h2{font-family:var(--font-display);color:#f4ecd8;margin:0 0 18px;font-size:21px}.welcome-logo{filter:drop-shadow(0 6px 14px #00000080);border-radius:8px;width:min(230px,50vw);height:auto;margin:0 auto 14px;display:block}.screen-hint{color:var(--muted);margin:0 0 20px;font-size:13px;line-height:1.5}.mode-card-grid{flex-direction:column;gap:12px;margin-bottom:22px;display:flex}.mode-card{box-sizing:border-box;background:linear-gradient(#245c3f,#173e2a);border-color:#f0c56a73;flex-direction:column;align-items:center;gap:4px;width:100%;min-height:44px;padding:12px 16px;font-size:15px;display:flex}.mode-card:hover:not(:disabled){background:linear-gradient(#2c7049,#1c4b33)}.mode-card strong{font-size:15px}.mode-card span{color:var(--muted);font-size:12px}.welcome-panel .mode-card{max-width:260px;margin:0 auto}.welcome-fullscreen{margin:12px auto 0;display:block}.welcome-fullscreen[hidden]{display:none}.rules{text-align:left;color:var(--muted);margin-top:22px;font-size:13px;line-height:1.5}.rules summary{cursor:pointer;text-align:center;color:var(--gold)}.rules ul{padding-left:18px}.setup-row{text-align:left;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;font-size:13px;display:flex}.setup-row label{white-space:nowrap;align-items:center;gap:6px;display:flex}.setup-label{min-width:100px;color:var(--muted);flex-shrink:0}.inline-note{color:var(--muted);font-size:11px;font-style:italic}.inline-status{color:#ffb066;min-height:1.2em;margin:0 0 8px;font-size:12px}.setup-actions{justify-content:space-between;align-items:center;gap:12px;margin-top:12px;display:flex}.setup-actions .mode-card{flex:1;min-height:0;padding:9px 16px}input[type=checkbox]{accent-color:var(--gold)}.primary-btn{background:linear-gradient(#245c3f,#173e2a);border-color:#f0c56a99;min-height:34px;padding:0 20px;font-weight:600}.primary-btn:hover:not(:disabled){background:linear-gradient(#2c7049,#1c4b33)}.back-btn{margin-top:6px}.screen-subtitle{font-family:var(--font-display);color:#cfe9d5;margin:-6px 0 12px;font-style:italic}.screen-panel.setup-panel{max-width:760px}.team-columns{grid-template-columns:1fr auto 1fr;align-items:start;gap:14px;margin-bottom:18px;display:grid}.versus{font-family:var(--font-brand);color:var(--gold);align-self:center;font-size:22px;font-weight:600}.team-col{border:1px solid var(--panel-border);background:var(--panel);border-radius:10px;flex-direction:column;align-items:center;gap:8px;padding:12px;display:flex}.team-col.compact{margin-bottom:12px}.team-col-label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:12px}.team-flag{object-fit:contain;width:121px;height:44px;image-rendering:pixelated}.team-select{width:100%;max-width:230px}.tactic-rows{flex-direction:column;gap:5px;width:100%;max-width:230px;font-size:12px;display:flex}.tactic-rows label{color:var(--muted);justify-content:space-between;align-items:center;gap:8px;display:flex}.tactic-rows select{flex:1;max-width:140px}.options-row label{margin-right:4px}.controls-help{text-align:left;color:var(--muted);border-top:1px solid var(--panel-border);padding-top:10px;font-size:12px;line-height:1.6}.controls-help table{border-collapse:collapse;width:100%}.controls-help th{text-align:left;color:var(--gold);padding-right:10px;font-weight:600}.controls-help td{vertical-align:top;padding:1px 10px 1px 0}.controls-help td:first-child{color:var(--text);white-space:nowrap}.screen-panel.lobby-panel{text-align:left;max-width:900px}.lobby-panel h2{text-align:center}.lobby-grid{grid-template-columns:1fr 1fr;gap:22px;display:grid}.lobby-col h3{text-transform:uppercase;letter-spacing:.07em;color:var(--gold);margin:14px 0 6px;font-size:13px}.lobby-list{max-height:170px;margin:0;padding:0;list-style:none;overflow-y:auto}.lobby-list li{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;gap:8px;padding:6px 8px;font-size:13px;display:flex}.lobby-list li img{object-fit:contain;width:30px;height:20px;image-rendering:pixelated}.lobby-list .lobby-entry{align-items:center;gap:8px;min-width:0;display:flex}.lobby-list .lobby-detail{color:var(--muted);font-size:12px}.lobby-list .lobby-empty{color:var(--muted);justify-content:flex-start;font-style:italic}.lobby-list li.is-you{color:var(--gold)}.chat-log{border:1px solid var(--panel-border);background:#0000004d;border-radius:6px;height:140px;padding:6px 8px;font-size:12px;line-height:1.45;overflow-y:auto}.chat-who{color:var(--gold);margin-right:4px;font-weight:600}.chat-form{gap:6px;margin-top:6px;display:flex}.chat-form input{flex:1}input[type=text]{font:inherit;color:inherit;background:#0006;border:1px solid #fff3;border-radius:5px;padding:5px 8px;font-size:13px}#screen-game{background:#050806}.game-layout{flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;inset:0}.game-stage{cursor:crosshair;line-height:0;position:relative;box-shadow:0 10px 40px #0009}.game-stage canvas{image-rendering:pixelated;display:block}.game-toolbar{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.game-chat{width:280px;position:absolute;bottom:12px;left:12px}.game-chat .chat-log{background:#0000008c;height:90px}.overlay{z-index:20;background:#0000008c;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.overlay-panel{border:1px solid var(--panel-border);text-align:center;background:#101214f2;border-radius:12px;width:90%;max-width:560px;padding:22px 28px;box-shadow:0 20px 60px #0009}.overlay-panel h2{font-family:var(--font-display);color:#f4ecd8;margin:0 0 14px}.result-score{grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;margin:10px 0 6px;display:grid}.result-team{flex-direction:column;align-items:center;gap:6px;font-weight:600;display:flex}.result-team img{object-fit:contain;width:121px;height:44px;image-rendering:pixelated}.result-numbers{font-family:var(--font-brand);color:var(--gold);font-size:34px;font-weight:600}.result-note{color:var(--muted);min-height:1.2em;font-size:13px}.bench-list{margin:0 0 14px;padding:0;list-style:none}.bench-list button{justify-content:space-between;align-items:center;gap:10px;width:100%;min-height:34px;margin-bottom:6px;display:flex}.bench-bars{flex-direction:column;gap:3px;width:90px;display:flex}.bench-bars span{background:#87c7d0;height:3px;display:block}.bench-bars span+span{background:#a8f7b5}@media (width<=720px){.team-columns,.lobby-grid{grid-template-columns:1fr}.versus{justify-self:center}}.lang-switch{display:inline-flex}.lang-switch button{min-height:24px;font-size:12px;font-family:var(--font-ui);letter-spacing:.5px;border-radius:0;padding:0 9px}.lang-switch button:first-child{border-radius:6px 0 0 6px}.lang-switch button:last-child{border-radius:0 6px 6px 0}.lang-switch button+button{margin-left:-1px}.lang-switch button.active{background:var(--gold);border-color:var(--gold);color:#1a120b;font-weight:700}.lang-switch-global{z-index:5;position:absolute;top:14px;left:14px}#app:has(#screen-game:not(.hidden)) .lang-switch-global{display:none}.account-notice{color:var(--gold);border:1px solid #f0c56a73;border-radius:6px;margin:0 0 16px;padding:8px 10px;font-size:13px}.account-notice.hidden{display:none}.account-notice a{color:inherit;font-weight:600;text-decoration:underline}