@font-face{font-family:Neonderthaw;font-style:normal;font-display:swap;font-weight:400;src:url(/topivo/assets/neonderthaw-latin-ext-400-normal-1zCYazuR.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Neonderthaw;font-style:normal;font-display:swap;font-weight:400;src:url(/topivo/assets/neonderthaw-latin-400-normal-Bdfj9kNb.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/topivo/assets/barlow-condensed-latin-ext-600-normal-18ESti3H.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/topivo/assets/barlow-condensed-latin-600-normal-DepVgxBB.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/topivo/assets/barlow-condensed-latin-ext-700-normal-CwuXbfVR.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/topivo/assets/barlow-condensed-latin-700-normal-v1xN8_Wq.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:800;src:url(/topivo/assets/barlow-condensed-latin-ext-800-normal-DGNyg4u8.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:800;src:url(/topivo/assets/barlow-condensed-latin-800-normal-BKzMuPgK.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:400;src:url(/topivo/assets/barlow-latin-ext-400-normal-HxX4XjxC.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:400;src:url(/topivo/assets/barlow-latin-400-normal-qiz4-Cze.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:500;src:url(/topivo/assets/barlow-latin-ext-500-normal-DOaysfXq.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:500;src:url(/topivo/assets/barlow-latin-500-normal-BPAOfeC8.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:600;src:url(/topivo/assets/barlow-latin-ext-600-normal-B8NK_A3D.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:600;src:url(/topivo/assets/barlow-latin-600-normal-DILqtrty.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:700;src:url(/topivo/assets/barlow-latin-ext-700-normal-BLuWmldJ.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:700;src:url(/topivo/assets/barlow-latin-700-normal-A9pxMQ4z.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--night: #0b0812;--night-2: #120e1b;--night-3: #1b1527;--glass: rgba(22, 17, 34, .78);--line: rgba(255, 255, 255, .1);--line-2: rgba(255, 255, 255, .18);--text: #f3eefc;--muted: #a99fbf;--pink: #ff3d8b;--pink-hi: #ff8cbd;--cyan: #26d9ff;--cyan-hi: #a8f0ff;--amber: #ffb02e;--red: #ff4a5a;--lime: #b8f53c;--me: #ff3d8b;--top-h: 54px;--script: "Neonderthaw", "Brush Script MT", cursive;--cond: "Barlow Condensed", "Arial Narrow", sans-serif;--ui: "Barlow", system-ui, -apple-system, "Segoe UI", sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--night);color:var(--text);font-family:var(--ui);-webkit-tap-highlight-color:transparent;overscroll-behavior:none}button,input{font:inherit;color:inherit}button{cursor:pointer;touch-action:manipulation}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.neon{font-family:var(--script);color:#fff;text-shadow:0 0 2px #fff,0 0 6px var(--pink-hi),0 0 14px var(--pink),0 0 28px var(--pink),0 0 48px rgba(255,61,139,.6)}#app{position:fixed;inset:0;display:flex;flex-direction:column}main{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 290px}.topbar{height:var(--top-h);flex:none;display:flex;align-items:center;gap:12px;padding:0 12px;padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right));background:linear-gradient(#17111f,#0d0a13);position:relative;z-index:5;box-shadow:0 6px 22px #0000008c}.topbar:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,transparent,var(--pink) 18%,var(--pink-hi) 50%,var(--cyan) 82%,transparent);box-shadow:0 0 10px var(--pink),0 0 16px #26d9ff80;opacity:.9}.brand{display:flex;align-items:center;gap:6px;text-decoration:none;flex:none}.brand span{font:400 38px/1 var(--script);color:#fff;padding:0 6px 2px 0;text-shadow:0 0 2px #fff,0 0 7px var(--pink-hi),0 0 16px var(--pink),0 0 30px rgba(255,61,139,.7);animation:flicker 7s infinite}.brand svg{width:36px;height:36px;overflow:visible}.m-glow{fill:none;stroke:var(--cyan);stroke-width:2.2;filter:drop-shadow(0 0 3px var(--cyan)) drop-shadow(0 0 6px var(--cyan))}.m-ball{fill:#131017}.m-face{fill:#f4f1e8}.brand text{font:700 9px var(--cond);fill:#111}.m-shine{fill:none;stroke:#ffffff8c;stroke-width:1.6;stroke-linecap:round}.brand svg{transition:transform .4s cubic-bezier(.2,1.5,.4,1)}.brand:hover svg{transform:rotate(200deg)}@keyframes flicker{0%,91%,93.5%,96%,to{opacity:1}92%{opacity:.55}95%{opacity:.75}}.tally{display:flex;align-items:center;gap:9px;padding:5px 13px;border-radius:999px;background:#00000059;border:1px solid var(--line);white-space:nowrap;min-width:0}.tally-side{display:inline-flex;align-items:center;gap:6px}.tally b{font:700 19px/1 var(--cond);font-variant-numeric:tabular-nums}.tally-sep{color:var(--muted);font-weight:600}.tally-target{font:600 12.5px/1 var(--cond);color:var(--muted);letter-spacing:.08em;text-transform:uppercase;border-left:1px solid var(--line);margin-left:2px;padding-left:9px}.dot{width:11px;height:11px;border-radius:50%;background:var(--c);box-shadow:0 0 6px var(--c);display:inline-block;flex:none}.identity{margin-left:auto;display:flex;align-items:center;gap:7px;position:relative;min-width:0}.identity-dot{width:30px;height:30px;border-radius:50%;border:2px solid var(--me);padding:0;flex:none;background:radial-gradient(circle at 50% 50%,var(--me) 0 30%,transparent 32%);box-shadow:0 0 8px var(--me),inset 0 0 6px var(--me)}#playerName{width:140px;min-width:0;background:#00000059;border:1px solid var(--line-2);border-radius:9px;color:var(--text);padding:7px 10px;font-weight:500}#playerName:focus{border-color:var(--cyan);outline:none;box-shadow:0 0 0 3px #26d9ff2e}.color-picker{position:absolute;top:44px;left:0;background:var(--night-2);border:1px solid var(--line-2);border-radius:14px;padding:12px;box-shadow:0 16px 40px #000000a6;z-index:30}.color-grid{display:grid;grid-template-columns:repeat(4,36px);gap:10px}.color-grid button{width:36px;height:36px;border-radius:50%;border:2px solid var(--c);padding:0;background:radial-gradient(circle,var(--c) 0 34%,transparent 36%);box-shadow:0 0 8px var(--c);transition:transform .15s}.color-grid button:hover{transform:scale(1.1)}.color-grid button.selected{transform:scale(1.12);box-shadow:0 0 0 3px var(--night-2),0 0 0 5px #fff,0 0 14px var(--c)}.color-grid button:disabled{opacity:.22;cursor:not-allowed;box-shadow:none}.toolbar{display:flex;gap:6px;flex:none}.icon-button{width:36px;height:36px;border-radius:10px;border:1px solid var(--line-2);background:#ffffff0a;color:var(--text);display:grid;place-items:center;padding:0;font:700 17px/1 var(--cond);transition:border-color .12s,color .12s,box-shadow .12s}.icon-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.icon-button:hover{border-color:var(--cyan);color:var(--cyan-hi);box-shadow:0 0 10px #26d9ff59}#menuButton{display:none}.arena{position:relative;min-width:0;min-height:0;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#1a1324,#08060c 70%);touch-action:none;user-select:none;-webkit-user-select:none}#table{position:absolute;inset:0;width:100%;height:100%;display:block}.arena:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;background:radial-gradient(ellipse 75% 70% at 50% 50%,transparent 55%,rgba(4,2,8,.55) 100%)}#confetti{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:12}.plaque{position:absolute;z-index:6;display:flex;align-items:center;gap:10px;padding:7px 14px 7px 7px;border-radius:14px;background:var(--glass);border:1px solid var(--line);box-shadow:0 8px 22px #00000073;transition:box-shadow .25s,border-color .25s,opacity .25s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.plaque.right{flex-direction:row-reverse;padding:7px 7px 7px 14px;text-align:right}.plaque.right .p-name,.plaque.right .p-balls{justify-content:flex-end}.p-info{flex:1;min-width:0;display:grid;gap:4px}.plaque.active{border-color:var(--c);box-shadow:0 0 0 1px var(--c),0 0 18px color-mix(in srgb,var(--c) 55%,transparent),0 8px 22px #00000073}.plaque.idle{opacity:.78}.avatar{flex:none;width:44px;height:44px;position:relative;display:grid;place-items:center}.avatar svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}.avatar .ring-bg{fill:none;stroke:#ffffff1a;stroke-width:3}.avatar .ring{fill:none;stroke:var(--c);stroke-width:3;stroke-linecap:round;filter:drop-shadow(0 0 3px var(--c));transition:stroke .3s}.avatar .ring.warn{stroke:var(--amber)}.avatar .ring.late{stroke:var(--red);animation:blink .5s infinite}.avatar b{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font:700 17px/1 var(--cond);color:#fff;background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--c) 70%,#fff),var(--c) 45%,color-mix(in srgb,var(--c) 45%,#000));text-shadow:0 1px 2px rgba(0,0,0,.5)}@keyframes blink{50%{opacity:.35}}.p-name{display:flex;align-items:center;gap:7px;min-width:0;font:600 15px/1.1 var(--ui)}.p-name span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.p-name small{font:700 10.5px/1 var(--cond);letter-spacing:.08em;text-transform:uppercase;padding:3px 6px;border-radius:5px;background:#ffffff1a;color:var(--muted);flex:none}.p-name small.off{color:var(--amber)}.p-frames{font:700 30px/1 var(--cond);color:#fff;text-shadow:0 0 6px var(--c),0 0 14px var(--c);flex:none;min-width:18px;text-align:center}.plaque.compact .p-frames{font-size:22px}.p-balls{display:flex;align-items:center;gap:3px;min-height:16px}.p-balls .open{font:600 11.5px/1 var(--cond);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.mini{width:14px;height:14px;border-radius:50%;flex:none;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.7) 0 10%,transparent 30%),var(--b);box-shadow:inset 0 -2px 3px #00000073}.mini.stripe{background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.7) 0 10%,transparent 30%),linear-gradient(#f4f1e8 0 33%,var(--b) 33% 67%,#f4f1e8 67%)}.mini.gone{opacity:.16;box-shadow:none}.mini.eight{background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.6) 0 10%,transparent 30%),radial-gradient(circle,#f4f1e8 0 26%,#151515 28%)}.plaque.compact{padding:6px 8px;column-gap:7px}.plaque.compact .avatar{width:36px;height:36px}.plaque.compact .avatar b{width:26px;height:26px;font-size:14px}.plaque.compact .p-name{font-size:13px}.plaque.compact .mini{width:11px;height:11px}.plaque.side .p-name small{display:none}.plaque.compact .p-balls{gap:2px;flex-wrap:wrap}.plaque.compact .p-balls .open{font-size:10.5px;white-space:nowrap;letter-spacing:.06em}.spin,.power,.fine{position:absolute;z-index:7;display:flex;flex-direction:column;align-items:center;gap:5px;touch-action:none}.ctl-label{font:700 10.5px/1 var(--cond);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.spin-ball{width:var(--d, 68px);height:var(--d, 68px);border-radius:50%;position:relative;cursor:crosshair;background:radial-gradient(circle at 36% 30%,#fff 0 8%,#f4f1e8 26%,#c9c3b6 70%,#8e877b);box-shadow:0 0 0 2px #ffffff26,0 6px 16px #0000008c,0 0 14px #26d9ff40}.spin-ball:after{content:"";position:absolute;inset:25%;border-radius:50%;border:1px dashed rgba(0,0,0,.18)}.spin-cross{position:absolute;inset:0;background:linear-gradient(#0000001f,#0000001f) center / 1px 100% no-repeat,linear-gradient(90deg,#0000001f,#0000001f) center / 100% 1px no-repeat;border-radius:50%}.spin-dot{position:absolute;width:13px;height:13px;margin:-6.5px 0 0 -6.5px;left:50%;top:50%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ff9aa5,#e0202f 60%);box-shadow:0 0 0 2px #ffffffe6,0 0 10px #ff3246cc;transition:left .08s,top .08s}.spin.dragging .spin-dot{transition:none}.power-track{width:34px;height:var(--len, 220px);border-radius:17px;position:relative;overflow:hidden;cursor:ns-resize;background:linear-gradient(90deg,#ffffff08,#ffffff14,#ffffff08),#0c0912;border:1px solid var(--line-2);box-shadow:inset 0 0 12px #000c,0 6px 16px #00000080}.power-fill{position:absolute;left:0;right:0;top:0;height:calc(var(--p, 0) * 100%);background:linear-gradient(180deg,#26d9ff,#b8f53c 45%,#ffb02e 75%,#ff3d8b);opacity:.85;box-shadow:0 0 16px #ff3d8b80}.power-cue{position:absolute;left:50%;width:10px;margin-left:-5px;top:calc(var(--p, 0) * (100% - 40px) + 6px);height:130%;border-radius:5px 5px 0 0;background:linear-gradient(180deg,#2f5fd0 0 6px,#f2efe6 6px 16px,#e2c68f 16px 60%,#4a1c12 60%);box-shadow:0 0 6px #000000b3}.power-value{position:absolute;left:0;right:0;bottom:6px;text-align:center;font:700 13px/1 var(--cond);color:#fff;text-shadow:0 0 6px #000,0 0 3px #000}.power.horizontal .power-track{width:var(--len, 220px);height:34px;cursor:ew-resize}.power.horizontal .power-fill{top:0;bottom:0;left:0;height:auto;width:calc(var(--p, 0) * 100%);background:linear-gradient(90deg,#26d9ff,#b8f53c 45%,#ffb02e 75%,#ff3d8b)}.power.horizontal .power-cue{top:50%;left:calc(var(--p, 0) * (100% - 40px) + 6px);margin:-5px 0 0;width:130%;height:10px;border-radius:5px 0 0 5px;background:linear-gradient(90deg,#2f5fd0 0 6px,#f2efe6 6px 16px,#e2c68f 16px 60%,#4a1c12 60%)}.power.horizontal .power-value{transform:translateY(-50%);inset:50% 8px auto auto;text-align:right}.power.horizontal,.spin.row,.fine.horizontal{flex-direction:row}.fine-ridges{width:30px;height:var(--len, 150px);border-radius:10px;cursor:ns-resize;border:1px solid var(--line-2);box-shadow:inset 0 0 10px #000000e6,0 6px 16px #00000080;background:linear-gradient(90deg,rgba(0,0,0,.7),transparent 30%,transparent 70%,rgba(0,0,0,.7)),repeating-linear-gradient(180deg,#3a3346 0 3px,#15111c 3px 7px);background-position:0 var(--roll, 0px)}.fine.horizontal .fine-ridges{width:var(--len, 150px);height:30px;cursor:ew-resize;background:linear-gradient(180deg,rgba(0,0,0,.7),transparent 30%,transparent 70%,rgba(0,0,0,.7)),repeating-linear-gradient(90deg,#3a3346 0 3px,#15111c 3px 7px);background-position:var(--roll, 0px) 0}.controls-off .spin,.controls-off .power,.controls-off .fine{opacity:.35;pointer-events:none;filter:saturate(.4)}.spin,.power,.fine{transition:opacity .25s,filter .25s}.hint{position:absolute;z-index:6;left:50%;transform:translate(-50%);padding:6px 14px;border-radius:999px;background:#08060cb8;border:1px solid var(--line);font:600 13px/1.2 var(--ui);color:var(--muted);white-space:nowrap;max-width:calc(100% - 20px);overflow:hidden;text-overflow:ellipsis;pointer-events:none;transition:color .2s,border-color .2s}.hint.mine{color:#fff;border-color:color-mix(in srgb,var(--me) 60%,transparent);box-shadow:0 0 12px color-mix(in srgb,var(--me) 35%,transparent)}.hint.warn{color:#fff;border-color:#ffb02eb3;box-shadow:0 0 14px #ffb02e59}.banner{position:absolute;z-index:11;left:50%;top:42%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;white-space:nowrap;animation:neonOn .9s ease-out both}.banner h2{margin:0;font:400 clamp(46px,9vw,96px)/1 var(--script);color:#fff;text-shadow:0 0 2px #fff,0 0 8px var(--c, var(--pink-hi)),0 0 20px var(--c, var(--pink)),0 0 44px var(--c, var(--pink)),0 0 80px color-mix(in srgb,var(--c, var(--pink)) 60%,transparent)}.banner p{margin:6px 0 0;font:700 clamp(13px,2vw,17px)/1.2 var(--cond);letter-spacing:.16em;text-transform:uppercase;color:#fff;text-shadow:0 0 10px #000,0 0 4px #000}.banner.small h2{font-size:clamp(34px,6vw,64px)}@keyframes neonOn{0%{opacity:0;transform:translate(-50%,-50%) scale(.92)}12%{opacity:1}18%{opacity:.2}26%{opacity:1}32%{opacity:.5}40%,to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.pause-note{position:absolute;z-index:10;left:50%;top:50%;transform:translate(-50%,-50%);padding:14px 20px;border-radius:14px;background:var(--glass);border:1px solid var(--amber);box-shadow:0 0 20px #ffb02e4d;font:600 15px/1.3 var(--ui);text-align:center}.toast{position:fixed;z-index:35;left:var(--toast-left, 50%);top:var(--toast-top, calc(var(--top-h) + 14px));transform:translate(-50%);padding:10px 18px;border-radius:12px;background:#0e0a14f0;border:1px solid var(--line-2);box-shadow:0 10px 30px #0009;font:600 14.5px/1.3 var(--ui);max-width:calc(100vw - 24px);text-align:center;animation:toastIn .28s cubic-bezier(.2,1.4,.4,1)}.toast.foul{border-color:var(--red);box-shadow:0 0 18px #ff4a5a73,0 10px 30px #0009}.toast.good{border-color:var(--lime);box-shadow:0 0 18px #b8f53c59,0 10px 30px #0009}.toast b{color:#fff}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,-10px) scale(.96)}}.welcome,.result{position:absolute;inset:0;z-index:14;display:grid;place-items:center;padding:16px;background:radial-gradient(ellipse at center,#08060c59,#08060cbf)}.welcome-card,.result-card{width:min(360px,100%);padding:26px 26px 22px;border-radius:22px;background:var(--glass);border:1px solid var(--line-2);box-shadow:0 24px 60px #0009,0 0 0 1px #ff3d8b26,0 0 40px #ff3d8b1f;text-align:center;display:grid;gap:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:cardIn .45s cubic-bezier(.2,1.3,.4,1)}@keyframes cardIn{0%{opacity:0;transform:translateY(14px) scale(.97)}}.welcome h1{margin:0;font:400 76px/1 var(--script);animation:flicker 6s infinite 1s}.welcome-sub{margin:-6px 0 6px;font:700 13px/1 var(--cond);letter-spacing:.3em;text-transform:uppercase;color:var(--cyan-hi);text-shadow:0 0 8px var(--cyan)}.primary,.secondary{border-radius:12px;padding:12px 18px;font:700 17px/1 var(--cond);letter-spacing:.1em;text-transform:uppercase;transition:transform .12s,box-shadow .15s,background .15s}.primary{border:2px solid var(--pink-hi);color:#fff;background:linear-gradient(180deg,#ff3d8b8c,#ff3d8b4d);box-shadow:0 0 14px #ff3d8b8c,inset 0 0 12px #ff3d8b59;text-shadow:0 0 8px rgba(255,140,189,.9)}.primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 0 24px #ff3d8bcc,inset 0 0 14px #ff3d8b73}.primary:disabled{opacity:.45;cursor:default}.secondary{border:2px solid var(--cyan);color:var(--cyan-hi);background:#26d9ff14;box-shadow:0 0 12px #26d9ff59}.secondary:hover{transform:translateY(-1px);box-shadow:0 0 20px #26d9ff99}.text-button{border:0;background:none;color:var(--cyan-hi);font:700 14px/1 var(--cond);letter-spacing:.08em;text-transform:uppercase;padding:8px 6px}.text-button:hover{color:#fff;text-shadow:0 0 8px var(--cyan)}.result-card h2{margin:0;font:400 64px/1 var(--script);color:#fff;text-shadow:0 0 2px #fff,0 0 10px var(--c, var(--pink)),0 0 26px var(--c, var(--pink)),0 0 50px var(--c, var(--pink));animation:flicker 5s infinite 1s}.result-card .sub{margin:-4px 0 4px;font:700 13px/1.3 var(--cond);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.standings{list-style:none;margin:0;padding:0;display:grid;gap:6px;text-align:left}.standings li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 12px;border-radius:10px;background:#ffffff0d;border:1px solid var(--line)}.standings li.me{border-color:color-mix(in srgb,var(--me) 60%,transparent)}.standings span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.standings small{color:var(--muted);font-weight:500}.standings b{font:700 22px/1 var(--cond)}.result-actions{display:grid;gap:6px;margin-top:4px}.result-actions .note{margin:0}.panel{background:linear-gradient(#130f1b,#0d0a13);border-left:1px solid var(--line);padding:14px 16px;display:flex;flex-direction:column;gap:12px;overflow-y:auto;z-index:4}.panel-head{display:flex;align-items:center;justify-content:space-between}.panel-head h2{margin:0;font:400 34px/1 var(--script);color:#fff;text-shadow:0 0 2px #fff,0 0 8px var(--cyan),0 0 18px var(--cyan)}#closePanel{display:none}.panel-name{display:none;gap:6px;font:600 12px/1 var(--cond);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.panel-name input{background:#00000059;border:1px solid var(--line-2);border-radius:9px;padding:9px 10px;color:var(--text);font:500 15px var(--ui);text-transform:none;letter-spacing:0}.mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:12px;background:#00000059;border:1px solid var(--line)}.mode-switch button{border:0;border-radius:9px;padding:9px;background:none;color:var(--muted);font:700 14px/1 var(--cond);letter-spacing:.1em;text-transform:uppercase}.mode-switch button.active{background:#ff3d8b38;color:#fff;box-shadow:inset 0 0 0 1px var(--pink),0 0 10px #ff3d8b4d}.mode-switch button:disabled{opacity:.5;cursor:default}.settings{display:grid;gap:9px}.row{display:flex;align-items:center;justify-content:space-between;gap:8px}.row>span{font:600 12.5px/1 var(--cond);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.segmented{display:flex;gap:2px;padding:3px;border-radius:10px;background:#00000059;border:1px solid var(--line)}.segmented button{border:0;border-radius:7px;padding:6px 9px;background:none;color:var(--muted);font:700 13px/1 var(--cond);letter-spacing:.05em;min-width:30px}.segmented button.active{background:#26d9ff2e;color:#fff;box-shadow:inset 0 0 0 1px #26d9ffb3}.segmented button:disabled{cursor:default;opacity:.55}.segmented button:hover:not(:disabled):not(.active){color:#fff}.invite-row{display:flex;gap:6px;align-items:center}.invite-row input{flex:1;min-width:0;background:#00000059;border:1px solid var(--line-2);border-radius:9px;padding:9px 10px;color:var(--cyan-hi);font:500 13px var(--ui)}.player-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}.player-list li{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;background:#ffffff0a;border:1px solid var(--line);min-width:0}.player-list li.me{border-color:color-mix(in srgb,var(--me) 55%,transparent)}.player-list .name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.tag{font:700 10.5px/1 var(--cond);letter-spacing:.07em;text-transform:uppercase;padding:3px 6px;border-radius:5px;background:#ffffff14;color:var(--muted);flex:none}.tag.host{color:var(--cyan-hi)}.tag.off{color:var(--amber)}.player-list button{border:0;background:none;color:var(--muted);font-size:18px;padding:0 4px}.add-bot{justify-self:start;align-self:flex-start}.note{margin:0;color:var(--muted);font-size:13.5px;line-height:1.4}.panel-foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:8px}.connection{font:600 12px/1 var(--cond);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.connection.online{color:var(--lime)}.connection.trouble{color:var(--amber)}dialog{max-width:min(520px,calc(100vw - 24px));border:1px solid var(--line-2);border-radius:18px;background:var(--night-2);color:var(--text);padding:18px 20px;box-shadow:0 24px 60px #000000b3,0 0 30px #26d9ff1f}dialog::backdrop{background:#040308b3}.help-body p{margin:10px 0;line-height:1.45;font-size:14.5px}.help-body b{color:var(--cyan-hi)}.keys-help{color:var(--muted);font-size:13px;line-height:1.5}#gotIt{width:100%}@media(max-width:899px){main{grid-template-columns:minmax(0,1fr)}.panel{position:fixed;top:0;right:0;bottom:0;width:min(320px,88vw);transform:translate(105%);transition:transform .28s cubic-bezier(.2,.9,.3,1);z-index:40;box-shadow:-20px 0 50px #0009;padding-top:max(14px,env(safe-area-inset-top))}.panel.open{transform:none}#menuButton,#closePanel,.panel-name{display:grid}#playerName{width:110px}}@media(max-width:560px){:root{--top-h: 48px}.topbar{gap:7px;padding:0 8px}.brand span{font-size:30px}.brand svg{width:28px;height:28px}#playerName,#fullscreenButton{display:none}.tally{padding:4px 9px;gap:6px}.tally-target{display:none}.icon-button{width:34px;height:34px}}@media(max-height:430px){:root{--top-h: 44px}.icon-button{width:32px;height:32px}.brand span{font-size:28px}}@media(prefers-reduced-motion:reduce){.brand span,.welcome h1,.result-card h2,.banner{animation:none}}