:root{--bg: #0a0f22;--panel: rgba(12, 17, 38, .8);--panel-2: rgba(255, 255, 255, .05);--line: rgba(255, 255, 255, .12);--txt: #ffffff;--mut: #aab4d8;--acc: #ffd23d;--acc-2: #ff8a1c;--green: #14f195;--blue: #3c8dff;--pink: #ff5ec4;--gold: #ffd23d;--red: #ff3b3b;--r: 20px;--display: "Luckiest Guy", "Nunito", system-ui, sans-serif;font-family:Nunito,system-ui,-apple-system,Segoe UI,sans-serif;font-weight:700;color:var(--txt);background:var(--bg);-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;overflow:hidden;overscroll-behavior:none}body{touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}input,textarea{user-select:text;-webkit-user-select:text}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}button:disabled{cursor:not-allowed;opacity:.5}a{color:var(--acc);text-decoration:none}small{color:var(--mut);font-weight:600}b{font-weight:900}kbd{display:inline-block;min-width:22px;text-align:center;background:linear-gradient(#fff,#d9deec);color:#1b2140;border-radius:6px;padding:1px 6px;font:900 11px Nunito,sans-serif;box-shadow:0 2px #7d86a8;margin:0 1px}.icon{flex:0 0 auto}.app{position:fixed;top:0;right:0;bottom:0;left:0}.game-canvas{position:absolute!important;top:0;right:0;bottom:0;left:0}.glass,.panel{background:var(--panel);border:1px solid var(--line);backdrop-filter:blur(16px) saturate(1.3);-webkit-backdrop-filter:blur(16px) saturate(1.3);border-radius:var(--r);box-shadow:0 16px 50px #00000073,inset 0 1px #ffffff14}@keyframes spin{to{transform:rotate(360deg)}}@keyframes blink{50%{opacity:.45}}@keyframes pop-in{0%{transform:scale(.6);opacity:0}70%{transform:scale(1.06)}to{transform:scale(1);opacity:1}}.brand-logo{display:flex;align-items:center;gap:14px}.brand-logo img,.brand-logo .brand-ph{width:64px;height:64px;border-radius:50%;object-fit:cover;display:grid;place-items:center;box-shadow:0 0 0 4px #fff,0 0 0 7px var(--acc),0 8px 24px #00000080;background:#1b2140}.brand-logo.small img,.brand-logo.small .brand-ph{width:44px;height:44px;box-shadow:0 0 0 3px #fff,0 0 0 5px var(--acc),0 6px 16px #00000080}.logo-3d{font-family:var(--display);font-size:clamp(36px,7vw,64px);line-height:.95;letter-spacing:1px;color:#fff;-webkit-text-stroke:2px #1b1030;paint-order:stroke fill;text-shadow:0 4px 0 #e94f1c,0 7px 0 #1b1030,0 10px 22px rgba(0,0,0,.5)}.logo-3d.small{font-size:clamp(22px,3.2vw,32px);-webkit-text-stroke:1.5px #1b1030;text-shadow:0 3px 0 #e94f1c,0 5px 0 #1b1030}.logo-3d span{color:var(--acc)}.brand-sub{margin-top:6px;font-weight:800;color:#dfe5ff;letter-spacing:.5px;display:flex;align-items:center;gap:8px}.kr-badge{font:400 11px/1 var(--display);letter-spacing:1.5px;color:#2a1300;background:linear-gradient(180deg,#ffe66b,#ff9b0f);padding:4px 8px 3px;border-radius:6px;transform:skew(-8deg);box-shadow:0 2px #b35a00}.brand-logo.small .brand-sub{margin-top:4px}.brand-logo.pending .brand-ph{color:var(--acc);animation:spin 2.4s linear infinite}.brand-logo.pending .logo-3d{font-size:clamp(26px,5vw,44px)}.brand-logo.pending.small .logo-3d{font-size:clamp(18px,3vw,26px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 16px;border-radius:14px;font-weight:900;background:linear-gradient(180deg,#5aa6ff,#2a6fe0);color:#fff;box-shadow:0 4px #1a4aa0,0 8px 18px #00000059;transition:transform .12s,filter .12s,box-shadow .12s}.btn:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.08)}.btn:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px #1a4aa0,0 4px 10px #00000059}.btn.small{padding:8px 14px;font-size:13px;border-radius:11px}.btn.ghost{background:#ffffff14;box-shadow:inset 0 0 0 1px #ffffff2e}.btn.play{width:100%}.btn.race{width:100%;padding:0;margin-top:4px;background:none;box-shadow:none;transform:skew(-8deg)}.race-btn-inner{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:17px 16px 15px;border-radius:16px;font:400 26px/1 var(--display);letter-spacing:1.5px;color:#2a1300;transform:skew(8deg);background:linear-gradient(180deg,#ffe66b,#ffc21a 45%,#ff9b0f);box-shadow:0 6px #b35a00,0 14px 30px #ff961473,inset 0 2px #ffffffb3}.btn.race:not(:disabled) .race-btn-inner{animation:race-pulse 1.8s ease-in-out infinite}.btn.race:active:not(:disabled) .race-btn-inner{transform:skew(8deg) translateY(4px);box-shadow:0 2px #b35a00,0 6px 16px #ff961459}@keyframes race-pulse{50%{box-shadow:0 6px #b35a00,0 14px 44px #ffbe28cc,inset 0 2px #ffffffb3}}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px;font-size:13px;color:var(--mut)}.field>span{display:inline-flex;align-items:center;gap:6px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;font-size:11.5px}.field input:not([type=color]){width:100%;padding:12px 14px;border-radius:12px;border:2px solid rgba(255,255,255,.12);background:#00000059;color:var(--txt);font:800 15px Nunito,sans-serif;outline:none;transition:border-color .15s,box-shadow .15s}.field input:focus{border-color:var(--acc);box-shadow:0 0 0 4px #ffd23d2e}.wallet-row{display:flex;gap:8px}.wallet-row input{flex:1;min-width:0}.okmsg{color:var(--green);display:inline-flex;align-items:center;gap:5px}.err{color:#ff8a9a;display:inline-flex;align-items:center;gap:5px}.hint{display:block;margin-top:8px;color:#ffd98a}.join-error{display:flex;gap:8px;align-items:flex-start;margin-top:12px;padding:10px 12px;border-radius:12px;background:#ff3b3b24;border:1px solid rgba(255,59,59,.45);color:#ffc0c6;font-size:14px}.opt-title{font-size:11.5px;color:var(--mut);text-transform:uppercase;letter-spacing:1px;font-weight:900}.muted{color:var(--mut);font-size:13px;font-weight:600;margin:4px 0 10px}.chips{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-bottom:10px}.chips span{font-size:12px;color:var(--mut);min-width:42px}.chip{padding:7px 11px;border-radius:99px;font-size:13px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);transition:all .15s}.chip.on{background:#ffd23d29;border-color:var(--acc);color:var(--acc)}.icon-badge{display:inline-grid;place-items:center;flex:0 0 auto;border-radius:30%;background:radial-gradient(circle at 30% 25%,color-mix(in srgb,var(--c) 70%,#fff),var(--c));box-shadow:0 4px color-mix(in srgb,var(--c) 55%,#000),0 0 16px color-mix(in srgb,var(--c) 45%,transparent)}.icon-badge .icon{filter:drop-shadow(0 1px 1px rgba(0,0,0,.35))}.chain-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:99px;font-size:12.5px;font-weight:900;color:var(--c);background:color-mix(in srgb,var(--c) 14%,rgba(10,14,30,.7));border:1.5px solid color-mix(in srgb,var(--c) 60%,transparent)}.online-dot{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:99px;font-size:12.5px;background:#0a0e1eb3;border:1px solid var(--line)}.online-dot:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green)}.x-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:99px;background:#0b0d12;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:13px}.x-btn.compact{width:38px;height:38px;padding:0;justify-content:center}.x-btn.compact-text{padding:4px 10px;font-size:12px}.loading{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px}.loading-bg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:radial-gradient(ellipse at 50% 120%,#ff8a1c55,transparent 60%),linear-gradient(180deg,#1a2a6c,#0a0f22 70%)}.loading-bg:before{content:"";position:absolute;left:50%;bottom:-10%;width:60vmax;height:70vh;transform:translate(-50%) perspective(420px) rotateX(62deg);background:linear-gradient(90deg,#e53935 0,#e53935 4%,#fff 4%,#fff 8%,#3a3f4f 8%,#3a3f4f 92%,#fff 92%,#fff 96%,#e53935 96%),repeating-linear-gradient(0deg,transparent 0 40px,#ffffffaa 40px 70px);background-blend-mode:normal;opacity:.5;animation:road .6s linear infinite}@keyframes road{to{background-position:0 0,0 70px}}.loading-card{position:relative;width:min(460px,100%);padding:28px;display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center}.kart-loader{position:relative;width:100%;height:64px;overflow:hidden}.kl-road{position:absolute;left:0;right:0;bottom:8px;height:6px;border-radius:3px;background:repeating-linear-gradient(90deg,#fff 0 24px,transparent 24px 44px);opacity:.5;animation:dash .5s linear infinite}@keyframes dash{to{background-position:-44px 0}}.kl-kart{position:absolute;bottom:10px;left:50%;transform:translate(-50%);color:var(--acc);animation:bob .35s ease-in-out infinite alternate;filter:drop-shadow(0 4px 0 #b35a00)}@keyframes bob{to{transform:translate(-50%) translateY(-4px) rotate(-2deg)}}.token-found{display:flex;gap:14px;align-items:center;width:100%;padding:12px;border-radius:16px;background:#ffffff0f;text-align:left;animation:pop-in .4s}.token-found img,.token-found .token-ph{width:54px;height:54px;border-radius:50%;object-fit:cover}.tf-title{color:var(--green);font-size:12px;display:flex;align-items:center;gap:5px}.tf-name{font-size:16px;margin:2px 0 6px}.tf-row{display:flex;gap:6px;flex-wrap:wrap}.steps{list-style:none;margin:0;padding:0;width:100%;display:flex;flex-direction:column;gap:8px}.steps li{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:#ffffff0a;text-align:left;transition:background .3s}.steps li.ok{background:#14f1951a}.steps .dot{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;border:2px solid rgba(255,255,255,.25)}.steps li.wait .dot{border-color:var(--acc);border-right-color:transparent;animation:spin .8s linear infinite}.steps li.ok .dot{background:var(--green);border-color:var(--green);color:#032a1a}.steps .step-ic{color:var(--mut)}.progress{width:100%;height:10px;border-radius:99px;background:#ffffff14;overflow:hidden}.progress>div{height:100%;border-radius:99px;background:linear-gradient(90deg,var(--acc),var(--acc-2));transition:width .5s}.loading-foot p{margin:0;color:var(--mut);font-size:13px}.menu{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;padding:max(14px,env(safe-area-inset-top)) 18px 14px;gap:14px;background:radial-gradient(ellipse at 50% 40%,transparent 30%,rgba(5,8,20,.55) 100%);overflow:hidden}.menu-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.top-stats{display:flex;align-items:center;gap:8px}.menu-grid{flex:1;min-height:0;display:grid;grid-template-columns:minmax(270px,310px) minmax(0,1fr) minmax(310px,370px);gap:14px}.menu-grid>.panel,.right-col{min-height:0}.right-col{display:flex;flex-direction:column;gap:14px}.panel{padding:16px;overflow-y:auto;scrollbar-width:thin}.panel-head{display:flex;align-items:center;gap:8px;margin:-2px 0 12px;font:400 19px/1 var(--display);letter-spacing:.8px;color:#fff}.panel-head small{margin-left:auto;font:800 11px Nunito;text-transform:uppercase;letter-spacing:1px}.step{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:var(--acc);color:#2a1300;font-size:16px;transform:rotate(-6deg);box-shadow:0 3px #b35a00}.race-card{display:flex;flex-direction:column;gap:14px}.track-row{display:flex;gap:12px;align-items:center}.track-map{flex:0 0 auto;filter:drop-shadow(0 4px 10px rgba(0,0,0,.4))}.tm-edge{fill:none;stroke:#0b0f22;stroke-width:9;stroke-linejoin:round}.tm-road{fill:none;stroke:#fff;stroke-width:5;stroke-linejoin:round}.tm-start{fill:var(--acc);stroke:#0b0f22;stroke-width:1.5}.track-name{font:400 22px/1.05 var(--display);letter-spacing:.6px;color:var(--acc)}.track-meta{display:flex;gap:10px;margin:6px 0 8px;font-size:12px;color:#dfe5ff}.track-meta span{display:inline-flex;align-items:center;gap:4px}.race-state{display:flex;align-items:center;gap:7px;font-size:12.5px;padding:6px 10px;border-radius:10px;background:#ffffff0f}.race-state .dot{width:8px;height:8px;border-radius:50%;background:var(--mut);flex:0 0 auto}.race-state.live .dot{background:var(--red);box-shadow:0 0 10px var(--red);animation:blink 1s infinite}.race-state.open .dot{background:var(--green);box-shadow:0 0 10px var(--green)}.race-state.inter .dot{background:var(--acc)}.prize-box{padding:14px;border-radius:16px;background:linear-gradient(145deg,#ffd23d29,#ff8a1c0f);border:1.5px solid rgba(255,210,61,.35)}.prize-label{display:flex;align-items:center;gap:6px;font-size:11.5px;text-transform:uppercase;letter-spacing:1px;color:#ffe39a;font-weight:900}.prize-main{display:flex;align-items:center;gap:14px;margin:10px 0}.prize-amount{font:400 clamp(22px,2.4vw,30px)/1 var(--display);color:#fff;text-shadow:0 3px 0 #b35a00;letter-spacing:.5px}.prize-sub{font-size:12.5px;color:#ffe8b5;margin-top:4px;font-weight:700}.muted-amount{font-size:clamp(18px,2vw,22px)!important;color:#dfe5ff!important;text-shadow:none!important}.split{display:flex;gap:6px}.split span{flex:1;text-align:center;padding:6px 4px;border-radius:10px;font-size:12.5px;background:#00000040}.split b{font-family:var(--display);font-weight:400;margin-right:3px}.split-1 b{color:#ffd23d}.split-2 b{color:#dfe6f2}.split-3 b{color:#e7a15a}.token-card{display:flex;gap:12px;align-items:center;padding:12px;border-radius:16px;background:var(--panel-2)}.token-card img,.token-ph{width:50px;height:50px;border-radius:50%;object-fit:cover;flex:0 0 auto;display:grid;place-items:center;background:#1b2140}.token-card.empty{color:var(--mut);font-size:13px}.tk-info{min-width:0;display:flex;flex-direction:column;gap:4px}.tk-name{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tk-name b{color:var(--acc)}.ca{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--mut);padding:0}.ca:hover{color:#fff}.tk-links{display:flex;gap:10px;flex-wrap:wrap;font-size:12px}.tk-links a{display:inline-flex;align-items:center;gap:4px}.char-panel{display:flex;flex-direction:column}.char-select{display:flex;flex-direction:column;gap:12px;min-height:0}.char-stage{position:relative;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(210px,1fr);gap:12px;align-items:center;padding:8px;border-radius:18px;background:radial-gradient(ellipse at 35% 70%,rgba(255,210,61,.22),transparent 60%),linear-gradient(180deg,#3c8dff2e,#0003)}.kart-preview{display:block;width:100%;aspect-ratio:4 / 3;max-height:34vh}.char-info{display:flex;flex-direction:column;gap:6px;padding-right:6px}.char-chain{font-size:11px;text-transform:uppercase;letter-spacing:1.2px;color:var(--mut);font-weight:900}.char-name{margin:0;font:400 clamp(30px,3.4vw,44px)/.95 var(--display);letter-spacing:1px;color:#fff;-webkit-text-stroke:1.5px #1b1030;paint-order:stroke fill;text-shadow:0 4px 0 #1b1030;animation:pop-in .35s}.char-tag{margin:0 0 6px;color:#dfe5ff;font-size:14px;font-weight:700}.stats-bars{display:flex;flex-direction:column;gap:6px}.stat{display:grid;grid-template-columns:96px 1fr;align-items:center;gap:8px;font-size:12px;color:#dfe5ff}.bar{display:grid;grid-template-columns:repeat(5,1fr);gap:3px}.bar i{height:10px;border-radius:3px;background:#ffffff1f;transform:skew(-12deg)}.bar i.on{background:linear-gradient(180deg,#ffe66b,#ff9b0f);box-shadow:0 0 8px #ffbe2880}.char-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:10px}.char-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;border-radius:16px;background:linear-gradient(180deg,color-mix(in srgb,var(--c) 30%,#1b2140),#121833);border:2px solid rgba(255,255,255,.1);transition:transform .15s,border-color .15s,box-shadow .15s}.char-card:hover{transform:translateY(-3px);border-color:#ffffff59}.char-card.on{border-color:var(--acc);box-shadow:0 0 0 3px #ffd23d4d,0 10px 24px #0006;transform:translateY(-3px) scale(1.03)}.char-card.on:after{content:"✓";position:absolute;top:-8px;right:-6px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--acc);color:#2a1300;font-size:13px;font-weight:900}.char-card img,.char-ph{width:100%;max-width:76px;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 4px 6px rgba(0,0,0,.4))}.char-card span{font-size:12.5px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.paint-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.swatches{display:flex;gap:7px;flex-wrap:wrap}.swatch{width:28px;height:28px;border-radius:9px;box-shadow:inset 0 -3px #0000004d,0 0 0 2px #ffffff26;transition:transform .12s;position:relative;overflow:hidden;cursor:pointer}.swatch:hover{transform:translateY(-2px)}.swatch.on{box-shadow:inset 0 -3px #0000004d,0 0 0 3px var(--acc);transform:scale(1.1)}.swatch.custom{background-image:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red)!important}.swatch.custom input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.licence{flex:0 0 auto}.controls-help{margin-top:12px;display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--mut)}.controls-help div{display:flex;align-items:center;gap:3px;flex-wrap:wrap}.tabs-panel{flex:1;min-height:180px}.tabs{display:flex;gap:4px;padding:4px;margin-bottom:12px;border-radius:14px;background:#0000004d}.tabs button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:8px 4px;border-radius:10px;font-size:12px;font-weight:900;color:var(--mut);transition:all .15s}.tabs button.on{background:var(--acc);color:#2a1300;box-shadow:0 3px #b35a00}.list{display:flex;flex-direction:column;gap:6px}.list-row{display:flex;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:12px;background:var(--panel-2);font-size:13.5px}.list-row .right{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:2px}.list .empty{color:var(--mut);padding:20px;text-align:center}.prize-row.off{opacity:.5}.prize-row.current{box-shadow:inset 0 0 0 2px #ffd23d99}.pr-left{display:flex;align-items:center;gap:10px}.chance{font:400 16px var(--display);color:var(--acc)}.status{font-size:11px;padding:2px 8px;border-radius:99px;background:#ffffff14}.status.paid{background:#14f1952e;color:var(--green)}.status.failed{background:#ff3b3b2e;color:#ff8a9a}.amt{color:var(--acc)}.how{display:flex;flex-direction:column;gap:10px;font-size:13.5px;font-weight:600;color:#dfe5ff}.how p{margin:0}.pw-item{display:flex;gap:12px;align-items:center}.item-3d{flex:0 0 auto;display:grid;place-items:center;border-radius:16px;overflow:hidden;background:radial-gradient(circle at 50% 40%,#3a4880,#151b38);box-shadow:inset 0 0 0 2px #ffffff1f,0 4px 10px #00000059}.item-3d img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 4px rgba(0,0,0,.45))}.item-img{width:84px;height:84px;object-fit:contain;filter:drop-shadow(0 4px 4px rgba(0,0,0,.5))}.c-blue{color:#5aa6ff}.c-orange{color:#ff9b0f}.c-purple{color:#c17bff}.pos-badge{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:8px;font:400 13px var(--display);color:#2a1300;background:linear-gradient(180deg,#ffe98a,#ffb800);box-shadow:0 2px #9a6a00}.pos-badge.p2{background:linear-gradient(180deg,#fff,#b9c2d8);box-shadow:0 2px #6f7890}.pos-badge.p3{background:linear-gradient(180deg,#ffcf9a,#d0823e);box-shadow:0 2px #7a4415}.stock-library{margin-top:12px}.stock-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-top:8px}.stock-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 2px;border-radius:12px;background:var(--panel-2);border:1px solid rgba(255,255,255,.08);opacity:.7}.stock-card.on{opacity:1;border-color:#ffd23d80}.stock-card b{font:400 12px var(--display)}.stock-card small{font-size:10px}.tx-link{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:900;padding:3px 8px;border-radius:8px;background:#14f19524;color:var(--green)}.wallet-link{font-size:12px;color:var(--mut);text-decoration:underline dotted}.linkish{color:var(--acc);font-size:12px}.coin3d{position:relative;perspective:400px;flex:0 0 auto;display:inline-block;vertical-align:middle}.coin-body{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;transform:rotateY(-22deg) rotateX(8deg)}.coin3d.spin .coin-body{animation:coin-spin 3.2s linear infinite}@keyframes coin-spin{0%{transform:rotateY(0) rotateX(8deg)}to{transform:rotateY(360deg) rotateX(8deg)}}.coin-edge{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%}.coin-side{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;border-radius:50%}.coin-face{width:100%;height:100%;border-radius:50%;display:grid;place-items:center;overflow:hidden;box-shadow:inset 0 0 0 calc(var(--depth) * .6) #ffffff47,inset 0 -4px 8px #00000040,0 0 18px #ffe06659}.coin-face img{width:78%;height:78%;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px #fff9}.coin-face .icon{filter:drop-shadow(0 2px 2px rgba(0,0,0,.3))}.coin-text{font-family:var(--display);color:#fff;display:flex;flex-direction:column;align-items:center;line-height:1;text-shadow:0 2px 3px rgba(0,0,0,.35)}.hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hud button,.hud a,.hud .touch,.hud .item-box{pointer-events:auto}.hud-tl{position:absolute;top:max(14px,env(safe-area-inset-top));left:14px;display:flex;flex-direction:column;align-items:center;gap:10px}.item-box{display:flex;flex-direction:column;align-items:center;gap:4px}.item-frame{position:relative;width:104px;height:104px;border-radius:26px;display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,#2a3160,#0c1026);border:5px solid #fff;box-shadow:0 0 0 4px #1b2140,0 10px 30px #00000080,inset 0 0 18px #0009}.item-box.ready .item-frame{box-shadow:0 0 0 4px var(--acc),0 0 28px #ffd23d99,inset 0 0 18px #0009;animation:pop-in .3s}.item-box.rolling .item-frame{animation:shake .12s infinite}@keyframes shake{50%{transform:rotate(2deg) scale(1.02)}}.item-ic{display:grid;place-items:center;filter:drop-shadow(0 4px 0 rgba(0,0,0,.35)) drop-shadow(0 0 12px color-mix(in srgb,var(--c) 60%,transparent))}.triple{display:grid;grid-template-columns:repeat(2,30px);justify-items:center;color:#ff5a1c}.triple .icon:first-child{grid-column:1 / -1}.item-empty{width:30px;height:4px;border-radius:2px;background:#ffffff26}.item-count{position:absolute;right:-8px;bottom:-8px;padding:2px 8px;border-radius:10px;background:var(--red);font:400 18px var(--display);box-shadow:0 3px #8a1010}.item-box small{font-size:11px;color:#fff;text-shadow:0 1px 3px #000;font-weight:900}.coins{display:flex;align-items:baseline;gap:4px;padding:5px 14px 5px 6px;border-radius:99px;background:#0a0e1ebf;border:2px solid rgba(255,255,255,.18)}.coin-ic{display:grid;place-items:center;width:32px;height:32px;align-self:center}.coins b{font:400 24px/1 var(--display);color:#ffd23d;text-shadow:0 2px 0 #7a4b00;animation:pop-in .25s}.coin-ic img{width:34px;height:34px;object-fit:contain;filter:drop-shadow(0 2px 0 rgba(0,0,0,.35))}.coins small{color:#fff}.hud-top{position:absolute;top:max(14px,env(safe-area-inset-top));left:50%;transform:translate(-50%);display:flex;gap:8px;align-items:center}.lap-pill,.timer-pill,.prize-pill{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:14px;background:#0a0e1ec7;border:2px solid rgba(255,255,255,.18);white-space:nowrap}.lap-pill{transform:skew(-8deg);background:linear-gradient(180deg,#2a6fe0,#1a4aa0);border-color:#fff}.lap-pill>*{transform:skew(8deg)}.lap-pill small{color:#dfe8ff;font-weight:900}.lap-pill b{font:400 30px/1 var(--display);text-shadow:0 2px 0 #0b2a66}.timer-pill{font:400 20px var(--display);letter-spacing:1px}.timer-pill.urgent{color:#ff8a8a;border-color:var(--red);animation:blink .5s infinite}.prize-pill{font-size:13px;font-weight:900}.hud-buttons{position:absolute;top:max(14px,env(safe-area-inset-top));right:14px;display:flex;gap:8px}.hud-buttons button{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#0a0e1ebf;border:1.5px solid rgba(255,255,255,.18)}.hud-buttons button.off{opacity:.5}.standings{position:absolute;left:14px;top:calc(max(14px,env(safe-area-inset-top)) + 190px);display:flex;flex-direction:column;gap:4px;width:200px}.st-row{display:grid;grid-template-columns:26px 30px 1fr auto;align-items:center;gap:6px;height:34px;padding:0 8px 0 4px;border-radius:10px;background:linear-gradient(90deg,#0a0e1ed1,#0a0e1e8c);border-left:4px solid var(--c);transition:transform .3s;font-size:13px}.st-row.me{background:linear-gradient(90deg,#ffd23df2,#ff9b0fd9);color:#2a1300;transform:translate(6px)}.st-pos{font:400 18px var(--display);text-align:center}.st-row.p1 .st-pos{color:#ffd23d}.st-row.p2 .st-pos{color:#dfe6f2}.st-row.p3 .st-pos{color:#e7a15a}.st-row.me .st-pos{color:#2a1300}.st-row img,.st-ph{width:30px;height:30px;border-radius:50%;background:#ffffff1f;object-fit:cover}.st-name{display:flex;align-items:center;gap:3px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:900}.st-lap{font-size:11px;opacity:.8;font-weight:900}.feed{position:absolute;right:14px;top:calc(max(14px,env(safe-area-inset-top)) + 54px);display:flex;flex-direction:column;gap:4px;align-items:flex-end}.feed-row{display:flex;align-items:center;gap:6px;padding:5px 10px;border-radius:10px;background:#0a0e1ebf;font-size:12.5px;animation:pop-in .3s}.feed-row.finish{color:var(--acc)}.hud-br{position:absolute;right:14px;bottom:max(14px,env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:flex-end;gap:8px}.position{display:flex;align-items:flex-start;font-family:var(--display);line-height:.8;animation:pop-in .35s}.position b{font-weight:400;font-size:118px;color:var(--pc);-webkit-text-stroke:5px #1b1030;paint-order:stroke fill;text-shadow:0 6px 0 #1b1030,0 10px 24px rgba(0,0,0,.45)}.position.p1 b{background:linear-gradient(180deg,#fff6b0,#ffd23d 50%,#ff9b0f);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 6px 0 #1b1030);text-shadow:none}.position sup{font-size:40px;margin-top:10px;color:var(--pc);-webkit-text-stroke:3px #1b1030;paint-order:stroke fill}.position small{align-self:flex-end;font:400 26px var(--display);color:#fff;-webkit-text-stroke:2px #1b1030;paint-order:stroke fill;margin-left:2px}.minimap{width:180px;height:180px;border-radius:20px;background:#0a0e1e8c;border:2px solid rgba(255,255,255,.15)}.speedo{position:absolute;left:14px;bottom:max(14px,env(safe-area-inset-bottom));width:150px}.speedo svg{width:100%;display:block}.sp-bg{fill:none;stroke:#0a0e1eb3;stroke-width:11;stroke-linecap:round}.sp-fg{fill:none;stroke:var(--acc);stroke-width:7;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset .1s;filter:drop-shadow(0 0 6px rgba(255,190,40,.7))}body.boosting .sp-fg{stroke:#ff5a1c}.sp-num{position:absolute;left:0;right:0;bottom:2px;text-align:center}.sp-num span{font:400 34px/1 var(--display);text-shadow:0 3px 0 #1b1030}.sp-num small{display:block;font-size:10px;letter-spacing:1px;color:#fff}.wrong-way{position:absolute;top:34%;left:50%;transform:translate(-50%,-50%);display:none;align-items:center;gap:10px;padding:12px 24px;border-radius:18px;background:var(--red);font:400 34px var(--display);letter-spacing:1px;box-shadow:0 6px #8a1010,0 0 40px #ff3b3b99;animation:blink .6s infinite}.wrong-way.on{display:flex}.countdown{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none}.countdown span{font:400 min(34vw,260px)/1 var(--display);color:#fff;-webkit-text-stroke:8px #1b1030;paint-order:stroke fill;text-shadow:0 12px 0 #1b1030,0 20px 50px rgba(0,0,0,.5);animation:count .95s cubic-bezier(.2,1.6,.4,1) forwards}.countdown span.go{color:#3dff6e;font-size:min(26vw,220px)}@keyframes count{0%{transform:scale(2.2);opacity:0}25%{transform:scale(1);opacity:1}80%{transform:scale(1);opacity:1}to{transform:scale(.7);opacity:0}}.banner{position:absolute;top:22%;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;animation:banner 2.6s ease forwards}.banner span{font:400 min(15vw,110px)/1 var(--display);letter-spacing:2px;color:#fff;-webkit-text-stroke:5px #1b1030;paint-order:stroke fill;text-shadow:0 8px 0 #1b1030;white-space:nowrap}.banner.final span{color:#ff5a3c}.banner.finish span{color:var(--acc)}.banner small{font:400 32px var(--display);color:#fff;-webkit-text-stroke:2px #1b1030;paint-order:stroke fill}@keyframes banner{0%{transform:translate(-150%) skew(-15deg)}12%{transform:translate(-50%) skew(0)}85%{transform:translate(-50%);opacity:1}to{transform:translate(60%) skew(-15deg);opacity:0}}.finished-card{position:absolute;bottom:max(24px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:12px 20px;border-radius:16px;background:#0a0e1ed9;border:2px solid var(--acc);font-size:15px;text-align:center;max-width:calc(100vw - 380px)}.finished-card small{width:100%}body.boosting .hud:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.5;background:repeating-conic-gradient(from 0deg at 50% 55%,transparent 0 2.2deg,rgba(255,255,255,.22) 2.4deg 2.6deg,transparent 2.8deg 7deg);-webkit-mask:radial-gradient(ellipse at 50% 55%,transparent 38%,#000 75%);mask:radial-gradient(ellipse at 50% 55%,transparent 38%,#000 75%);animation:lines .15s linear infinite}@keyframes lines{to{transform:rotate(1.2deg)}}.touch{position:absolute;inset:auto 0 0 0;height:0}.t-steer{position:absolute;left:14px;bottom:calc(max(14px,env(safe-area-inset-bottom)) + 110px);display:flex;gap:12px}.t-actions{position:absolute;right:210px;bottom:max(18px,env(safe-area-inset-bottom));display:flex;gap:12px;align-items:flex-end}.t-btn{width:84px;height:84px;border-radius:26px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:#0a0e1e99;border:3px solid rgba(255,255,255,.4);color:#fff;touch-action:none}.t-btn:active{background:#ffd23d80;border-color:var(--acc)}.t-btn.small{width:64px;height:64px;border-radius:20px}.t-btn.drift{width:96px;height:96px;border-radius:50%;background:#3c8dff66}.t-btn small{color:#fff;font-size:11px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;padding:16px;overflow-y:auto}.overlay.results{background:radial-gradient(ellipse at 50% 30%,#1a2a6cbf,#050814e6)}.confetti{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}.results-card{position:relative;z-index:2;width:min(760px,100%);padding:22px;border-radius:26px;background:#0c1126eb;border:2px solid rgba(255,255,255,.14);box-shadow:0 30px 80px #0009}.pop{animation:pop-in .45s cubic-bezier(.2,1.4,.4,1)}.results-head{display:flex;gap:14px;align-items:center;margin-bottom:14px}.results-head h2{margin:0;font:400 clamp(26px,4vw,40px)/1 var(--display);letter-spacing:1px;color:var(--acc);-webkit-text-stroke:1.5px #1b1030;paint-order:stroke fill;text-shadow:0 4px 0 #1b1030}.rh-flag{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;flex:0 0 auto;color:#10131c;background:repeating-conic-gradient(#fff 0,#fff 25%,#10131c 0,#10131c 50%) 0 0 / 18px 18px;box-shadow:0 4px #000,0 0 0 3px #fff}.rh-flag .icon{display:none}.podium3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;align-items:end;margin:8px 0 14px}.pod{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0}.pod-racer{display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center;min-width:0;max-width:100%}.pod-racer img,.pod-racer .st-ph{width:78px;height:78px;border-radius:50%;background:#ffffff14;box-shadow:0 0 0 3px #fff}.pod.p1 .pod-racer img{width:96px;height:96px;box-shadow:0 0 0 4px var(--acc),0 0 30px #ffd23d80}.pod-racer b{font-size:15px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pod-racer small{font-size:11.5px}.pod-block{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:14px 14px 6px 6px;color:#2a1300}.pod-block span{font:400 44px/1 var(--display)}.pod-block small{color:inherit;opacity:.75;font-weight:900}.pod.p1 .pod-block{height:120px;background:linear-gradient(180deg,#ffe98a,#ffb800);box-shadow:0 6px #9a6a00}.pod.p2 .pod-block{height:92px;background:linear-gradient(180deg,#fff,#b9c2d8);box-shadow:0 6px #6f7890}.pod.p3 .pod-block{height:72px;background:linear-gradient(180deg,#ffcf9a,#d0823e);box-shadow:0 6px #7a4415}.pod.me .pod-block{outline:3px solid #fff;outline-offset:3px}.pod-status{font-size:11.5px;text-align:center;display:inline-flex;gap:4px;align-items:center;justify-content:center;flex-wrap:wrap;min-height:18px}.pod-status.paid{color:var(--green)}.pod-status.queued{color:var(--acc)}.pod-status.no{color:var(--mut)}.prize-status{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;padding:10px 14px;border-radius:14px;margin-bottom:12px;background:#ffd23d1a;border:1px solid rgba(255,210,61,.3);font-size:14px;text-align:center}.prize-status.none{background:#ffffff0d;border-color:var(--line);color:var(--mut)}.ranking{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.rk-row{display:grid;grid-template-columns:28px 30px 1fr auto;gap:8px;align-items:center;padding:4px 10px 4px 6px;border-radius:10px;background:var(--panel-2);font-size:13.5px}.rk-row.me{background:#ffd23d2e}.rk-pos{font:400 18px var(--display);text-align:center;color:var(--mut)}.rk-row img,.rk-row .st-ph{width:30px;height:30px;border-radius:50%}.rk-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.rk-time{font-variant-numeric:tabular-nums;color:#dfe5ff}.next{text-align:center;font-size:15px;color:#dfe5ff}.next b{color:var(--acc)}.next.paying{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--gold)}.spin-dot{width:14px;height:14px;border-radius:50%;border:2px solid var(--gold);border-right-color:transparent;animation:spin .8s linear infinite}.reconnecting{position:fixed;top:12px;left:50%;transform:translate(-50%);z-index:60;padding:8px 16px;border-radius:99px;background:#ff3b3be6;font-size:13px;font-weight:900}.toaster{position:fixed;left:50%;bottom:max(24px,env(safe-area-inset-bottom));transform:translate(-50%);z-index:100;display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none}.toast{display:flex;align-items:center;gap:10px;padding:11px 18px 11px 12px;border-radius:14px;font-size:14px;font-weight:800;background:#0c1126f2;border:1.5px solid rgba(20,241,149,.5);box-shadow:0 12px 40px #00000080;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:toast-in .35s cubic-bezier(.2,1.4,.4,1);transition:opacity .35s,transform .35s}.toast.leaving{opacity:0;transform:translateY(10px) scale(.96)}.toast-ic{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#032a1a}.toast.error{border-color:#ff3b3b8c}.toast.error .toast-ic{background:var(--red);color:#fff}.toast.info .toast-ic{background:var(--blue);color:#fff}@keyframes toast-in{0%{opacity:0;transform:translateY(16px) scale(.9)}}.announcer{position:fixed;top:max(14px,env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:110;display:flex;flex-direction:column;gap:10px;width:min(560px,calc(100vw - 24px))}.announce{display:flex;gap:14px;align-items:flex-start;padding:14px 16px;border-radius:16px;cursor:pointer;position:relative;background:linear-gradient(135deg,#1a2a6cf7,#0c1126f7);border:1.5px solid rgba(60,141,255,.6);box-shadow:0 18px 50px #0000008c;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:ann-in .5s cubic-bezier(.2,1.5,.4,1);transition:opacity .45s,transform .45s}.announce.leaving{opacity:0;transform:translateY(-14px) scale(.97)}.announce.static{animation:none;cursor:default}.announce b{font-size:11px;letter-spacing:1.2px;text-transform:uppercase;color:#8cc2ff}.announce p{margin:3px 0 0;font-size:15px;line-height:1.4;color:#fff;word-break:break-word;font-weight:700}.announce-ic{flex:0 0 38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--blue);color:#fff}.announce.success{border-color:#14f19599}.announce.success .announce-ic{background:var(--green);color:#032a1a}.announce.success b{color:var(--green)}.announce.warning{border-color:#ff9b0fb3}.announce.warning .announce-ic{background:var(--acc-2)}.announce.warning b{color:var(--acc-2)}.announce-x{position:absolute;top:10px;right:12px;opacity:.6}.announce-link{display:inline-flex;align-items:center;gap:5px;margin-top:6px;font-size:13px;font-weight:900;color:var(--green)}@keyframes ann-in{0%{opacity:0;transform:translateY(-24px) scale(.94)}}.admin{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;overflow-y:auto;overflow-x:hidden}.admin-card{position:relative;width:min(420px,100%);padding:26px;display:flex;flex-direction:column;gap:4px}.admin-card.wide{width:min(720px,100%)}.admin-head{display:flex;gap:14px;align-items:center;margin-bottom:16px}.admin-head h1{margin:0;font-size:22px}.admin-head .btn{margin-left:auto}.admin-card h2{font-size:15px;margin:22px 0 10px;color:var(--mut);text-transform:uppercase;letter-spacing:1px}.admin-card textarea{width:100%;padding:13px 14px;border-radius:12px;border:2px solid rgba(255,255,255,.12);background:#00000059;color:var(--txt);font:700 15px Nunito,sans-serif;outline:none;resize:vertical}.admin-card textarea:focus{border-color:var(--acc)}.admin-row{display:flex;justify-content:space-between;align-items:center;gap:10px}.admin-preview{margin:8px 0 14px;display:flex;flex-direction:column;gap:6px}.sys-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:16px}.sys-grid>div{padding:10px 12px;border-radius:12px;background:var(--panel-2);border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:2px;min-width:0}.sys-grid>div.ok{border-color:#14f19566}.sys-grid>div.bad{border-color:#ff3b3b80}.sys-grid>div.wide{grid-column:1 / -1}.sys-grid b{font-size:14px}.sys-grid em{font-style:normal;font-size:11px;color:var(--mut);word-break:break-word}@media (max-width: 1180px){.menu{overflow-y:auto;touch-action:pan-y}.menu-grid{flex:none;grid-template-columns:minmax(0,1fr) minmax(300px,360px);grid-auto-rows:min-content}.menu-grid>*,.right-col>*{flex-shrink:0}.char-panel{grid-column:1;grid-row:1 / span 2}.race-card{grid-column:2;grid-row:1}.right-col{grid-column:2;grid-row:2}.panel{overflow:visible}}@media (pointer: coarse){.controls-help{display:none}}@media (max-width: 760px){.menu{padding:max(10px,env(safe-area-inset-top)) 10px 16px;gap:10px}.menu-top{flex-wrap:wrap}.top-stats{flex-wrap:wrap;gap:6px}.menu-grid{display:flex;flex-direction:column;gap:10px}.char-panel{order:1}.right-col{order:2}.race-card{order:3}.char-stage{grid-template-columns:1fr}.kart-preview{max-height:30vh}.char-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.char-card span{font-size:10.5px}.stock-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sys-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.item-frame{width:78px;height:78px;border-radius:20px;border-width:4px}.item-frame .icon{width:40px;height:40px}.hud-top{top:max(10px,env(safe-area-inset-top));gap:5px}.prize-pill{display:none}.lap-pill b{font-size:22px}.timer-pill{font-size:16px;padding:6px 10px}.hud-buttons{top:auto;bottom:calc(max(14px,env(safe-area-inset-bottom)) + 250px);right:10px;flex-direction:column}.hud-buttons button{width:36px;height:36px}.standings{top:calc(max(10px,env(safe-area-inset-top)) + 150px);width:150px}.st-row{height:28px;font-size:11px;grid-template-columns:20px 24px 1fr auto}.st-row img,.st-ph{width:24px;height:24px}.st-row:nth-child(n+6):not(.me){display:none}.position b{font-size:76px}.position sup{font-size:26px}.position small{font-size:18px}.minimap{width:120px;height:120px}.speedo,.feed{display:none}.t-actions{right:140px}.t-btn{width:72px;height:72px}.t-btn.drift{width:82px;height:82px}.finished-card{max-width:calc(100vw - 20px);bottom:150px}.podium3{gap:6px}.pod-racer img,.pod-racer .st-ph{width:56px;height:56px}.pod.p1 .pod-racer img{width:68px;height:68px}}@media (orientation: landscape) and (max-height: 520px){.standings{display:none}.t-steer{bottom:max(14px,env(safe-area-inset-bottom))}.hud-buttons{bottom:auto;top:10px;right:10px;flex-direction:row}.position b{font-size:60px}.minimap{width:100px;height:100px}}.btn.watch{width:100%;margin-top:8px;justify-content:center;gap:8px;background:#ffffff14;border:2px solid rgba(255,255,255,.22);color:#fff;font:400 18px var(--display);letter-spacing:1px}.btn.watch:hover{background:#ffffff29}.live-pill{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;border-radius:14px;background:#e0282e;border:2px solid #fff;font:400 20px var(--display);letter-spacing:2px;transform:skew(-8deg)}.live-dot{width:10px;height:10px;border-radius:50%;background:#fff;animation:blink 1s infinite}.st-auto{margin-left:5px;padding:1px 4px;border-radius:5px;background:#3dffb42e;color:#3dffb4;font:900 8px/1.4 var(--body, sans-serif);letter-spacing:.5px;vertical-align:2px}.st-row.me .st-auto{background:#2a13002e;color:#2a1300}.st-row.pickable{cursor:pointer;pointer-events:auto}.st-row.pickable:hover{filter:brightness(1.25)}.spectate .standings{position:static;width:220px}.sp-side{position:absolute;left:14px;top:calc(max(14px,env(safe-area-inset-top)) + 70px);display:flex;flex-direction:column;gap:6px;pointer-events:auto;max-height:calc(100vh - 260px);overflow-y:auto}.sp-head{padding:6px 10px;border-radius:10px;background:#0a0e1ec7;font-size:12px;color:#cfd6ea}.sp-head b{color:#3dffb4}.sp-card{position:absolute;left:50%;bottom:max(22px,env(safe-area-inset-bottom));transform:translate(-50%);display:flex;align-items:stretch;gap:8px;pointer-events:auto;max-width:min(760px,calc(100vw - 280px))}.sp-nav{width:44px;border-radius:14px;border:2px solid rgba(255,255,255,.25);background:#0a0e1ed1;color:#fff;cursor:pointer;display:grid;place-items:center}.sp-nav:hover{background:#3c8dff80}.sp-body{display:flex;gap:18px;align-items:center;padding:10px 18px 10px 10px;border-radius:18px;background:linear-gradient(180deg,#161c38f0,#0a0e1ef0);border:2px solid rgba(255,255,255,.22);box-shadow:0 10px 30px #0006}.sp-who{display:flex;gap:10px;align-items:center;min-width:0}.sp-who img,.sp-who .st-ph{width:58px;height:58px;border-radius:16px;background:#ffffff1a;flex:none}.sp-who b{display:block;font:400 22px/1.1 var(--display);letter-spacing:.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.sp-who small{display:block;color:#9aa6c6;font-size:11px}.sp-tag{display:inline-flex;align-items:center;gap:4px;margin:3px 0 2px;padding:2px 7px;border-radius:6px;font:900 10px/1.3 sans-serif;letter-spacing:1px}.sp-tag.live{background:#e0282e;color:#fff}.sp-tag.auto{background:#3dffb433;color:#3dffb4}.sp-tag.bot{background:#ffffff26;color:#cfd6ea}.sp-stats{display:flex;gap:16px}.sp-stats>div{display:flex;flex-direction:column;gap:2px}.sp-stats small{color:#9aa6c6;font-size:10px;text-transform:uppercase;letter-spacing:1px;display:inline-flex;gap:4px;align-items:center}.sp-stats b{font:400 20px/1.1 var(--display);white-space:nowrap}.sp-stats b.mono{font:800 14px/1.6 ui-monospace,Consolas,monospace}.sp-hint{position:absolute;left:50%;top:calc(max(14px,env(safe-area-inset-top)) + 58px);transform:translate(-50%);font-size:12px;color:#cfd6ea;background:#0a0e1e99;padding:5px 10px;border-radius:10px;pointer-events:auto;display:flex;gap:6px;align-items:center;white-space:nowrap}@media (max-width: 760px){.sp-side{display:none}.sp-card{max-width:calc(100vw - 16px);bottom:10px}.sp-body{flex-direction:column;align-items:flex-start;gap:8px;padding:8px 12px}.sp-stats{gap:12px;flex-wrap:wrap}.sp-hint{display:none}}.st-auto{margin:0;padding:0;background:none;color:#3dffb4;display:inline-grid;place-items:center}.st-row:has(.st-auto){grid-template-columns:26px 30px 1fr auto auto}.st-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-strip{display:flex;align-items:center;gap:10px;width:100%;margin:10px 0 2px;padding:8px 10px;border-radius:14px;cursor:pointer;text-align:left;color:#fff;background:linear-gradient(90deg,#e0282e47,#e0282e14);border:2px solid rgba(255,90,90,.55);animation:livePulse 2.4s ease-in-out infinite}.live-strip:hover{background:linear-gradient(90deg,#e0282e73,#e0282e26)}.live-pill.small{padding:3px 8px;font-size:13px;border-radius:8px}.live-pill.small .live-dot{width:7px;height:7px}.ls-text{display:flex;flex-direction:column;flex:1;min-width:0}.ls-text b{font:400 17px/1.1 var(--display);letter-spacing:.5px}.ls-text small{color:#cfd6ea;font-size:11px;display:inline-flex;gap:4px;align-items:center}.ls-go{display:inline-flex;gap:5px;align-items:center;padding:6px 10px;border-radius:10px;background:#fff;color:#10131c;font-weight:900;font-size:13px}@keyframes livePulse{0%,to{box-shadow:0 0 #ff3c3c00}50%{box-shadow:0 0 18px #ff3c3c59}}.live-strip{display:grid;grid-template-columns:auto 1fr auto;row-gap:4px}.ls-text b{white-space:nowrap;font-size:16px}.ls-sub{grid-column:1 / -1;color:#cfd6ea;font-size:11px;display:inline-flex;gap:4px;align-items:center}.ls-text{min-width:0;overflow:hidden}.ls-text b{overflow:hidden;text-overflow:ellipsis}