:root{--ink:#f4efe4;--ink-dim:#c9c1b2;--night:#15171c;--panel:#12141ac7;--panel-solid:#1a1d24;--line:#f4efe424;--orange:#e0703a;--orange-d:#c45a27;--teal:#2a7f8a;--teal-l:#7fd3df;--brick:#b5482a;--brick-l:#f08a68;--gold:#f2c14e;--display:"Archivo Black", "Arial Black", Impact, sans-serif;--cond:"Barlow Condensed", "Arial Narrow", sans-serif;--body:"Barlow", system-ui, sans-serif}*{box-sizing:border-box}html,body{background:var(--night);height:100%;color:var(--ink);font-family:var(--body);margin:0;overflow:hidden}#app{position:fixed;inset:0}canvas{display:block}.hidden{display:none!important}button{font:inherit;color:inherit;cursor:pointer}.menus{pointer-events:none;z-index:10;position:fixed;inset:0}.screen{pointer-events:none;display:none;position:absolute;inset:0}.screen.active{display:block}.screen>*{pointer-events:auto}.btn{font-family:var(--cond);letter-spacing:.06em;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);border:0;justify-content:center;align-items:center;gap:8px;padding:13px 22px;font-size:19px;font-weight:800;transition:transform 80ms,filter .15s,background .15s;display:inline-flex}.btn:hover{filter:brightness(1.12)}.btn:active{transform:translateY(1px)scale(.99)}.btn.primary{background:var(--orange);color:#1d1410}.btn.secondary{background:var(--teal);color:#eaf8f9}.btn.ghost{color:var(--ink);background:#f4efe41a}.btn.ghost:hover{background:#f4efe42e}.btn.big{padding:17px 26px;font-size:26px}.btn.small{padding:10px 14px;font-size:16px}.btn.tiny{padding:4px 10px;font-size:13px}.main .mainpanel{background:var(--panel);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-left:4px solid var(--orange);flex-direction:column;gap:12px;width:min(440px,88vw);padding:30px 30px 24px;display:flex;position:absolute;top:50%;right:6vw;transform:translateY(-50%)}.brand{margin-bottom:8px}.logo{font-family:var(--display);letter-spacing:-.01em;color:var(--ink);text-shadow:3px 3px 0 var(--orange-d);font-size:54px;line-height:.95}.tag{font-family:var(--cond);letter-spacing:.22em;color:var(--gold);margin-top:8px;font-size:15px;font-weight:700}.field{flex-direction:column;gap:4px;display:flex}.flabel,.olabel{font-family:var(--cond);letter-spacing:.16em;color:var(--ink-dim);font-size:13px;font-weight:700}.finput{border:1px solid var(--line);color:var(--ink);font-family:var(--cond);background:#00000059;border-radius:2px;outline:none;padding:11px 12px;font-size:20px;font-weight:600}.finput:focus{border-color:var(--orange)}.finput.code{text-transform:uppercase;letter-spacing:.2em;text-align:center;width:92px}.finput.num{width:90px}.modes{gap:6px;display:flex}.mode{border:1px solid var(--line);font-family:var(--cond);letter-spacing:.08em;background:#f4efe412;flex:1;padding:7px;font-size:16px;font-weight:800}.mode.on{background:var(--ink);color:var(--night)}.row2{gap:8px;display:flex}.row2>*{flex:1}.joinbox{gap:6px;display:flex}.joinbox .btn{flex:1}.gfx{text-align:left;font-family:var(--cond);letter-spacing:.12em;color:var(--ink-dim);background:0 0;border:0;padding:2px 0;font-size:13px;font-weight:700}.gfx:hover{color:var(--ink)}.status{min-height:20px;color:var(--teal-l);font-size:14px}.status.error{color:var(--brick-l)}.foot{color:#f4efe480;letter-spacing:.04em;font-size:12px;position:absolute;bottom:16px;left:24px}.custompanel{background:var(--panel);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-left:4px solid var(--teal);flex-direction:column;gap:14px;width:min(460px,92vw);max-height:92vh;padding:24px 26px;display:flex;position:absolute;top:50%;left:4vw;overflow-y:auto;transform:translateY(-50%)}.ptitle{font-family:var(--display);font-size:30px}.tabs{gap:4px;display:flex}.tab{border:0;border-bottom:3px solid var(--line);font-family:var(--cond);letter-spacing:.12em;color:var(--ink-dim);background:0 0;flex:1;padding:8px 4px;font-weight:800}.tab.on{color:var(--ink);border-bottom-color:var(--orange)}.cbody{flex-direction:column;gap:12px;min-height:250px;display:flex}.orow{flex-direction:column;gap:6px;display:flex}.chips{flex-wrap:wrap;gap:5px;display:flex}.chip{border:1px solid var(--line);font-family:var(--cond);letter-spacing:.06em;background:#f4efe414;padding:6px 10px;font-size:14px;font-weight:700}.chip:hover{background:#f4efe429}.chip.on{background:var(--ink);color:var(--night);border-color:var(--ink)}.swatches{flex-wrap:wrap;gap:6px;display:flex}.sw{border:2px solid #00000059;border-radius:50%;width:30px;height:30px;padding:0}.sw.on{outline:3px solid var(--ink);outline-offset:2px}.sw.none{background:repeating-linear-gradient(45deg,#444 0 4px,#222 4px 8px)}.odesc{color:var(--ink-dim);font-size:14px;line-height:1.35}.stats{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:5px 14px;padding-top:6px;display:grid}.srow{align-items:center;gap:8px;display:flex}.sl{font-family:var(--cond);letter-spacing:.12em;width:62px;color:var(--ink-dim);font-size:12px;font-weight:700}.sbar{background:#f4efe41a;flex:1;height:6px}.sfill{background:linear-gradient(90deg, var(--teal), var(--teal-l));height:100%;display:block}.drag{font-family:var(--cond);letter-spacing:.2em;color:#f4efe499;font-size:14px;position:absolute;bottom:5vh;right:4vw}.lobbypanel{background:var(--panel);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-left:4px solid var(--gold);flex-direction:column;gap:12px;width:min(620px,92vw);padding:26px;display:flex;position:absolute;top:50%;right:5vw;transform:translateY(-50%)}.lhead{justify-content:space-between;align-items:baseline;display:flex}.ltitle{font-family:var(--display);font-size:32px}.lcode{font-family:var(--cond);letter-spacing:.14em;color:var(--ink-dim)}.lcode b{color:var(--gold);letter-spacing:.2em;font-size:26px}.lsub{color:var(--ink-dim);font-size:14px}.lteams{grid-template-columns:1fr 1fr;gap:12px;display:grid}.lteam{flex-direction:column;gap:6px;display:flex}.lth{font-family:var(--display);border-bottom:3px solid;justify-content:space-between;align-items:center;padding-bottom:6px;font-size:18px;display:flex}.lteam.t0 .lth{border-color:var(--teal);color:var(--teal-l)}.lteam.t1 .lth{border-color:var(--brick);color:var(--brick-l)}.lslot{background:#f4efe40f;grid-template-rows:auto auto;grid-template-columns:1fr auto;padding:8px 10px;display:grid}.lslot.you{background:#e0703a2e}.lslot.empty{opacity:.5}.lname{font-family:var(--cond);font-size:18px;font-weight:700}.lrole{text-transform:uppercase;letter-spacing:.1em;color:var(--ink-dim);grid-column:1;font-size:12px}.lready{font-family:var(--cond);letter-spacing:.1em;color:var(--ink-dim);grid-area:1/2/span 2;align-self:center;font-size:13px;font-weight:800}.lready.on{color:#8fe0a0}.lactions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px;display:flex}.lcount{font-family:var(--cond);color:var(--gold);margin-right:auto;font-size:20px;font-weight:800}.result{pointer-events:auto;background:#0a0b0e73}.resultpanel{background:var(--panel-solid);border-top:5px solid var(--orange);flex-direction:column;gap:14px;width:min(720px,94vw);padding:28px 30px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 30px 80px #00000073}.rbanner{font-family:var(--display);font-size:58px;line-height:1}.rbanner.win{color:var(--gold)}.rbanner.loss{color:var(--ink)}.rscore{font-family:var(--display);color:var(--ink-dim);gap:14px;font-size:26px;display:flex}.rscore .w{color:var(--ink)}.rscore .t0.w{color:var(--teal-l)}.rscore .t1.w{color:var(--brick-l)}.rtable{border-collapse:collapse;width:100%;font-family:var(--cond);font-size:17px}.rtable th{text-align:left;letter-spacing:.14em;color:var(--ink-dim);border-bottom:1px solid var(--line);padding:6px 8px;font-size:12px}.rtable td{border-bottom:1px solid #f4efe40f;padding:7px 8px;font-weight:600}.rtable tr.t0 td:first-child{border-left:3px solid var(--teal)}.rtable tr.t1 td:first-child{border-left:3px solid var(--brick)}.rtable tr.you td{background:#e0703a1f}.mvp{background:var(--gold);color:#1d1410;letter-spacing:.1em;margin-left:8px;padding:2px 6px;font-size:11px;font-weight:800}.ractions{justify-content:flex-end;gap:10px;display:flex}.modal{pointer-events:auto;z-index:30;background:#08090c99;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modalcard{background:var(--panel-solid);border-top:5px solid var(--teal);flex-direction:column;gap:14px;width:min(620px,94vw);padding:26px;display:flex}.mtitle{font-family:var(--display);font-size:28px}.cgrid{grid-template-columns:auto 1fr;gap:7px 18px;font-size:15px;display:grid}.ck{font-family:var(--cond);color:var(--gold);letter-spacing:.05em;white-space:nowrap;font-weight:800}.ca{color:var(--ink)}.cnote{color:var(--ink-dim);font-size:13px}.hud{pointer-events:none;z-index:5;font-family:var(--cond);position:fixed;inset:0}.plates{position:absolute;inset:0;overflow:hidden}.plate{letter-spacing:.04em;white-space:nowrap;color:var(--ink);will-change:transform;background:#1012178c;border-bottom:2px solid;align-items:center;gap:5px;padding:2px 7px 2px 3px;font-size:14px;font-weight:700;display:flex;position:absolute;top:0;left:0}.plate.t0{border-color:var(--teal-l)}.plate.t1{border-color:var(--brick-l)}.plate.local{color:var(--night);background:#f4efe4eb}.plate:not(.mate){opacity:.8}.plate .pkey{background:var(--ink);width:17px;height:17px;color:var(--night);justify-content:center;align-items:center;font-size:12px;font-weight:800;display:inline-flex}.plate.ball .pn:before{content:"● ";color:var(--orange)}.scorebug{background:#101217d1;align-items:stretch;display:flex;position:absolute;top:16px;left:50%;transform:translate(-50%)}.team{align-items:center;gap:10px;min-width:190px;padding:6px 14px;display:flex}.team0{border-left:5px solid var(--teal)}.team1{border-right:5px solid var(--brick);flex-direction:row-reverse}.tname{font-family:var(--display);letter-spacing:.02em;font-size:17px}.team0 .tname{color:var(--teal-l)}.team1 .tname{color:var(--brick-l)}.tscore{font-family:var(--display);text-align:center;min-width:46px;font-size:34px}.poss{background:0 0;border-radius:50%;width:8px;height:8px}.poss.on{background:var(--orange);box-shadow:0 0 8px var(--orange)}.mid{border-left:1px solid var(--line);border-right:1px solid var(--line);flex-direction:column;justify-content:center;align-items:center;padding:4px 14px;display:flex}.clock{letter-spacing:.05em;font-size:20px;font-weight:800}.to21{letter-spacing:.2em;color:var(--ink-dim);font-size:10px}.shotclock{text-align:center;border-bottom:3px solid var(--gold);background:#101217d1;width:52px;padding:4px 0;position:absolute;top:18px;left:calc(50% + 260px)}.sc{font-family:var(--display);color:var(--gold);font-size:24px;line-height:1.1}.sclabel{letter-spacing:.2em;color:var(--ink-dim);font-size:9px}.shotclock.low{border-color:var(--brick-l)}.shotclock.low .sc{color:var(--brick-l)}.clearpill{letter-spacing:.16em;color:var(--night);background:var(--gold);padding:4px 14px;font-size:14px;font-weight:800;position:absolute;top:76px;left:50%;transform:translate(-50%)}.meter{will-change:transform;flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;top:0;left:0}.meter .tube{background:#101217b3;border:2px solid #f4efe4d9;width:12px;height:92px;position:relative;overflow:hidden}.meter .fill{background:var(--ink);position:absolute;bottom:0;left:0;right:0}.meter .zone{z-index:1;mix-blend-mode:screen;background:#f2c14e8c;position:absolute;left:0;right:0}.meter .mlabel{letter-spacing:.1em;text-shadow:0 1px 3px #000c;white-space:nowrap;font-size:14px;font-weight:800}.meter.perfect .fill{background:var(--gold)}.meter.perfect .mlabel{color:var(--gold)}.meter.early .mlabel,.meter.late .mlabel{color:var(--ink)}.meter.too-early .mlabel,.meter.too-late .mlabel{color:var(--brick-l)}.pcard{border-left:4px solid var(--orange);background:#101217c7;min-width:210px;padding:8px 14px 10px;position:absolute;bottom:20px;left:20px}.pname{font-family:var(--display);font-size:18px}.prole{letter-spacing:.16em;color:var(--ink-dim);text-transform:uppercase;margin-bottom:6px;font-size:12px}.stam{background:#f4efe41f;height:6px}.stamfill{background:var(--teal-l);height:100%;transition:width .12s linear}.stamfill.low{background:var(--brick-l)}.toast{opacity:0;font-family:var(--display);letter-spacing:.02em;color:var(--ink);text-shadow:0 3px #00000059;font-size:46px;transition:opacity .18s,transform .18s;position:absolute;top:24%;left:50%;transform:translate(-50%,-10px)scale(.96)}.toast.show{opacity:1;transform:translate(-50%)scale(1)}.toast.good{color:var(--gold)}.toast.bad{color:var(--ink-dim)}.feed{flex-direction:column;align-items:flex-end;gap:4px;display:flex;position:absolute;top:96px;right:18px}.frow{background:#101217b3;padding:4px 10px;font-size:15px;font-weight:600;transition:opacity .8s}.frow.fade{opacity:0}.frow b.t0{color:var(--teal-l)}.frow b.t1{color:var(--brick-l)}.frow i{color:var(--ink-dim);font-style:normal}.center{font-family:var(--display);color:var(--ink);text-shadow:0 6px #0000004d;font-size:96px;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.debuglabel{z-index:50;color:#9f9;pointer-events:none;white-space:pre-line;background:#000000b3;padding:6px 10px;font:12px/1.4 ui-monospace,Consolas,monospace;position:fixed;top:12px;left:12px}.ping{letter-spacing:.12em;color:#f4efe48c;font-size:12px;position:absolute;bottom:14px;right:18px}.hint{letter-spacing:.12em;color:#f4efe499;font-size:13px;position:absolute;bottom:32px;right:18px}.help{background:#101217db;flex-direction:column;gap:4px;padding:14px 16px;display:flex;position:absolute;bottom:56px;right:18px}.helptitle{font-family:var(--display);margin-bottom:4px;font-size:16px}.hrow{gap:12px;font-size:14px;display:flex}.hk{color:var(--gold);min-width:120px;font-weight:800}.ha{color:var(--ink);font-family:var(--body);font-size:13px}@media (width<=900px){.main .mainpanel{right:50%;transform:translate(50%,-50%)}.shotclock{top:80px;left:auto;right:12px}.logo{font-size:42px}}.hud.teammode .team{min-width:150px}.hud.teammode .tname{letter-spacing:.06em;font-size:20px}.hud.teammode .shotclock{left:calc(50% + 230px)}.intro{pointer-events:auto;background:radial-gradient(#0c0c128c,#0c0c12e0);flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex;position:absolute;inset:0}.introrow{align-items:center;gap:36px;display:flex}.introteam{flex-direction:column;align-items:center;gap:8px;min-width:260px;animation:.6s both introIn;display:flex}.introteam+.introvs+.introteam{animation-delay:.15s}.introteam.mine .introname{color:var(--gold)}.introlog{filter:drop-shadow(0 8px 16px #00000080);width:120px;height:120px}.introname{font-family:var(--display);color:var(--ink);text-align:center;font-size:26px}.introlist{flex-direction:column;gap:3px;display:flex}.introp{font-family:var(--cond);color:var(--ink);gap:10px;font-size:18px;display:flex}.introp b{color:var(--gold);width:26px}.introvs{font-family:var(--display);color:var(--orange);text-shadow:0 4px #00000059;font-size:54px}.introskip{font-family:var(--cond);letter-spacing:.2em;color:var(--ink-dim);font-size:14px}@keyframes introIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.plate.icon .pkey{background:var(--gold);width:22px;height:22px;font-size:15px}.modetiles{grid-template-columns:1fr 1fr;gap:8px;display:grid}.mtile{text-align:left;border:1px solid var(--line);cursor:default;background:#f4efe40f;flex-direction:column;align-items:flex-start;min-width:0;padding:12px 12px 10px;display:flex}.mtile.on{border-color:var(--orange);background:#e0703a24}.mtile.team{cursor:pointer;background:linear-gradient(135deg,#2a7f8a59,#14182066);border-color:#7fd3df80}.mtile.team:hover{filter:brightness(1.2)}.mtname{font-family:var(--display);font-size:17px}.mtdesc{color:var(--ink-dim);margin-top:3px;font-size:12px}.tspanel{background:var(--panel);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-left:6px solid var(--tc,var(--teal));flex-direction:column;gap:14px;width:min(560px,94vw);max-height:94vh;padding:22px 24px;display:flex;position:absolute;top:50%;left:3.5vw;overflow-y:auto;transform:translateY(-50%)}.tstop{align-items:center;gap:10px;display:flex}.btn.arrow{padding:10px 14px;font-size:22px}.tsid{flex:1;align-items:center;gap:14px;display:flex}.tslogo{filter:drop-shadow(0 6px 14px #00000080);width:96px;height:96px}.tscity{font-family:var(--cond);letter-spacing:.24em;color:var(--ta,var(--gold));font-size:15px;font-weight:800}.tsname{font-family:var(--display);font-size:38px;line-height:1}.tsvibe{color:var(--ink-dim);margin-top:4px;font-size:13px}.tsbars{grid-template-columns:1fr 1fr;gap:6px 18px;display:grid}.tsbar{align-items:center;gap:8px;display:flex}.tsbl{font-family:var(--cond);letter-spacing:.12em;color:var(--ink-dim);width:84px;font-size:12px;font-weight:700}.tsbb{background:#f4efe41a;flex:1;height:7px}.tsbf{background:var(--ta,var(--gold));height:100%;display:block}.tsbv{font-family:var(--display);text-align:right;width:26px;font-size:15px}.tsfive{flex-direction:column;gap:3px;display:flex}.tsh{font-family:var(--cond);letter-spacing:.18em;color:var(--ink-dim);margin-bottom:4px;font-size:13px;font-weight:800}.tsp{font-family:var(--cond);border-bottom:1px solid #f4efe40f;align-items:center;gap:10px;padding:3px 0;font-size:18px;font-weight:600;display:flex}.tsp b{width:28px;color:var(--ta,var(--gold))}.tspn{flex:1}.tspo{font-family:var(--display);font-size:16px}.tsbench{color:var(--ink-dim);margin-top:4px;font-size:12px}.tsopts{flex-direction:column;gap:8px;display:flex}.tsopp,.tsq{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tsoppn{font-family:var(--cond);text-align:center;min-width:170px;font-size:17px;font-weight:700}.tsactions{flex-wrap:wrap;gap:8px;display:flex}.waitpanel{background:var(--panel-solid);border-top:5px solid var(--teal);flex-direction:column;gap:14px;width:min(520px,92vw);padding:26px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.spinner{border:4px solid #f4efe426;border-top-color:var(--orange);border-radius:50%;width:34px;height:34px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.subcols{grid-template-columns:1fr 1fr;gap:16px;display:grid}.subcol{flex-direction:column;gap:4px;display:flex}.subrow{font-family:var(--cond);text-align:left;background:#f4efe40f;border:1px solid #0000;align-items:center;gap:8px;padding:6px 8px;font-size:16px;font-weight:600;display:flex}.subrow.sel{border-color:var(--gold);background:#f2c14e24}.subrow b{width:26px;color:var(--gold)}.substam{background:#f4efe41f;width:60px;height:6px}.substam span{background:var(--teal-l);height:100%;display:block}.substam span.low{background:var(--brick-l)}