:root{--bg:#0e1a12;--ink:#f2f5f0;--dim:#a9b8aa;--accent:#ffb547;--panel:#0a120cd1}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--ink);margin:0;font:14px/1.4 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}#view{width:100vw;height:100vh;display:block;position:fixed;inset:0}#loading{background:var(--bg);place-items:center;font-size:20px;display:grid;position:fixed;inset:0}#hud{pointer-events:none;position:fixed;inset:0}.panel{background:var(--panel);pointer-events:auto;border:1px solid #ffffff1f;border-radius:8px;padding:10px 12px;position:absolute}.panel h2{letter-spacing:.04em;text-transform:uppercase;color:var(--accent);margin:0 0 6px;font-size:14px}.mono{font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:12px}button,select,input{font:inherit;color:var(--ink);background:#1d2b20;border:1px solid #3c5440;border-radius:6px;padding:4px 8px}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.layer{z-index:10;background:#050c078c;place-items:center;padding:16px;display:grid;position:fixed;inset:0;overflow:auto}.menu{min-width:min(420px,92vw);max-width:92vw;padding:22px 24px;position:static}.menu h1{letter-spacing:.06em;color:var(--accent);margin:0 0 4px;font-size:28px}.menu .sub{color:var(--dim);margin:0 0 16px}.items{flex-direction:column;gap:8px;display:flex}.item{text-align:left;cursor:pointer;justify-content:space-between;align-items:baseline;gap:16px;padding:10px 14px;font-size:16px;display:flex}.item:hover,.item:focus-visible{background:#2c4431}.item .hint{color:var(--dim);font-size:12px}.status{white-space:pre;line-height:1.5;top:12px;left:12px}.keylist{color:var(--dim);pointer-events:none;gap:4px;max-width:270px;font-size:12px;display:grid;top:50%;left:12px;transform:translateY(-50%)}.keylist .row{grid-template-columns:minmax(84px,auto) 1fr;align-items:center;gap:8px;display:grid}.keylist kbd{color:var(--ink);font:inherit;white-space:nowrap;background:#24362a;border:1px solid #3c5440;border-radius:4px;justify-self:start;padding:0 5px}.keylist .note{color:var(--accent);margin:4px 0 0}.overlay{white-space:pre;line-height:1.45;top:12px;right:12px}.result{min-width:min(360px,90vw);top:50%;left:50%;transform:translate(-50%,-50%)}.result h2{color:var(--accent);text-transform:none;letter-spacing:0;margin:0 0 10px;font-size:20px}.result .row{border-bottom:1px solid #ffffff0f;justify-content:space-between;gap:24px;padding:3px 0;display:flex}.result .foot{color:var(--dim);margin:12px 0 0;font-size:12px}.toast{color:var(--ink);text-shadow:0 2px 8px #000;opacity:0;pointer-events:none;font-size:22px;font-weight:700;transition:opacity .3s;position:fixed;top:18%;left:50%;transform:translate(-50%)}.wide{min-width:min(640px,94vw)}.grid2{grid-template-columns:auto 1fr auto;align-items:center;gap:6px 12px;display:grid}.grid2 input[type=range]{width:100%}textarea{width:100%;min-height:120px;font:12px ui-monospace,Consolas,monospace}.keys{background:#0c150e;border-radius:6px;flex-wrap:wrap;gap:6px;min-height:60px;padding:8px;display:flex}.keys span{background:#2c4431;border-radius:4px;padding:4px 8px;font-family:ui-monospace,Consolas,monospace}table.controls{border-collapse:collapse;font-size:13px}table.controls td,table.controls th{text-align:left;border-bottom:1px solid #ffffff14;padding:3px 10px}table.controls .keys-cell{color:var(--accent);white-space:nowrap}table.controls .bind{cursor:pointer;margin-right:4px;padding:2px 8px;font-size:12px}table.controls .bind:hover{background:#2c4431}@media (max-width:700px){.keylist{display:none}}.speedo{text-align:right;min-width:110px;line-height:1.2;bottom:12px;right:12px}.speedo b{color:var(--accent);font-size:34px}.speedo span{color:var(--dim)}.result .banner{color:#fff;letter-spacing:.04em;text-align:center;background:#b8321f;border-radius:6px;margin:0 0 10px;padding:8px 10px;font-size:18px;font-weight:800}.inventory{flex-direction:column;width:min(1000px,94vw);max-height:92vh;padding:20px 22px;display:flex}.inventory .sub{margin-bottom:10px}.inv-tabs{border-bottom:1px solid #ffffff1f;gap:6px;margin-bottom:12px;display:flex}.inv-tab{color:var(--dim);cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;border-radius:6px 6px 0 0;padding:8px 18px;font-size:16px;font-weight:600}.inv-tab:hover{color:var(--ink);background:#1d2b20}.inv-tab[aria-selected=true]{color:var(--accent);border-bottom-color:var(--accent)}.inv-grid{flex:auto;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-auto-rows:max-content;gap:14px;min-height:0;padding:4px 4px 8px;display:grid;overflow-y:auto}.inv-grid[data-cat=skins]{grid-template-columns:repeat(auto-fill,minmax(168px,1fr))}.inv-card{background:#142019;border:1px solid #2c4431;border-radius:10px;flex-direction:column;transition:border-color .15s,transform .15s;display:flex;overflow:hidden}.inv-card:hover{border-color:#4d7555;transform:translateY(-2px)}.inv-card.equipped{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.inv-card.locked{opacity:.6}.inv-card .pic{aspect-ratio:16/9;background:#0c150e;flex:none;place-items:center;display:grid;overflow:hidden}.inv-grid[data-cat=skins] .pic{aspect-ratio:4/5;background:radial-gradient(circle at 50% 35%,#3a4a40,#1a241d)}.inv-card .pic img{object-fit:cover;width:100%;height:100%;display:block}.inv-grid[data-cat=skins] .pic img{object-fit:contain}.inv-card .pic.none{background:repeating-linear-gradient(45deg,#1d2b20 0 10px,#17231b 10px 20px)}.inv-card .pic.none span{color:#3c5440;font-size:48px;font-weight:800}.inv-info{flex:auto;padding:10px 12px 6px}.inv-info h3{margin:0 0 4px;font-size:16px}.inv-info p{color:var(--dim);margin:0;font-size:12px}.equip{cursor:pointer;background:#2c4431;margin:8px 12px 12px;padding:7px 10px;font-weight:700}.equip:hover{background:#3c5a42}.equip[aria-disabled=true]{cursor:default;color:var(--dim);background:0 0}.inv-card.equipped .equip{color:var(--accent);border-color:var(--accent)}.inventory>.item{margin-top:12px}@media (max-width:700px){.inv-grid[data-cat=skins]{grid-template-columns:repeat(2,1fr)}.inv-grid{grid-template-columns:1fr}}.mode-card{text-align:left;cursor:pointer;font:inherit;color:var(--ink);background:#142019;padding:0}.mode-card:focus-visible{border-color:var(--accent)}.mode-card .inv-info{padding-bottom:12px}.mode-setup .mode-head{grid-template-columns:minmax(160px,260px) 1fr;align-items:center;gap:16px;margin:8px 0 14px;display:grid}.mode-setup .mode-head .pic{aspect-ratio:16/9;background:#0c150e;border-radius:8px;overflow:hidden}.mode-setup .mode-head .pic img{object-fit:cover;width:100%;height:100%;display:block}.mode-setup .mode-head .sub{margin:0}.mode-options{margin-bottom:10px}.mode-options .toggle{cursor:pointer;justify-self:start;min-width:64px}.mode-options .toggle[aria-pressed=true],.choices button[aria-pressed=true]{color:var(--accent);border-color:var(--accent);background:#2c4431}.choices{flex-wrap:wrap;gap:6px;display:flex}.choices button{cursor:pointer}.mode-setup .start{color:var(--accent);margin-bottom:8px;font-weight:700}@media (max-width:700px){.mode-setup .mode-head{grid-template-columns:1fr}}.settings input[type=range]{accent-color:var(--accent);padding:0}.settings>.sub[role=status]{min-height:1.4em;margin:8px 0 0}.settings{flex-direction:column;width:min(860px,94vw);height:min(720px,92vh);padding:20px 22px;display:flex}.settings .inv-tabs{flex-wrap:wrap}.settings .inv-tab{padding:8px 14px;font-size:15px}.set-body{flex:auto;min-height:0;padding:2px 4px 8px;overflow-y:auto}.set-body>*+*{margin-top:12px}.set-list{flex-direction:column;gap:2px;display:flex}.set-row{background:#142019;border-radius:8px;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:center;gap:8px 18px;padding:9px 10px;display:grid}.set-row:nth-child(2n){background:#101a14}.set-label b{font-weight:600;display:block}.set-label small{color:var(--dim);margin-top:2px;font-size:12px;line-height:1.35;display:block}.set-ctl{align-items:center;gap:10px;min-width:0;display:flex}.set-ctl input[type=range]{min-width:0;accent-color:var(--accent);flex:auto;padding:0}.set-ctl .mono{text-align:right;min-width:5.5em;color:var(--accent);flex:none}.seg{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.seg-btn{cursor:pointer;background:#1d2b20;padding:6px 12px}.seg-btn:hover{background:#2c4431}.seg-btn[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#1a1405;font-weight:700}.seg-btn[aria-disabled=true]{opacity:.5;cursor:default}.seg-note{color:var(--dim);margin-left:4px;font-size:12px}.ladder{color:var(--dim);margin:4px 0 6px;padding:0 10px;font-size:13px;line-height:1.4;list-style:none}.ladder li{padding:2px 0}.ladder li[aria-current=true]{color:inherit}.ladder li[aria-current=true] b{color:var(--accent)}.set-h{letter-spacing:.04em;text-transform:uppercase;color:var(--accent);margin:18px 0 6px;font-size:14px}.settings .set-body>.items{flex-flow:wrap}.settings table.controls{width:100%}.settings .sub{margin-bottom:8px}.settings>.item{margin-top:12px}@media (max-width:700px){.set-row{grid-template-columns:1fr}}:is(.mp-screen,.lobby) button:disabled{opacity:.45;cursor:default}.mp-screen{width:min(480px,94vw)}.mp-screen .field{color:var(--dim);text-transform:uppercase;letter-spacing:.05em;gap:4px;margin-bottom:12px;font-size:12px;display:grid}.mp-screen .name-input{text-transform:none;letter-spacing:0;padding:8px 10px;font-size:16px}.mp-screen .start{width:100%;color:var(--accent);font-weight:700}.mp-screen .or{color:var(--dim);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:10px;margin:16px 0 10px;font-size:12px;display:flex}.mp-screen .or:before,.mp-screen .or:after{content:"";border-top:1px solid #ffffff1f;flex:1}.join-row{gap:8px;display:flex}.code-input{letter-spacing:.32em;text-align:center;text-transform:uppercase;flex:1;min-width:0;padding:8px 6px 8px calc(6px + .32em);font-size:34px}.code-input::placeholder{color:#3c5440}.join-row .join{justify-content:center;align-items:center;width:auto;padding:0 24px}.mp-screen .mp-status{min-height:1.4em;margin:10px 0}.mp-status.error{color:#ff8a7a}.lobby{flex-direction:column;width:min(1180px,96vw);max-width:96vw;max-height:94vh;padding:18px 20px;display:flex;overflow:hidden}.lobby-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px 20px;margin-bottom:12px;display:flex}.lobby-head .sub{margin:0}.code-box{justify-items:end;gap:4px;display:grid}.lobby .lbl{color:var(--dim);text-transform:uppercase;letter-spacing:.08em;font-size:11px}.room-code{letter-spacing:.22em;color:var(--accent);-webkit-user-select:all;user-select:all;margin-right:-.22em;font-size:40px;line-height:1}.code-box .row{gap:6px;display:flex}.copy{cursor:pointer;padding:5px 10px;font-size:13px}.copy:hover:not(:disabled){background:#2c4431}.lobby-body{flex:auto;grid-template-columns:minmax(0,1fr) 300px;gap:16px;min-height:0;display:grid;overflow:hidden}.lobby-main,.lobby-side{flex-direction:column;gap:12px;min-height:0;padding:2px;display:flex;overflow-y:auto}.lobby h2{letter-spacing:.06em;text-transform:uppercase;color:var(--accent);margin:0 0 8px;font-size:13px}.lobby section{background:#101a14;border:1px solid #22362a;border-radius:10px;padding:12px}.lobby-mode .mode-head{grid-template-columns:150px 1fr;align-items:center;gap:14px;display:grid}@media (min-width:1100px){.lobby-mode .mode-options{grid-template-columns:auto minmax(60px,1fr) auto auto minmax(60px,1fr) auto;column-gap:14px}}.lobby-mode .pic{aspect-ratio:16/9;background:#0c150e;border-radius:8px;overflow:hidden}.lobby-mode .pic img{object-fit:cover;width:100%;height:100%;display:block}.lobby-mode h3{margin:0 0 4px;font-size:18px}.lobby-mode .mode-head .sub{margin:0 0 8px}.lobby-mode .mode-options{margin-top:12px}.lobby-mode .note{margin:8px 0 0;font-size:12px}.lobby-mode .mode-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));max-height:56vh;margin-bottom:10px}.lobby-mode :is(input,.toggle,.choices button):disabled{opacity:.8;cursor:default}.pos-head{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;display:flex}.pos-head h2{margin:0 auto 0 0}.teams{grid-template-columns:1fr 1fr;gap:12px;display:grid}.team{border:1px solid #22362a;border-top:4px solid var(--team);background:#0c150e;border-radius:10px;flex-direction:column;gap:8px;padding:10px;display:flex}.team header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;display:flex}.team header h3{margin:0;font-size:16px}.team header span{color:var(--dim);font-size:12px}.slots{flex-direction:column;gap:6px;display:flex}.slot-wrap{border-radius:8px;align-items:stretch;gap:6px;display:flex}.slot{text-align:left;cursor:pointer;border:1px solid #2c4431;border-left:3px solid var(--glow);background:#17241b;border-radius:8px;flex:1;justify-content:space-between;align-items:center;gap:10px;min-width:0;padding:9px 10px;display:flex}.slot:hover{background:#20342a}.slot .pos{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.slot.taken{cursor:default}.slot.mine{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset;background:#2a2916}.slot-pick{cursor:pointer;background:#142019;flex:none;width:92px;padding:2px 4px;font-size:12px}.slot-wrap.over .slot,.spectators.over{outline:2px dashed var(--accent);outline-offset:2px}.chip{background:color-mix(in srgb, var(--c) 22%, #0c150e);border:1px solid var(--c);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;border-radius:999px;align-items:center;gap:6px;max-width:62%;padding:2px 10px 2px 8px;font-size:13px;font-weight:600;display:inline-flex;overflow:hidden}.chip:before{content:"";background:var(--c);border-radius:50%;flex:none;width:8px;height:8px}.chip.bot{--c:#4f6355;color:var(--dim);letter-spacing:.1em;padding:3px 10px;font-size:11px;font-weight:700}.chip.bot:before{display:none}.chip.me{box-shadow:0 0 0 1px var(--c)}.chip[data-drag]{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.chip.ghost{z-index:100;pointer-events:none;max-width:none;position:fixed;transform:translate(-50%,-50%)scale(1.06);box-shadow:0 6px 18px #00000080}.dragging,.dragging *{cursor:grabbing!important}.stepper{border-top:1px dashed #2c4431;align-items:center;gap:6px;padding-top:8px;display:flex}.stepper .lbl{text-transform:none;letter-spacing:0;flex:1;min-width:0;font-size:12px}.stepper .step{cursor:pointer;padding:3px 9px}.stepper .add{color:var(--accent)}.stepper b{text-align:center;min-width:1.5em}.positions>.stepper{border-top:0;justify-content:center;margin-top:10px}.positions>.stepper .lbl{flex:none}.spectators{border:1px dashed #2c4431;border-radius:8px;flex-wrap:wrap;align-items:center;gap:6px;min-height:44px;margin-top:10px;padding:8px 10px;display:flex}.spectators .lbl{margin-right:4px}.spectators .chip{max-width:none}.spectators .empty{color:var(--dim);font-size:12px}.spectators .copy{margin-left:auto}.hint-box{background:#ffb5471f;border:1px solid #ffb54766;border-radius:8px;margin:0 0 10px;padding:8px 10px;font-size:13px}.positions .tip{margin:8px 0 0;font-size:12px}.roster{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.player{background:#142019;border-radius:8px;align-items:center;gap:8px;padding:6px 8px;display:flex}.player.me{box-shadow:inset 0 0 0 1px #ffb54780}.player .dot{background:var(--c);border-radius:50%;flex:none;width:10px;height:10px}.player .who{flex-wrap:wrap;flex:1;align-items:baseline;gap:2px 6px;min-width:0;display:flex}.player .who b{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.player small{color:var(--dim);flex-basis:100%;font-size:11px}.crown{color:var(--accent)}.you{text-transform:uppercase;letter-spacing:.08em;color:#1a1405;background:var(--accent);border-radius:4px;padding:0 4px;font-size:10px;font-weight:700}.player .ready{color:var(--dim);white-space:nowrap;font-size:11px}.player .ready.on{color:#8de36b}.player .copy{padding:0 8px;font-size:15px;line-height:1.5}.lobby-actions{flex-direction:column;gap:8px;display:flex}.lobby-actions .item{justify-content:center}.lobby-actions .start{color:var(--accent);font-size:18px;font-weight:700}.lobby-actions .start:disabled{color:var(--dim)}.ready-btn[aria-pressed=true]{color:#8de36b;background:#1f3a24;border-color:#8de36b}.lobby-actions .sub{margin:0;font-size:12px}.lobby-actions .warn{color:#ffcf8a}@media (max-width:860px){.lobby{max-height:none;overflow:visible}.lobby-body{grid-template-columns:1fr;overflow:visible}.lobby-main,.lobby-side{overflow:visible}}@media (max-width:560px){.lobby{padding:14px}.teams{grid-template-columns:1fr}.lobby-mode .mode-head{grid-template-columns:110px 1fr;align-items:start}.lobby-mode .mode-head .sub{font-size:12px}.room-code{font-size:32px}.code-box{justify-items:start}.code-input{font-size:26px}}.netbadge{color:var(--dim);pointer-events:none;bottom:12px;left:12px}.roster-hud{pointer-events:none;min-width:min(440px,90vw);top:50%;left:50%;transform:translate(-50%,-50%)}.roster-hud .row{border-bottom:1px solid #ffffff0f;grid-template-columns:1fr auto auto;gap:18px;padding:4px 0;display:grid}.countdown{color:var(--accent);text-shadow:0 4px 18px #000;pointer-events:none;font-size:120px;font-weight:800;position:fixed;top:38%;left:50%;transform:translate(-50%,-50%)}