:root{--bg: #07070f;--bg2: #11122a;--tx: #eef2ff;--mut: #9aa3c7;--lime: #b6ff3b;--fire: #ff7a1a;--fire2: #ffd08a;--ice: #19c8ff;--ice2: #b8f3ff;--pink: #ff2d95;--red: #ff4d5e;--panel: rgba(10, 11, 30, .82);--line: rgba(160, 190, 255, .22);--fs: 16px;--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-l: env(safe-area-inset-left, 0px);--safe-r: env(safe-area-inset-right, 0px);--head: "Bahnschrift", "Arial Narrow", "Roboto Condensed", "Segoe UI", system-ui, sans-serif;--cut: polygon(0 0, calc(100% - 14px) 0, 100% 14px, 100% 100%, 14px 100%, 0 calc(100% - 14px) )}:root.hc{--bg: #000;--panel: rgba(0, 0, 0, .95);--line: #fff;--mut: #fff}:root.big{--fs: 19px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--tx);font:500 var(--fs) / 1.4 system-ui,"Segoe UI",Arial,sans-serif;overscroll-behavior:none;touch-action:manipulation;user-select:none;-webkit-user-select:none}#app{position:fixed;inset:0}.stage,.ui{position:absolute;inset:0}.stage canvas,.pv-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}.ui{pointer-events:none}.ui>*{pointer-events:auto}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--lime);outline-offset:2px}.calm *,.calm *:before,.calm *:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}h1,h2,h3,.head-font{font-family:var(--head);text-transform:uppercase;letter-spacing:.06em;font-style:italic}.btn{appearance:none;border:0;padding:.7em 1.5em;font:800 1em var(--head);font-style:italic;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;color:#07110a;background:linear-gradient(180deg,#d4ff7a,var(--lime));clip-path:var(--cut);min-height:46px;transition:transform .08s,filter .15s;position:relative}.btn:hover{filter:brightness(1.12) drop-shadow(0 0 10px rgba(182,255,59,.6))}.btn:active{transform:translateY(2px) scale(.99)}.btn.fire{background:linear-gradient(180deg,#ffa458,var(--fire));color:#1a0a00}.btn.ice{background:linear-gradient(180deg,#7fe6ff,var(--ice));color:#00131c}.btn.ghost{background:#ffffff14;color:var(--tx);box-shadow:inset 0 0 0 2px var(--line)}.btn.big{font-size:1.4em;padding:.7em 2em}.btn:disabled{opacity:.4;cursor:not-allowed;filter:grayscale(.6)}.hc .btn{box-shadow:inset 0 0 0 3px #000;outline:2px solid #fff}.screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:calc(12px + var(--safe-t)) calc(14px + var(--safe-r)) calc(12px + var(--safe-b)) calc(14px + var(--safe-l));overflow-y:auto}.panel{background:var(--panel);border:1px solid var(--line);padding:18px 22px;width:min(100%,760px);max-height:100%;overflow-y:auto;backdrop-filter:blur(10px);clip-path:var(--cut);box-shadow:inset 0 0 0 1px #b6ff3b1f}.panel.wide{width:min(100%,1040px)}.panel h2{margin:0 0 10px;font-size:1.7em;color:var(--lime)}.panel h3{margin:14px 0 6px;font-size:1.05em;color:var(--ice2)}.panel p{margin:6px 0;color:var(--mut)}.head{display:flex;align-items:center;gap:12px;margin-bottom:10px}.head h2{margin:0;flex:1}.row{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid var(--line)}.row .lbl{flex:1}.row .lbl small{display:block;color:var(--mut);font-size:.8em}.row input[type=range]{flex:2;accent-color:var(--lime);min-width:80px}.row input[type=checkbox]{width:26px;height:26px;accent-color:var(--lime)}.row .val{min-width:54px;text-align:right;font-variant-numeric:tabular-nums}select{color-scheme:dark;background:#14163a;color:#fff;border:1px solid var(--line);padding:8px 10px;min-height:42px}.field{background:#ffffff12;border:1px solid var(--line);padding:8px 10px;min-height:42px;width:100%;user-select:text;-webkit-user-select:text}textarea.field{min-height:84px;resize:vertical;font:500 .78em/1.25 ui-monospace,Consolas,monospace;word-break:break-all}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{padding:7px 14px;border:1px solid var(--line);background:#ffffff0d;cursor:pointer;font:700 .95em var(--head);text-transform:uppercase;letter-spacing:.06em;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px))}.chip.on{background:var(--lime);color:#07110a;border-color:var(--lime)}.chip.fire.on{background:var(--fire)}.chip.ice.on{background:var(--ice)}.card{border:1px solid var(--line);padding:10px 12px;background:#ffffff0d}.card.pick{cursor:pointer;text-align:left}.card.pick.on{border-color:var(--lime);background:#b6ff3b1a}.grid{display:grid;gap:12px}.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 760px){.two{grid-template-columns:1fr}}.badge{display:inline-block;padding:2px 8px;font-size:.75em;font-weight:800;background:#ffffff24}.err{color:var(--red);font-weight:700;min-height:1.4em}.foot{position:sticky;bottom:-18px;padding:10px 0 2px;margin-top:8px;text-align:right;background:linear-gradient(180deg,transparent,var(--panel) 35%)}.logo{text-align:left;margin-bottom:16px}.wordmark{font:900 clamp(2.4rem,10vw,5.6rem) / .95 var(--head);font-style:italic;letter-spacing:.04em;text-transform:uppercase;color:#fff;text-shadow:0 0 22px rgba(25,200,255,.7),4px 4px 0 var(--fire)}.wordmark em{font-style:italic;color:var(--lime);text-shadow:0 0 22px rgba(182,255,59,.8),4px 4px 0 #1a3a00}.sub{color:var(--mut);letter-spacing:.4em;font-size:.8em;margin-top:6px;text-transform:uppercase}.menu{display:grid;gap:9px;width:min(100%,380px)}.menu .btn{font-size:1.12em;text-align:left;padding-left:1.4em}.menu-foot{margin-top:10px;display:flex;gap:8px;flex-wrap:wrap}.screen.side{align-items:flex-start}@media (min-width: 900px) and (min-aspect-ratio: 5/4){.screen.side{padding-left:max(5vw,24px)}}@media (max-aspect-ratio: 5/4){.screen.side{align-items:center}.logo{text-align:center}}#toasts{position:fixed;left:50%;bottom:calc(18px + var(--safe-b));transform:translate(-50%);display:grid;gap:8px;z-index:99;pointer-events:none;width:min(92vw,520px)}.toast{padding:10px 14px;background:#161840;border:1px solid var(--line);font-weight:700;text-align:center;animation:pop .2s ease-out}.toast.error{background:#4a1020;border-color:var(--red)}.toast.good{background:#123a1a;border-color:var(--lime)}@keyframes pop{0%{transform:scale(.9);opacity:0}}.game{position:absolute;inset:0;overflow:hidden}.hud{position:absolute;inset:0;pointer-events:none;padding:calc(8px + var(--safe-t)) calc(10px + var(--safe-r)) calc(8px + var(--safe-b)) calc(10px + var(--safe-l));font-family:var(--head)}.hud>*{pointer-events:none}.hud .menubtn,.hud .btn{pointer-events:auto}.scorebar{position:absolute;left:50%;top:calc(6px + var(--safe-t));transform:translate(-50%);display:flex;align-items:stretch;filter:drop-shadow(0 4px 14px rgba(0,0,0,.6))}.scorebar .team{min-width:74px;padding:4px 16px;font-size:2.3em;font-weight:900;font-style:italic;text-align:center;line-height:1.1}.scorebar .team.t0{background:linear-gradient(180deg,#ff9a45,var(--fire));color:#1a0a00;clip-path:polygon(0 0,100% 0,calc(100% - 12px) 100%,0 100%);padding-right:24px}.scorebar .team.t1{background:linear-gradient(180deg,#6fe0ff,var(--ice));color:#00131c;clip-path:polygon(12px 0,100% 0,100% 100%,0 100%);padding-left:24px}.scorebar .clock{min-width:100px;padding:4px 12px;background:#050614e6;text-align:center;font-size:1.9em;font-weight:800;font-variant-numeric:tabular-nums}.scorebar .clock.ot{color:var(--pink)}.scorebar .clock.low{color:var(--red)}.boost{position:absolute;right:calc(16px + var(--safe-r));bottom:calc(16px + var(--safe-b));width:118px;height:118px}.boost svg{width:100%;height:100%}.boost .num{position:absolute;inset:0;display:grid;place-items:center;font-size:2.2em;font-weight:900;font-style:italic}.speed{position:absolute;right:calc(142px + var(--safe-r));bottom:calc(20px + var(--safe-b));font-size:1.2em;font-weight:800;color:var(--mut);text-align:right}.speed b{display:block;color:#fff;font-size:1.5em}.banner{position:absolute;left:0;right:0;top:22%;text-align:center;font-size:clamp(2.4rem,11vw,6rem);font-weight:900;font-style:italic;text-transform:uppercase;color:#fff;text-shadow:0 0 30px currentColor,5px 5px 0 rgba(0,0,0,.5);opacity:0}.banner.on{animation:bannerin 2.6s ease-out forwards}.banner.sticky.on{animation:bannerhold .35s ease-out forwards}.banner.t0{color:var(--fire)}.banner.t1{color:var(--ice)}.banner small{display:block;font-size:.32em;color:#fff;letter-spacing:.3em;margin-top:6px}@keyframes bannerin{0%{opacity:0;transform:scale(2) skew(-8deg)}12%{opacity:1;transform:scale(1) skew(-8deg)}80%{opacity:1}to{opacity:0;transform:scale(.96) skew(-8deg)}}@keyframes bannerhold{0%{opacity:0;transform:scale(1.6) skew(-8deg)}to{opacity:1;transform:scale(1) skew(-8deg)}}.count{position:absolute;left:0;right:0;top:26%;text-align:center;font-size:clamp(6rem,24vw,13rem);font-weight:900;font-style:italic;color:#fff;text-shadow:0 0 40px var(--lime),6px 6px 0 rgba(0,0,0,.5)}.count.pop{animation:pop2 .9s ease-out}@keyframes pop2{0%{transform:scale(2.2);opacity:0}25%{opacity:1;transform:scale(1)}to{opacity:.2;transform:scale(.8)}}.feed{position:absolute;left:calc(12px + var(--safe-l));top:calc(70px + var(--safe-t));display:grid;gap:4px;font-size:1em;font-weight:700}.feed div{padding:4px 10px;background:#050614cc;border-left:4px solid var(--lime);animation:pop .2s ease-out}.feed .t0{border-color:var(--fire)}.feed .t1{border-color:var(--ice)}.menubtn{position:absolute;left:calc(10px + var(--safe-l));top:calc(8px + var(--safe-t));min-width:46px;padding:.3em .8em}.cover{position:absolute;inset:0;display:grid;place-items:center;background:#050612e0;z-index:10;padding:16px;overflow-y:auto;pointer-events:auto}.pausebtns{display:grid;gap:10px;margin-top:10px}.table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.table th,.table td{padding:6px 10px;text-align:right;border-bottom:1px solid var(--line)}.table th:first-child,.table td:first-child{text-align:left}.table tr.t0 td:first-child{border-left:4px solid var(--fire)}.table tr.t1 td:first-child{border-left:4px solid var(--ice)}.conn{position:absolute;left:50%;bottom:70px;transform:translate(-50%);padding:6px 14px;background:#4a1020;border:1px solid var(--red);font-weight:800;pointer-events:none}.qrrow{display:flex;gap:14px;align-items:flex-start;flex-wrap:wrap}.qrrow>div{flex:1;min-width:200px;display:grid;gap:8px}.invites{display:grid;gap:10px;margin:8px 0}.invite{border-color:var(--ice)}.scanbox{margin-top:8px}.scan-video{width:100%;max-height:52vh;background:#000;object-fit:cover}@media (max-width: 760px),(max-height: 520px){.panel{padding:12px 14px}.logo{margin-bottom:8px}.menu{gap:6px}.btn{min-height:40px;padding:.5em 1.1em}.boost{width:92px;height:92px}.speed{right:calc(112px + var(--safe-r))}.scorebar .team{font-size:1.7em;min-width:56px}.scorebar .clock{font-size:1.4em;min-width:76px}}.is-touch .menubtn{display:none}.is-touch .boost{bottom:calc(215px + var(--safe-b));right:calc(10px + var(--safe-r));width:76px;height:76px}.is-touch .boost .num{font-size:1.5em}.is-touch .speed{display:none}@media (max-width: 600px){.is-touch .scorebar{left:calc(6px + var(--safe-l));transform:scale(.78);transform-origin:left top}.is-touch .feed{top:calc(54px + var(--safe-t))}}