:root{--bg:#121719;--panel:#182124;--panel-soft:#202b2f;--line:#efe8ca29;--text:#f2ead1;--muted:#aeb7ad;--blue:#21a8a3;--red:#dd614a;--gold:#f0d66a;--shadow:0 20px 58px #00000047;--font:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;color:var(--text);background:var(--bg);font-family:var(--font);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;overflow:hidden}.main-menu{flex:1;place-items:center;min-height:0;padding:24px;display:grid}.main-menu[hidden],.game-shell[hidden],.docs-view[hidden],.modal-backdrop[hidden],.round-countdown-overlay[hidden],.round-setup-overlay[hidden],.pvp-status-panel[hidden],.seed-control[hidden],.speed-control[hidden],.cinema-control[hidden],.collapsible-panel[hidden]{display:none}.main-menu-inner{border:1px solid var(--line);width:min(440px,100%);box-shadow:var(--shadow);background:#182124f0;border-radius:8px;padding:28px}.main-menu-inner h1{margin-bottom:24px}.main-menu-actions{gap:10px;display:grid}.main-menu-actions button{min-height:48px}.public-rooms-panel{border-top:1px solid var(--line);gap:10px;margin-top:22px;padding-top:16px;display:grid}.public-rooms-panel header,.public-room-card{justify-content:space-between;align-items:center;gap:12px;display:flex}.public-rooms-panel header span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:900}.public-rooms-panel header button{width:34px;min-height:34px;padding:0}.public-room-list{gap:8px;max-height:220px;display:grid;overflow:auto}.public-room-card{border:1px solid var(--line);background:#0c141675;border-radius:7px;padding:10px}.public-room-card div{gap:2px;display:grid}.public-room-card strong{color:var(--text);font-size:18px}.public-room-card span,.public-room-empty{color:var(--muted);margin:0;font-size:12px;font-weight:800}.public-room-card button{min-height:36px;padding:0 12px}.checkbox-row{color:var(--text);align-items:center;gap:10px;font-weight:800;display:flex}.checkbox-row input{width:18px;height:18px}button{border:1px solid var(--line);min-height:42px;color:var(--text);font:700 14px/1 var(--font);cursor:pointer;background:#202b2f;border-radius:7px;padding:0 16px;transition:transform .15s,border-color .15s,background .15s}button:hover{background:#263438;border-color:#f0d66a73;transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.38;transform:none}button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}button.primary{color:#122024;background:var(--gold);border-color:#0000}kbd{min-width:44px;min-height:30px;color:var(--text);font:800 12px/1 var(--font);background:#11181b;border:1px solid #f2ead12e;border-bottom-width:3px;border-radius:6px;justify-content:center;align-items:center;padding:0 9px;display:inline-flex}#app{flex-direction:column;height:100vh;min-height:0;display:flex}.app-menu{border-bottom:1px solid var(--line);background:#121719f5;align-items:center;gap:8px;min-height:48px;padding:0 16px;display:flex}.app-menu button{min-height:32px;color:var(--muted);background:0 0;border-color:#0000;padding:0 12px}.app-menu button.active,.app-menu button:hover{color:var(--text);background:#f0d66a14;border-color:#f0d66a3d}.language-control{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:8px;margin-left:auto;font-size:12px;font-weight:900;display:flex}.language-control select{border:1px solid var(--line);height:32px;color:var(--text);font:inherit;letter-spacing:0;text-transform:none;background:#212d31eb;border-radius:6px}.game-shell{background:linear-gradient(120deg,#21a8a31c,#0000 36%),linear-gradient(240deg,#dd614a1f,#0000 36%),#121719;flex-direction:column;flex:1;gap:16px;min-height:0;padding:16px;display:flex;overflow:hidden}.score-strip{grid-template-columns:minmax(120px,1fr) minmax(190px,.7fr) minmax(120px,1fr);align-items:center;gap:12px;display:grid}.team-score,.match-core{border:1px solid var(--line);min-height:78px;box-shadow:var(--shadow);background:#182124db;border-radius:8px;padding:12px 18px}.docs-view{flex:1;min-height:0;padding:24px;overflow:auto}.docs-shell{width:min(980px,100%);margin:0 auto}.docs-article{gap:18px;display:grid}.docs-hero,.docs-article section{border:1px solid var(--line);box-shadow:var(--shadow);background:#182124f0;border-radius:8px;padding:22px}.docs-hero h1{color:var(--text);margin:4px 0 10px;font-size:clamp(34px,7vw,64px)}.docs-article h2{color:var(--gold);letter-spacing:0;margin:0 0 10px;font-size:22px}.docs-article p,.docs-article li,.docs-article dd{color:#f2ead1db;line-height:1.58}.docs-article ul{gap:8px;margin:10px 0 0;padding-left:20px;display:grid}.docs-article dl{gap:9px;margin:10px 0 0;display:grid}.docs-article dt{color:var(--text);font-weight:900}.docs-article dd{margin:-5px 0 8px}.docs-article a{color:var(--gold);font-weight:800}.docs-article code{color:var(--text);background:#ffffff0f;border:1px solid #f2ead12e;border-radius:4px;padding:1px 5px;font-size:.92em}.team-score{justify-content:space-between;align-items:center;gap:16px;display:flex}.team-score span,.match-core span,.status-grid span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:800}.team-score strong{font-size:42px;line-height:1}.team-score-blue{border-left:5px solid var(--blue)}.team-score-red{border-right:5px solid var(--red)}.match-core{text-align:center;place-items:center;display:grid}.match-core strong{color:var(--gold);font-size:34px;line-height:1}.play-layout{flex:1;grid-template-columns:minmax(0,1fr) 320px;gap:16px;min-height:0;display:grid;overflow:hidden}.arena-wrap{border:1px solid var(--line);min-height:520px;box-shadow:var(--shadow);background:#0d1315;border-radius:8px;align-items:center;display:grid;position:relative;overflow:hidden}canvas{aspect-ratio:2;object-fit:contain;background:#204b3d;width:100%;max-height:calc(100vh - 128px);display:block}.player-tooltip{z-index:5;width:190px;color:var(--text);pointer-events:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0e1416f0;border:1px solid #fff7d742;border-radius:7px;padding:10px;position:absolute;box-shadow:0 16px 42px #0000005c}.player-tooltip[hidden]{display:none}.player-tooltip header,.player-tooltip div{grid-template-columns:1fr auto;align-items:baseline;gap:4px 8px;display:grid}.player-tooltip header{border-bottom:1px solid #fff7d724;margin-bottom:8px;padding-bottom:8px}.player-tooltip header span,.player-tooltip div span,.player-tooltip small{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:900}.player-tooltip header strong{color:var(--gold);font-size:14px}.player-tooltip div{margin-top:6px}.player-tooltip div strong{font-size:16px}.player-tooltip small{text-transform:none;letter-spacing:0;grid-column:1/-1;justify-self:end}.command-panel{overscroll-behavior:contain;scrollbar-gutter:stable;border:1px solid var(--line);min-height:0;max-height:100%;box-shadow:var(--shadow);background:#182124e6;border-radius:8px;flex-direction:column;gap:18px;padding:20px;display:flex;overflow-y:auto}.eyebrow{color:var(--gold);letter-spacing:.12em;text-transform:uppercase;margin:0 0 7px;font-size:12px;font-weight:900}h1{letter-spacing:0;margin:0;font-size:46px;line-height:.95}.controls-row{grid-template-columns:1fr 1fr 1fr;gap:8px;display:grid}.pvp-status-panel{border:1px solid var(--line);background:#ffffff09;border-radius:7px;gap:10px;padding:10px;display:grid}.pvp-status-panel header{justify-content:space-between;align-items:center;gap:10px;display:flex}.pvp-status-panel strong{color:var(--text)}.pvp-team-choice{grid-template-columns:1fr 1fr;gap:8px;display:grid}.pvp-team-choice button.active{color:#122024;background:var(--gold);border-color:#0000}.speed-control{border:1px solid var(--line);background:#ffffff09;border-radius:7px;grid-template-columns:repeat(4,1fr);gap:6px;padding:6px;display:grid}.speed-control button{border-radius:6px;min-height:34px;padding:0 8px;font-size:12px}.speed-control button.active,.speed-control button[aria-pressed=true]{color:#122024;background:var(--gold);border-color:#0000}.speed-control button:disabled{cursor:not-allowed;color:#fff7d77a;background:#ffffff06;border-color:#fff7d71f}.seed-control{border:1px solid var(--line);min-height:42px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;background:#ffffff09;border-radius:7px;grid-template-columns:auto 1fr;align-items:center;gap:10px;padding:8px 10px;font-size:12px;font-weight:900;display:grid}.seed-control input{width:100%;min-width:0;color:var(--text);font:inherit;letter-spacing:0;text-transform:none;background:#040a0b57;border:1px solid #fff7d72e;border-radius:6px;padding:7px 9px}.seed-control input:focus{outline-offset:1px;outline:2px solid #f7da5b8c}.cinema-control{border:1px solid var(--line);min-height:42px;color:var(--text);letter-spacing:.04em;text-transform:uppercase;background:#ffffff09;border-radius:7px;justify-content:space-between;align-items:center;padding:8px 10px;font-size:13px;font-weight:900;display:flex}.cinema-control input{width:18px;height:18px;accent-color:var(--gold)}.modal-backdrop{z-index:20;background:#00000094;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{border:1px solid var(--line);width:min(440px,100%);max-height:calc(100vh - 40px);box-shadow:var(--shadow);background:#182124fa;border-radius:8px;padding:18px;overflow:auto}.modal header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.modal h2{color:var(--text);letter-spacing:0;margin:0;font-size:24px}.modal form,.modal-body-grid{gap:12px;display:grid}.room-code{min-height:70px;color:var(--gold);letter-spacing:.18em;background:#f7da5b14;border:1px solid #f7da5b73;border-radius:7px;place-items:center;font-size:34px;font-weight:900;display:grid}.modal input{min-height:42px;color:var(--text);font:inherit;background:#040a0b57;border:1px solid #fff7d72e;border-radius:6px;padding:0 10px}.modal-status,.modal-error{color:var(--muted);margin:0;font-size:13px;font-weight:800}.modal-error{color:#ffb2a5}.round-setup-overlay{z-index:8;pointer-events:auto;width:min(560px,100% - 48px);max-height:min(600px,100% - 48px);position:absolute;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}.round-setup-card{box-shadow:var(--shadow);background:#182124f0;border:1px solid #f7da5b57;border-radius:8px;gap:12px;padding:12px;display:grid}.round-setup-card>header{justify-content:space-between;align-items:end;gap:12px;display:flex}.round-setup-card>header span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:900}.round-setup-card>header strong{color:var(--text);font-size:18px;display:block}.round-setup-card>header b{color:var(--gold);white-space:nowrap;font-size:18px}.formation-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.formation-row{border:1px solid var(--line);background:#ffffff09;border-radius:7px;gap:8px;padding:9px;display:grid}.formation-row header{grid-template-columns:1fr auto;align-items:center;gap:8px;display:grid}.formation-row header span{color:var(--text);font-size:13px;font-weight:900}.formation-row header strong{color:var(--gold);font-size:11px}.round-countdown-overlay{z-index:9;pointer-events:none;color:#fff7d7;letter-spacing:0;text-shadow:0 8px #00000052,0 0 34px #f7da5b73;place-items:center;font-size:clamp(76px,16vw,190px);font-weight:950;display:grid;position:absolute;inset:0}.setup-modal .modal{width:min(760px,100%)}.pvp-setup-modal{gap:14px;display:grid}.pvp-setup-status{background:#f7da5b14;border:1px solid #f7da5b52;border-radius:7px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.pvp-setup-status div{gap:3px;display:grid}.pvp-setup-status span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:900}.pvp-setup-status strong,.pvp-setup-status b{color:var(--text);font-size:18px}.pvp-setup-status b{color:var(--gold);white-space:nowrap}.pvp-skill-setup-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pvp-setup-save{justify-self:end;min-width:220px}.status-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.status-grid div{border:1px solid var(--line);background:#ffffff09;border-radius:7px;min-height:76px;padding:12px}.status-grid strong{color:var(--text);margin-top:8px;font-size:20px;line-height:1.1;display:block}.mini-map{background:linear-gradient(90deg,#0000 calc(50% - 1px),#f2ead129 50%,#0000 calc(50% + 1px)),#20392f;border:1px solid #f2ead12e;border-radius:7px;height:136px;position:relative;overflow:hidden}.mini-map:before,.mini-map:after{content:"";border:2px solid #f2ead152;border-radius:999px;width:18px;height:38px;position:absolute;top:50%;transform:translateY(-50%)}.mini-map:before{left:8px}.mini-map:after{right:8px}.mini-map i,.mini-map b,.mini-map em{position:absolute}.mini-map i,.mini-map b{border-radius:50%;width:9px;height:9px;transform:translate(-50%,-50%)}.mini-map i.blue{background:var(--blue)}.mini-map i.red{background:var(--red)}.mini-map i.controlled{border:2px solid #fff7d7;width:13px;height:13px}.mini-map b{background:var(--gold);width:10px;height:10px}.mini-map em.camera-view{z-index:1;pointer-events:none;border:2px solid #ffffffe6;border-radius:3px;box-shadow:0 0 0 1px #0d12178c,inset 0 0 0 1px #0d121773}.collapsible-panel{gap:10px;display:grid}.panel-heading{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:end;gap:12px;list-style:none;display:flex}.panel-heading::-webkit-details-marker{display:none}.panel-heading::marker{content:""}.panel-heading:after{content:"v";color:var(--gold);flex:none;font-size:13px;font-weight:900;transition:transform .15s;transform:rotate(0)}.collapsible-panel:not([open]) .panel-heading:after{content:">";transform:none}.collapsible-panel:not([open]){gap:0}.panel-heading span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:900}.panel-heading strong{color:var(--text);font-size:13px}.skill-list{gap:8px;display:grid}.skill-row{border:1px solid var(--line);background:#ffffff09;border-radius:7px;gap:8px;padding:10px;display:grid}.skill-row header,.skill-control{align-items:center;display:grid}.skill-row header{grid-template-columns:1fr auto;gap:8px}.skill-row header span{color:var(--text);font-size:14px;font-weight:800}.skill-row header strong{color:var(--gold);font-size:12px}.loadout-controls{grid-template-columns:1fr;gap:7px;display:grid}.position-control{grid-template-columns:74px 1fr;align-items:center;gap:8px;display:grid}.position-control span{color:var(--muted);font-size:12px;font-weight:900}.position-control select{border:1px solid var(--line);min-width:0;height:34px;color:var(--text);font:800 12px/1 var(--font);background:#202b2f;border-radius:6px;padding:0 8px}.position-control select:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.skill-control{grid-template-columns:18px 30px 24px 30px 1fr;gap:6px}.skill-control span{color:var(--muted);font-size:12px;font-weight:900}.skill-control button{border-radius:6px;min-height:28px;padding:0;font-size:16px}.skill-control strong,.skill-control small{text-align:center}.skill-control strong{color:var(--text);font-size:14px}.skill-control small{color:var(--muted);justify-self:end;font-size:12px;font-weight:800}.roster-grid{color:var(--muted);grid-template-columns:14px 1fr;align-items:center;gap:10px 12px;font-size:14px;font-weight:700;display:grid}.roster-grid span{border-radius:50%;width:12px;height:12px}.roster-grid strong{color:var(--text);font-size:14px;line-height:1.25}.runner-dot{background:var(--gold)}.match-dot{background:#fff7d7}.pompfer-dot{background:#e7dfc6}.technik-dot{background:#a4d65e}.speed-dot{background:#62b6ff}.perception-dot{background:#d58cff}.jugg-dot{background:#7b5420}.pin-dot{background:#f0d66a;box-shadow:0 0 0 4px #f0d66a26}@media (width<=960px){body{overflow:hidden auto}#app,.game-shell{height:auto;min-height:100vh}.game-shell{padding:10px;overflow:visible}.score-strip,.play-layout{grid-template-columns:1fr;overflow:visible}.score-strip{grid-template-columns:1fr 1fr}.match-core{grid-area:1/1/auto/-1}.arena-wrap{min-height:0}canvas{max-height:none}.command-panel{order:-1;max-height:none;overflow:visible}h1{font-size:34px}.pvp-skill-setup-grid,.formation-list{grid-template-columns:1fr}}@media (width<=560px){.score-strip{gap:8px}.team-score,.match-core,.command-panel{padding:12px}.team-score{min-height:62px}.team-score strong{font-size:31px}.match-core strong{font-size:28px}.controls-row,.speed-control,.status-grid,.roster-grid{grid-template-columns:1fr}.roster-grid span{display:none}}