.matchview{background:radial-gradient(120% 80% at 50% -10%, #1d4a46 0%, #0e2724 45%, var(--bg) 100%);padding-bottom:0;overflow:hidden}.matchview canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.match-banner{background:#263e38f0;border-color:#f7de9357;padding:14px}.match-banner h3{margin:0;font-size:15px}.match-banner .sub{color:#c5d3ce;margin:3px 0 2px;font-size:12px;line-height:1.45}.match-count{text-align:center;color:var(--gold1);font-variant-numeric:tabular-nums;font-size:46px;font-weight:800;line-height:1}.match-btns{gap:8px;margin-top:4px;display:grid}.match-btns .cta{margin-top:0}.match-call{z-index:20;letter-spacing:.08em;color:#0b1512;background:var(--ball);pointer-events:none;border-radius:999px;padding:10px 26px;font-size:30px;font-weight:800;animation:.14s ease-out match-call-in;position:absolute;top:34%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 28px #00000073}.match-call-out,.match-call-bounce{background:var(--loss);color:#2a0d08}.match-call-net,.match-call-no-serve{color:var(--gold1);border:1px solid var(--gold1);background:#263e38f0}@keyframes match-call-in{0%{opacity:0;transform:translate(-50%,-50%)scale(.86)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@media (prefers-reduced-motion:reduce){.match-call{animation:none}}.app.app-play .marquee,.app.app-play .topbar,.app.app-play .switcher,.app.app-play .nav{display:none}.matchview .score{top:max(10px, env(safe-area-inset-top));padding:8px 18px}.m-exit{left:max(10px, env(safe-area-inset-left));top:max(10px, env(safe-area-inset-top));z-index:25;color:#fff;background:#14102a9e;border:1px solid #ffffff47;border-radius:999px;min-width:40px;height:40px;padding:0 10px;font-size:15px;font-weight:700;position:absolute}.m-exit.armed{background:var(--loss);color:#2a0d08}.m-chip{left:50%;top:calc(max(10px, env(safe-area-inset-top)) + 62px);z-index:14;white-space:nowrap;color:#c5d3ce;pointer-events:none;padding:3px 12px;font-size:11px;position:absolute;transform:translate(-50%)}.m-chip i{color:var(--gold1);font-style:normal}.m-prompt{z-index:18;border:1px solid var(--gold1);color:#fff;white-space:nowrap;pointer-events:none;background:#14102ac7;border-radius:999px;padding:8px 18px;font-size:15px;font-weight:700;position:absolute;top:26%;left:50%;transform:translate(-50%)}.m-prompt.urgent{background:var(--loss);color:#2a0d08;border-color:#0000}.m-flash{z-index:19;text-align:center;pointer-events:none;background:#14102ad1;border-radius:18px;padding:10px 24px;animation:.16s ease-out match-call-in;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.m-flash b{font-size:26px;font-weight:800;display:block}.m-flash small{color:#c5d3ce;margin-top:2px;font-size:12px;display:block}.m-flash-good b{color:#7ff0b4}.m-flash-bad b{color:#ff8f7a}.m-float{z-index:19;text-shadow:0 2px 8px #000000b3;pointer-events:none;font-size:22px;font-weight:800;animation:.9s ease-out forwards m-rise;position:absolute;transform:translate(-50%,-50%)}.m-float-perfect{color:#5ee6ff;font-size:26px}.m-float-good{color:#7ff0b4}.m-float-late{color:#ff9a5a}.m-float-miss{color:#b8b3c8}@keyframes m-rise{0%{opacity:0;margin-top:8px}15%{opacity:1}to{opacity:0;margin-top:-34px}}.m-result{z-index:22;text-align:center;background:#263e38f5;border-color:#f7de9366;width:min(86vw,340px);padding:18px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.m-result h2{margin:0;font-size:26px}.m-result h2.win{color:#7ff0b4}.m-result h2.lose{color:#ff8f7a}.m-result-score{font-variant-numeric:tabular-nums;margin:4px 0;font-size:42px;font-weight:800}.m-result-sub{color:#c5d3ce;margin-bottom:8px;font-size:12px}.m-keys{z-index:14;color:#e6e2f5;opacity:1;pointer-events:none;padding:8px 12px;font-size:12.5px;line-height:1.55;transition:opacity 1.2s;position:absolute;bottom:12px;left:12px}.m-keys.gone{opacity:0}.m-keys .warn{color:var(--ball)}.vpad{z-index:16;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);box-sizing:border-box;pointer-events:none;position:absolute;inset:0}.vzone{pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;width:50%;position:absolute;top:30%;bottom:0;left:0}.vring{box-sizing:border-box;opacity:.7;pointer-events:none;background:#14102a61;border:2px solid #fff6;border-radius:50%;transition:opacity .15s;position:absolute;box-shadow:0 4px 16px #0000004d}.vring.live{opacity:1;border-color:#f7de93b3}.vring i{background:linear-gradient(var(--gold1), var(--gold2));opacity:.9;border-radius:50%;position:absolute;top:50%;left:50%;box-shadow:0 3px 10px #00000073}.vbtn{box-sizing:border-box;color:#2a1d02;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#f7de9380;border:2px solid #ffffff73;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:0;padding:0;display:flex;position:absolute;box-shadow:0 4px 14px #00000059}.vbtn b{font-size:22px;font-weight:800;line-height:1}.vbtn small{opacity:.85;font-size:9px;font-weight:700;line-height:1.1}.vbtn:active{background:#f7de93eb;transform:scale(.92)}.vbtn:focus-visible{outline:3px solid var(--ball);outline-offset:3px}.vhint{left:50%;bottom:calc(env(safe-area-inset-bottom) + 150px);color:#fff;white-space:nowrap;pointer-events:none;background:#14102a9e;border-radius:999px;max-width:calc(100% - 24px);padding:5px 12px;font-size:12px;animation:.4s 14s forwards m-hint-out;position:absolute;transform:translate(-50%)}@keyframes m-hint-out{to{opacity:0}}@media (prefers-reduced-motion:reduce){.vbtn:active{transform:none}.m-float,.m-flash{animation:none}}@media (width<=1100px){.hud-panel.match-banner{display:block}}@media (width<=780px){.matchview .score{padding:6px 14px;display:block}.matchview .score .nm{display:none}.matchview .score .s{gap:10px}.matchview .score .call{font-size:10px}.match-banner{left:10px;right:10px;top:calc(max(10px, env(safe-area-inset-top)) + 62px);width:auto;padding:11px}.m-chip-names{display:none}.match-call{padding:8px 18px;font-size:22px}.match-count{font-size:36px}.m-prompt{padding:6px 14px;font-size:13px}}@media (height<=520px){.matchview .score{top:max(6px, env(safe-area-inset-top));padding:4px 12px}.matchview .score .nm{display:none}.matchview .score .num{font-size:22px}.matchview .score .call{margin-top:1px;font-size:9px}.m-prompt{padding:4px 12px;font-size:12px;top:24%}.m-flash b{font-size:20px}}@media (width<=960px) and (height<=520px){.match-banner{width:240px;top:10px;left:auto;right:10px}.m-chip{display:none}.m-result{padding:10px}.m-result h2{font-size:20px}.m-result-score{font-size:28px}}:root{--bg:#0b0816;--card:#15102a;--ink:#f3eefc;--mut:#a69fc4;--accent:#ff4fa3;--accent-d:#c22e77;--accent2:#2fd0f2;--accent3:#9b5cff;--ball:#d9f23c;--win:#7ff0b4;--loss:#ff7a6b;--glass:#15102ac7;--edge:#9b5cff52;--radius:14px}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.4;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer}.app{background:radial-gradient(120% 80% at 50% -10%, #9b5cff38 0%, #9b5cff12 45%, var(--bg) 100%);flex-direction:column;display:flex;position:fixed;inset:0}.topbar{z-index:14;scrollbar-width:none;background:#0b0816b3;border-bottom:1px solid #ff4fa324;flex:none;align-items:center;gap:10px;padding:8px 14px;display:flex;overflow-x:auto}.topbar::-webkit-scrollbar{display:none}.topbar .clubname{font-size:13px;line-height:1.2}.topbar .clubname b{font-size:14px;display:block}.topbar .clubname span{color:var(--win);font-size:11.5px}.topbar .brand-logo{object-fit:contain;background:#fff;border-radius:10px;flex:none;width:40px;height:40px;padding:2px}.topbar .spacer{flex:1;min-width:8px}.topbar .utils{align-items:center;gap:7px;display:flex}@media (width<=780px){.topbar .xp,.topbar .clubname{display:none}.pchip{padding:5px 10px 5px 6px}.pchip .av{width:32px;height:32px;font-size:13px}.pchip b{font-size:13px}.pchip small{display:none}.pill{padding:6px 12px;font-size:13px}}.screenwrap{flex:1;min-height:0;position:relative;overflow:hidden}.screen{padding-bottom:84px;position:absolute;inset:0;overflow:auto}.screen.dimmed:after{content:"";pointer-events:none;background:#06040ebd;position:absolute;inset:0}.glass{background:var(--glass);border:1px solid var(--edge);border-radius:var(--radius);-webkit-backdrop-filter:blur(8px)}.marquee{border-bottom:1px solid var(--edge);color:#cfc7e6;white-space:nowrap;z-index:15;background:linear-gradient(90deg,#22103a,#100b22);flex:none;align-items:center;gap:10px;height:38px;padding:0 16px;font-size:13px;display:flex;overflow:hidden}.marquee i{background:var(--ball);border-radius:50%;flex:none;width:8px;height:8px}.marquee span:not(.sr-only){flex:none;animation:26s linear infinite slide}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes slide{0%{transform:translate(0)}to{transform:translateX(calc(-100% / var(--marquee-copies,2)))}}@media (prefers-reduced-motion:reduce){.marquee span{animation:none}}.pchip{align-items:center;gap:10px;padding:7px 14px 7px 8px;display:flex}.av{color:#3d0821;border:2px solid var(--accent);background:linear-gradient(#ff8ec4,#ff4fa3);border-radius:50%;flex:none;place-items:center;width:40px;height:40px;font-weight:800;display:grid}.pchip b{font-size:14px;display:block}.pchip small{color:var(--mut);font-size:12px}.pchip-rb{font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif}.xp{background:#ffffff1f;border-radius:999px;width:130px;height:5px;margin-top:3px;display:block;overflow:hidden}.xp u{background:linear-gradient(90deg, var(--accent-d), var(--accent));height:100%;display:block}.lv{background:var(--accent);color:#3d0821;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;margin-left:4px;font-size:13px;font-weight:800;display:grid}.pill{background:var(--glass);border:1px solid var(--edge);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap;border-radius:999px;align-items:center;gap:7px;padding:7px 15px;font-size:14px;font-weight:700;display:flex}.coin{background:radial-gradient(circle at 35% 30%,#ffe9a8,#c9a227 60%,#8a6d12);border-radius:50%;flex:none;width:18px;height:18px;box-shadow:inset 0 0 0 2px #8a6d1266}.ib{background:var(--glass);border:1px solid var(--edge);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:50%;place-items:center;width:36px;height:36px;font-size:15px;display:grid;position:relative}.ib em{background:#ff3b30;border-radius:999px;padding:0 6px;font-size:10px;font-style:normal;font-weight:700;position:absolute;top:-3px;right:-3px}.panel{padding:14px}.panel h3{align-items:center;gap:7px;margin:0;font-size:15px;display:flex}.panel .sub{color:var(--mut);margin:2px 0 10px;font-size:12px}.seg{background:#ffffff12;border-radius:999px;margin-bottom:10px;padding:3px;font-size:12px;display:flex}.seg span{text-align:center;color:var(--mut);cursor:pointer;border-radius:999px;flex:1;padding:5px 0}.seg .on{background:linear-gradient(var(--accent), var(--accent-d));color:#3d0821;font-weight:700}.row{background:#ffffff0d;border-radius:11px;align-items:center;gap:9px;margin-bottom:6px;padding:7px 8px;display:flex}.row .rn{background:#ffffff24;border-radius:50%;flex:none;place-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:grid}.row .dot{color:#3d0821;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-size:12px;font-weight:800;display:grid}.row b{font-size:13px}.row small{color:var(--mut);font-size:11px;display:block}.row.me{border:1px solid var(--accent2);background:#2fd0f224}.cta{text-align:center;color:#3d0821;background:linear-gradient(var(--accent), var(--accent-d));border:0;border-radius:999px;width:100%;margin-top:10px;padding:12px;font-size:14px;font-weight:800;display:block;box-shadow:0 5px 16px #c22e7759}.cta.teal{background:linear-gradient(#7fe4fa, var(--accent2));color:#062b33;box-shadow:0 5px 16px #2fd0f259}.cta[disabled]{opacity:.45;cursor:not-allowed}.cta.ghost{color:inherit;box-shadow:none;background:#ffffff1f}.nav{z-index:20;scrollbar-width:none;gap:5px;max-width:calc(100vw - 24px);padding:6px;display:flex;position:absolute;bottom:12px;left:50%;overflow-x:auto;transform:translate(-50%)}.nav::-webkit-scrollbar{display:none}.nav button{color:#cfc7e6;white-space:nowrap;background:0 0;border:0;border-radius:12px;flex-direction:column;align-items:center;gap:2px;min-width:68px;padding:8px 12px;font-size:11px;display:flex}.nav button span{font-size:20px;line-height:1}.nav button.on{color:var(--accent);background:#ff4fa329;font-weight:700}.nav button:hover{background:#ffffff14}.cmap{padding-bottom:84px;overflow:hidden}.cmap-wrap{align-items:stretch;gap:0;padding:14px 14px 96px;display:flex;position:absolute;inset:0}.cmap-map{border-radius:var(--radius);border:1px solid #f7de9329;flex:1;justify-content:center;align-items:center;min-width:0;display:flex;position:relative;overflow:hidden}.cmap-svg{width:100%;height:100%;max-height:calc(100vh - 220px);display:block}.cmap-grid line{stroke:#ffffff12;stroke-width:1px}.cmap-land{stroke:#3f5730;stroke-width:1.4px}.cmap-mtns path{fill:#4d6639;opacity:.9}.cmap-isl circle{fill:#6b8a4f;stroke:#4d6639;stroke-width:.7px}.cmap-isl-label{fill:#9fc3b4;opacity:.82;letter-spacing:.02em;font-size:13px;font-style:italic}.cmap-sea-label{fill:#7fd3cf;opacity:.55;letter-spacing:.06em;font-size:20px;font-style:italic}.cmap-vn{fill:#cfe3d8;letter-spacing:.22em;opacity:.5;font-size:19px;font-weight:700}.cmap-claim{fill:var(--gold1);letter-spacing:.01em;font-size:16px;font-weight:700}.cmap-claim-en{fill:var(--gold1);opacity:.86;font-size:12.5px;font-style:italic}.cmap-pin{cursor:pointer;outline:none}.cmap-pin .cmap-rim{fill:#1d1408;opacity:.9}.cmap-pin .cmap-disc{fill:url(#cmap-pin)}.cmap-pin .cmap-glyph{fill:#3a1f0a}.cmap-pin.off .cmap-disc{fill:#7d6a55}.cmap-pin.off .cmap-glyph{fill:#2a2118}.cmap-pin.off{cursor:not-allowed}.cmap-pin .cmap-halo{fill:none;stroke:var(--gold1);stroke-width:2px;opacity:.9}.cmap-pin .cmap-focus{fill:none;stroke:none}.cmap-pin:focus-visible .cmap-focus{stroke:#fff;stroke-width:2.6px;stroke-dasharray:4 3}.cmap-badge rect{fill:#2f8f5a;stroke:#eaf6ee;stroke-width:1.2px}.cmap-badge text{fill:#fff;text-anchor:middle;font-size:9.5px;font-weight:700}.cmap-tip rect{fill:#0e1a16;stroke:#f7de9366;stroke-width:1px}.cmap-tip path{fill:#0e1a16}.cmap-tip text{fill:var(--gold1);font-size:13px;font-weight:700}.cmap-panel{flex-direction:column;flex:none;align-self:center;width:336px;max-height:calc(100% - 8px);margin-left:14px;padding:18px 18px 16px;display:flex;overflow:auto}.cmap-eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--mut);font-size:10.5px}.cmap-city{color:var(--gold1);margin:4px 0 1px;font-size:24px;line-height:1.1}.cmap-clubname{font-size:14px;font-weight:700}.cmap-tagline{color:#c5d3ce;margin:9px 0 0;font-size:12.5px;line-height:1.55}.cmap-stats{grid-template-columns:repeat(3,1fr);gap:8px;margin:15px 0 0;display:grid}.cmap-stats div{text-align:center;background:#ffffff0b;border:1px solid #f7de9324;border-radius:11px;padding:8px 6px}.cmap-stats b{color:#7ff0b4;font-size:16px;display:block}.cmap-stats small{color:var(--mut);text-transform:uppercase;letter-spacing:.05em;margin-top:1px;font-size:10px;display:block}.cmap-kind{color:var(--mut);text-transform:capitalize;margin-top:10px;font-size:11.5px}.cmap-enter{color:#2a1c05;letter-spacing:.01em;background:linear-gradient(#f7de93,#c9972f);border:1px solid #f7de9380;border-radius:12px;margin-top:14px;padding:12px 16px;font-size:14px;font-weight:800;transition:filter .14s,transform 60ms}.cmap-enter:hover{filter:brightness(1.07)}.cmap-enter:active{transform:translateY(1px)}.cmap-enter:focus-visible{outline-offset:2px;outline:2.5px solid #fff}.cmap-enter:disabled{color:var(--mut);cursor:not-allowed;filter:none;background:#ffffff12;border-color:#ffffff24;font-weight:600}.cmap-switch{gap:7px;margin-top:12px;display:flex}.cmap-chip{border:1px solid var(--edge);color:#c5d3ce;background:#ffffff0a;border-radius:10px;flex:1;padding:8px 6px;font-size:12px;font-weight:600}.cmap-chip.on{border-color:var(--gold1);color:var(--gold1);background:#f7de9329}.cmap-chip.off{opacity:.55}.cmap-chip:hover{background:#ffffff17}.cmap-chip:focus-visible{outline-offset:2px;outline:2.5px solid #fff}@media (width<=780px){.cmap-wrap{flex-direction:column;padding:10px 10px 92px}.cmap-map{min-height:44vh}.cmap-svg{max-height:46vh}.cmap-panel{width:auto;max-height:none;margin:12px 0 0;padding:14px}.cmap-city{font-size:20px}.cmap-claim{font-size:13px}.cmap-claim-en{font-size:11px}}@media (prefers-reduced-motion:reduce){.cmap-enter{transition:none}}.hall{position:absolute;inset:0}.hall>canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.hud{pointer-events:none;position:absolute;inset:0}.hud>*{pointer-events:auto}.hud-tl{position:absolute;top:12px;left:12px}.hud-club{text-shadow:0 1px 6px #000;pointer-events:none;font-size:12px;position:absolute;top:76px;left:14px}.hud-club b{font-size:14px}.hud-club span{color:#7ff0b4;font-size:12px;display:block}.hud-switch{pointer-events:auto;gap:6px;margin-top:7px;display:flex}.hud-chip{border:1px solid var(--edge);color:#c5d3ce;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0f;border-radius:999px;padding:5px 12px;font-size:11.5px;font-weight:600}.hud-chip.on{border-color:var(--gold1);color:var(--gold1);background:#f7de9329}.hud-chip:hover{background:#ffffff1f}.hud-chip:focus-visible{outline-offset:2px;outline:2.5px solid #fff}.hud-tr{align-items:center;gap:8px;display:flex;position:absolute;top:12px;right:12px}.hud-map{width:170px;padding:6px;position:absolute;top:60px;right:12px}.hud-map canvas{border-radius:8px;width:100%;display:block}.hud-map small{color:var(--mut);text-align:center;margin-top:3px;font-size:11px;display:block}.hud-prompt{text-align:center;max-width:min(560px,92vw);padding:10px 20px;font-size:13px;position:absolute;bottom:100px;left:50%;transform:translate(-50%)}.hud-seat{color:#0b1a15;letter-spacing:.2px;cursor:pointer;background:linear-gradient(180deg, #ffd977, var(--gold1));border-radius:var(--radius);border:1px solid #fff5d6bf;font-weight:650;box-shadow:0 6px 18px #00000052}.hud-seat:hover:not(:disabled){filter:brightness(1.07)}.hud-seat:disabled{cursor:not-allowed;color:#e7ded0;box-shadow:none;background:linear-gradient(#78766eeb,#54534ef0);border-color:#ffffff38}.hud-hint{color:#c3bbdd;max-width:330px;padding:9px 13px;font-size:11.5px;line-height:1.5;position:absolute;bottom:12px;left:12px}.hud-hint b{color:var(--accent)}.hud-toast{text-align:center;border-color:var(--accent);z-index:30;padding:10px 22px;position:absolute;top:14px;left:50%;transform:translate(-50%)}.hud-toast b{color:var(--accent);font-size:16px;display:block}.hud-toast small{color:var(--mut);font-size:12px}.switcher{scrollbar-width:none;z-index:22;background:#0b0816eb;border-top:1px solid #ff4fa324;flex:none;align-items:center;gap:6px;padding:7px 12px;display:flex;overflow-x:auto}.switcher::-webkit-scrollbar{display:none}.switcher>span{color:var(--mut);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;margin-right:4px;font-size:11px}.switcher button{white-space:nowrap;color:#cfc7e6;background:#ffffff12;border:1px solid #0000;border-radius:999px;padding:5px 12px;font-size:12px}.switcher button.on{border-color:var(--accent);color:var(--accent);background:#ff4fa32e;font-weight:700}.hud-composer{z-index:18;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;max-width:94vw;padding:8px 10px;display:flex;position:absolute;bottom:68px;left:50%;transform:translate(-50%)}.hud-composer button.emo{background:#ffffff14;border:1px solid #ffffff1a;border-radius:10px;padding:2px 8px;font-size:20px;line-height:1.4}.hud-composer button.emo:hover{background:#ffffff2e}.compose-slot{letter-spacing:2px;min-width:92px;height:34px;color:var(--mut);background:#00000059;border-radius:10px;justify-content:center;align-items:center;font-size:20px;display:flex}.compose-send{background:var(--accent2);color:#062b33;border:0;border-radius:10px;padding:8px 14px;font-size:13px;font-weight:700}.compose-send[disabled]{opacity:.4;cursor:not-allowed}.ctx{z-index:40;width:260px;padding:10px;position:absolute}.ctx .hd2{border-bottom:1px solid #ffffff1a;align-items:center;gap:9px;margin-bottom:5px;padding:4px 5px 8px;display:flex}.ctx .hd2 .dot{color:#3d0821;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.ctx .hd2 b{font-size:14px;display:block}.ctx .hd2 small{color:var(--mut);font-size:11px;display:block}.ctx .it{text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:9px;width:100%;padding:7px 9px;font-size:13px;display:flex}.ctx .it:hover{background:#ffffff14}.ctx .it.bad{color:var(--loss)}.scene{background:radial-gradient(130% 80% at 50% -10%,#3a2f63 0%,#180a22 38%,#0e0618 100%);position:absolute;inset:0;overflow:hidden}.scene.warm{background:radial-gradient(130% 80% at 50% -10%,#ff4fa3 0%,#9b5cff 20%,#22103a 52%,#0e0618 100%)}.scene.dark{filter:brightness(.5)}.stage{perspective:1100px;perspective-origin:50% 8%;position:absolute;inset:0}.plane{transform-origin:50% 0;background:#2fd0f2;border:5px solid #fff;width:320px;height:700px;margin-left:-160px;position:absolute;top:20%;left:50%;transform:rotateX(60deg);box-shadow:0 0 0 52px #2a1346,0 0 0 58px #00000040}.plane i{background:#ffffffe6;display:block;position:absolute}.plane .kt{height:4px;top:34.09%;left:0;right:0}.plane .kb{height:4px;top:65.91%;left:0;right:0}.plane .cu{width:4px;height:34.09%;top:0;left:50%}.plane .cd{width:4px;height:34.09%;top:65.91%;left:50%}.plane .kz{background:#00000029;height:31.82%;top:34.09%;left:0;right:0}.plane .netv{transform-origin:50% 0;background:repeating-linear-gradient(90deg,#ffffff57 0 1px,#15102a99 1px 7px);border-top:4px solid #f3eefc;height:48px;position:absolute;top:50%;left:-15px;right:-15px;transform:rotateX(90deg)}.plane .netv:before,.plane .netv:after{content:"";background:#22103a;width:6px;height:54px;position:absolute;top:-4px}.plane .netv:before{left:-3px}.plane .netv:after{right:-3px}.plane .fence{pointer-events:none;border:6px double #f3eefc80;position:absolute;inset:-40px}.plane .gate{background:#2a1346;width:92px;height:12px;position:absolute;bottom:-45px;left:14%}.fig{width:70px;height:110px;transform:translate(-50%, -100%) scale(var(--s,1));z-index:5;position:absolute}.fig .sh{background:#0000006b;border-radius:50%;width:70px;height:20px;margin-left:-35px;position:absolute;bottom:-8px;left:50%}.fig .bd{background:var(--c);border-radius:27px 27px 20px 20px;width:54px;height:62px;margin-left:-27px;position:absolute;bottom:0;left:50%;box-shadow:inset -6px -7px #00000029}.fig .hd{background:radial-gradient(circle at 35% 30%,#f3c9a0,#dca376);border-radius:50%;width:50px;height:50px;margin-left:-25px;position:absolute;top:0;left:50%}.fig .hd:before,.fig .hd:after{content:"";background:#2a1a12;border-radius:50%;width:6px;height:8px;position:absolute;top:22px}.fig .hd:before{left:14px}.fig .hd:after{right:14px}.fig .cap{background:var(--h,#ff4fa3);border-radius:27px 27px 6px 6px;width:55px;height:22px;margin-left:-27px;position:absolute;top:-4px;left:50%}.fig .pd{background:#f3eefc;border:3px solid #22103a;border-radius:14px;width:29px;height:38px;position:absolute;bottom:28px;right:-10px;transform:rotate(24deg)}.fig.you:before{content:"";border:3px solid var(--ball);border-radius:50%;width:94px;height:30px;margin-left:-47px;position:absolute;bottom:-12px;left:50%;box-shadow:0 0 12px #d9f23c8c}.tag{white-space:nowrap;background:#0b0816db;border:1px solid #ffffff1f;border-radius:999px;padding:2px 9px;font-size:11px;position:absolute;top:-28px;left:50%;transform:translate(-50%)}.tag b{color:var(--accent2)}.sign{z-index:4;text-align:center;background:linear-gradient(#22103a,#100b22);border:3px solid #ff4fa3;border-radius:8px;padding:10px 15px;position:absolute;transform:rotate(-2deg)}.sign small{color:#a69fc4;letter-spacing:.1em;text-transform:uppercase;font-size:10px;display:block}.sign b{color:#f3eefc;font-size:13px;font-weight:600}.bub{z-index:9;color:#100b22;white-space:nowrap;background:#fff;border-radius:999px;padding:4px 10px;font-size:12px;position:absolute;transform:translate(-50%,-100%);box-shadow:0 4px 10px #0006}.bub:after{content:"";border:5px solid #0000;border-top-color:#fff;border-bottom:0;margin-left:-5px;position:absolute;bottom:-5px;left:50%}.ball{background:radial-gradient(circle at 35% 30%, #f6ffa8, var(--ball) 55%, #a8bf12);z-index:6;border:2px solid #5a6b0e;border-radius:50%;width:22px;height:22px;position:absolute}.ring{border:3px solid var(--ball);z-index:4;background:#d9f23c1f;border-radius:50%;width:100px;height:48px;margin:-24px 0 0 -50px;position:absolute;box-shadow:0 0 12px #d9f23c80}.float{text-shadow:0 2px 6px #000;z-index:12;pointer-events:none;font-size:22px;font-weight:800;position:absolute}.banner{z-index:7;white-space:nowrap;border-radius:8px;padding:5px 15px;font-size:13px;font-weight:800;position:absolute;transform:translate(-50%);box-shadow:0 4px 12px #0006}.banner.g{background:linear-gradient(var(--accent), var(--accent-d));color:#3d0821}.banner.t{background:linear-gradient(#7fe4fa, var(--accent2));color:#062b33}.bench{z-index:3;background:#3a2f63;border-radius:6px;width:150px;height:20px;position:absolute;box-shadow:0 11px 0 -3px #00000059}.rack{z-index:6;width:130px;height:72px;position:absolute;transform:translate(-50%,-100%)}.rack .bar{background:#2a1346;border-radius:5px;height:13px;position:absolute;bottom:0;left:0;right:0}.rack .pad{background:var(--pc);border:2px solid #22103a;border-radius:12px;width:24px;height:38px;position:absolute;bottom:11px}.gring{z-index:6;border:3px solid var(--accent);background:#ff4fa326;border-radius:50%;width:110px;height:50px;margin:-25px 0 0 -55px;position:absolute;box-shadow:0 0 14px #ff4fa3b3}.turnbar{z-index:16;text-align:center;border-color:var(--accent);padding:10px 24px;position:absolute;top:52px;left:50%;transform:translate(-50%)}.turnbar b{color:var(--accent);font-size:19px;display:block}.turnbar small{color:#cfc7e6;font-size:12px}.chatdock{z-index:15;border-radius:var(--radius);border:1px solid var(--edge);background:var(--glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:320px;padding:11px 13px;position:absolute;bottom:108px;left:12px}.qchat{flex-wrap:wrap;gap:5px;display:flex}.qchat button{background:#ffffff17;border:0;border-radius:9px;padding:0 7px;font-size:19px;line-height:1.5}.qchat button:hover{background:#fff3}.cheer{z-index:15;border:1px solid var(--edge);background:var(--glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px;padding:8px 15px;font-size:13px;position:absolute;bottom:150px;right:12px}.cheer small{color:var(--mut);font-weight:400}.seg2{z-index:16;border:1px solid var(--edge);background:#0b0816d1;border-radius:999px;gap:6px;padding:4px;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}.seg2 button{color:var(--mut);white-space:nowrap;background:0 0;border:0;border-radius:999px;padding:5px 16px;font-size:12px}.seg2 button.on{background:linear-gradient(var(--accent), var(--accent-d));color:#3d0821;font-weight:700}@media (width<=780px){.chatdock,.cheer,.seg2{display:none}}.toastline{z-index:15;white-space:nowrap;text-overflow:ellipsis;max-width:92vw;padding:8px 18px;font-size:13px;position:absolute;bottom:110px;left:50%;overflow:hidden;transform:translate(-50%)}.score{z-index:15;text-align:center;padding:10px 24px;position:absolute;top:52px;left:50%;transform:translate(-50%)}.score .s{justify-content:center;align-items:center;gap:14px;display:flex}.score .num{font-variant-numeric:tabular-nums;font-size:32px;font-weight:800;line-height:1}.score .nm{color:#c3bbdd;font-size:14px}.score .call{color:var(--ball);letter-spacing:.06em;text-transform:uppercase;margin-top:3px;font-size:11px}.stakes{flex-wrap:wrap;justify-content:center;gap:7px;margin-top:7px;font-size:12px;display:flex}.stakes span{background:#ffffff14;border-radius:999px;padding:2px 10px}.stakes .w{color:#7ff0b4;border:1px solid #7ff0b466}.stakes .l{color:var(--loss);border:1px solid #ff7a6b66}.hud-panel{z-index:15;width:280px;position:absolute;top:96px;right:12px}.hud-live{z-index:16;position:absolute;top:96px;right:12px}.hud-watchbar{z-index:20;max-width:96vw;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.watchbar-quick,.watchbar-compose,.watchbar-presets,.watchbar-wishes,.watchbar-support{min-height:38px}.watchbar-quick{order:1}.watchbar-presets{order:2}.watchbar-compose{order:3}.watchbar-wishes{order:4}.watchbar-support{order:5}.watchbar-quick-btn{touch-action:none;transition:background .12s,transform 80ms}.watchbar-quick-btn:hover:not(:disabled){background:#d9f23c42!important}.watchbar-quick-btn:active:not(:disabled){transform:translateY(1px)}.watchbar-quick-btn.is-dragging{opacity:.45}.watchbar-quick-clap{border-color:#f7de9399!important}.watchbar-quick-cheer{border-color:#ff8c7a8c!important}.watchbar-tray{position:relative}.watchbar-tray-ghost{z-index:30;color:var(--ink);background:#d9f23ce6;border:1px solid #d9f23cf2;border-radius:14px;min-height:48px;padding:0 14px;font-size:15px;font-weight:600;box-shadow:0 10px 24px #00000059}.watchbar-emoji{justify-content:center;align-items:center;transition:background .12s,border-color .12s;display:inline-flex}.watchbar-emoji:hover{background:#ffffff2e!important}.watchbar-support-a{border-color:#d9f23c8c!important}.watchbar-support-b{border-color:#f7de938c!important}.watchbar-support-label{margin-right:1px}.watchbar-lean{overflow:hidden}.watchbar-lean>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.watchbar-lean-headline{flex:auto}.watchbar-lean-counts{flex:0 3 auto}.watchbar-status small{line-height:1.35}@media (width<=640px){.hud-watchbar{max-width:none;bottom:8px;left:8px;right:8px;transform:none}.hud-live{left:8px;right:8px}.hud-live>section{width:auto!important}.watchbar-presets,.watchbar-wishes,.watchbar-support{-webkit-overflow-scrolling:touch;scrollbar-width:none;width:100%;padding-bottom:2px;overflow-x:auto;flex-wrap:nowrap!important}.watchbar-presets::-webkit-scrollbar{display:none}.watchbar-wishes::-webkit-scrollbar{display:none}.watchbar-support::-webkit-scrollbar{display:none}.watchbar-lean{font-size:11.5px}}.actions{z-index:15;grid-template-columns:repeat(3,76px);justify-items:center;gap:9px;display:grid;position:absolute;bottom:110px;right:16px}.act{background:var(--glass);border:1px solid var(--edge);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:76px;height:76px;font-size:11px;display:flex}.act span{font-size:24px}.act.main{background:linear-gradient(var(--accent), var(--accent-d));color:#3d0821;border:0;border-radius:999px;flex-direction:row;grid-column:1/-1;gap:9px;width:100%;height:64px;font-size:15px;font-weight:800}.zoom{z-index:15;gap:8px;display:grid;position:absolute;bottom:130px;left:16px}.zoom button{background:var(--glass);border:1px solid var(--edge);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:50%;place-items:center;width:40px;height:40px;font-size:18px;display:grid}.mtop{z-index:15;align-items:center;gap:9px;display:flex;position:absolute;top:12px;left:12px;right:12px}.mtop .back{border-radius:12px;width:38px;height:38px}.mtop .ttl{flex:1;min-width:0;font-size:15px;font-weight:700;line-height:1.15}.mtop .ttl small{color:var(--ball);letter-spacing:.07em;text-transform:uppercase;font-size:10px;font-weight:600;display:block}.mstake{z-index:15;text-align:center;grid-template-columns:repeat(3,1fr);gap:6px;font-size:12px;display:grid;position:absolute;top:66px;left:12px;right:12px}.mstake div{background:var(--glass);border:1px solid var(--edge);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:11px;padding:6px 3px}.mstake small{color:var(--mut);text-transform:uppercase;letter-spacing:.06em;font-size:10px;display:block}.mstake b{font-size:17px}.mscore{z-index:15;white-space:nowrap;align-items:center;gap:13px;padding:6px 18px;display:flex;position:absolute;top:138px;left:50%;transform:translate(-50%)}.mscore .num{font-size:26px;font-weight:800}.mscore small{color:var(--ball);text-transform:uppercase;font-size:11px}.joy{z-index:15;touch-action:none;background:#ffffff12;border:3px solid #ffffff59;border-radius:50%;width:120px;height:120px;position:absolute;bottom:110px;left:20px}.joy i{pointer-events:none;background:#fff6;border-radius:50%;width:52px;height:52px;margin:-26px 0 0 -26px;position:absolute;top:50%;left:50%}.mshots{z-index:15;justify-items:end;gap:9px;display:grid;position:absolute;bottom:100px;right:20px}.mshots .big{background:linear-gradient(var(--accent), var(--accent-d));color:#3d0821;border:0;border-radius:50%;place-items:center;width:96px;height:96px;font-size:15px;font-weight:800;display:grid;box-shadow:0 6px 18px #c22e7766}.mline{z-index:15;scrollbar-width:none;align-items:center;gap:7px;padding:8px 12px;font-size:12px;display:flex;position:absolute;bottom:14px;left:12px;right:12px;overflow-x:auto}.mline::-webkit-scrollbar{display:none}.mline .row{white-space:nowrap;flex:none;margin:0;padding:5px 10px 5px 5px}.gwrap{grid-template-columns:1fr 1.45fr 1.2fr;gap:16px;display:grid;position:absolute;inset:56px 20px 20px;overflow:auto}.gcol{padding:16px;position:relative;overflow:auto}.gcol>h3{z-index:1;position:relative}.pv{background:radial-gradient(80% 60% at 50% 40%,#2a1346,#0e0618);border-radius:14px;position:absolute;inset:64px 14px 14px}.slot{border:1px solid var(--edge);width:62px;height:62px;color:var(--mut);z-index:6;text-align:center;background:#00000073;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:1px;font-size:10px;display:flex;position:absolute}.slot span{font-size:22px}.slot.eq{border-color:var(--accent);color:var(--accent)}.grid4{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.item{aspect-ratio:1;border:2px solid var(--rc,#4a3f70);text-align:center;color:inherit;background:#ffffff0d;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:4px;font-size:10px;display:flex;position:relative}.item span{font-size:26px;line-height:1}.item.sel{box-shadow:0 0 0 3px #d9f23c8c}.item .own{color:#7ff0b4;font-size:12px;position:absolute;top:2px;right:5px}.item .lock{color:var(--mut);font-size:12px;position:absolute;top:2px;right:5px}.r-c{--rc:#8b83ae}.r-r{--rc:#2fd0f2}.r-e{--rc:#9b5cff}.r-l{--rc:#ffd24d}.rtag{border:1px solid var(--rc);color:var(--rc);border-radius:999px;margin-left:5px;padding:1px 9px;font-size:10px;display:inline-block}.bar-s{margin:8px 0}.bar-s div{justify-content:space-between;font-size:12px;display:flex}.bar-s i{background:#ffffff1a;border-radius:999px;height:7px;margin-top:3px;display:block;position:relative;overflow:hidden}.bar-s i u{background:#2fa8c2;position:absolute;top:0;bottom:0;left:0}.bar-s i s{background:var(--ball);opacity:.9;position:absolute;top:0;bottom:0}.cap-note{color:var(--mut);background:#ffffff0d;border-radius:11px;margin-top:8px;padding:8px 11px;font-size:11.5px;line-height:1.5}.cats{flex-wrap:wrap;gap:7px;margin-bottom:10px;font-size:12px;display:flex}.cats button{color:var(--mut);background:#ffffff12;border:0;border-radius:999px;padding:4px 14px}.cats button.on{background:var(--accent);color:#3d0821;font-weight:700}.dim{z-index:18;background:#06040ebd;position:absolute;inset:0}.modal{z-index:20;width:min(760px,94vw);max-height:calc(100% - 140px);padding:24px;position:absolute;top:calc(50% - 70px);left:50%;overflow:auto;transform:translate(-50%,-50%)}.modal h2{text-align:center;margin:0;font-size:24px}.modal .sub{text-align:center;color:var(--mut);margin:4px 0 16px;font-size:13px}.days{grid-template-columns:repeat(7,1fr);gap:9px;display:grid}.day{text-align:center;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:14px;padding:11px 4px;font-size:12px}.day b{margin:4px 0;font-size:19px;display:block}.day.done{opacity:.55}.day.done:after{content:"✓ Đã nhận";color:#7ff0b4;font-size:11px;display:block}.day.now{border-color:var(--accent);background:#ff4fa324;box-shadow:0 0 18px #ff4fa34d}.day.big{background:linear-gradient(#9b5cff47,#9b5cff1f);border-color:#9b5cff}.q{background:#ffffff0d;border-radius:12px;align-items:center;gap:11px;margin-top:7px;padding:9px 12px;font-size:13px;display:flex}.q .pb{background:#ffffff1a;border-radius:999px;flex:1;height:7px;overflow:hidden}.q .pb u{background:var(--accent2);height:100%;display:block}.q .rw{color:var(--accent);white-space:nowrap;font-weight:700}.q.done .rw{color:#7ff0b4}.big-delta{text-align:center;font-size:62px;font-weight:900;line-height:1.05}.brk{max-width:380px;margin:10px auto 0;font-size:15px}.brk div{border-bottom:1px solid #ffffff14;justify-content:space-between;padding:5px 0;display:flex}.brk .t{border:0;align-items:center;font-size:17px;font-weight:800}.packs{grid-template-columns:repeat(2,1fr);gap:14px 16px;margin-top:14px;display:grid}.pack{text-align:center;color:inherit;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:14px;padding:14px 6px;position:relative}.pack b{font-size:22px;display:block}.pack small{color:var(--mut);font-size:12px;display:block}.pack .bonus{background:var(--accent);color:var(--bg);white-space:nowrap;border-radius:999px;padding:1px 9px;font-size:10px;font-weight:700;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.pack.sel{border-color:var(--ball);background:#d9f23c1a}.qr{background:#fff;border-radius:12px;grid-template-columns:repeat(9,1fr);gap:1px;width:190px;height:190px;margin:14px auto 0;padding:12px;display:grid}.qr i{background:#111}.qr i:nth-child(3n+1){background:#fff}.qr i:nth-child(5n){background:#111}.qr i:nth-child(7n+2){background:#fff}.methods{gap:7px;margin-top:14px;display:grid}.meth{text-align:left;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:11px;width:100%;padding:10px 14px;font-size:13px;display:flex}.meth.on{border-color:var(--ball)}.meth span:first-child{color:#fff;border-radius:9px;flex:none;place-items:center;width:30px;height:30px;font-size:12px;font-weight:800;display:grid}.meth .note{color:var(--mut);margin-left:auto;font-size:12px}@media (width<=1100px){.gwrap{grid-template-columns:1fr;inset:56px 14px 14px}.gcol{max-height:none}.pv{height:220px;margin-bottom:14px;position:relative;inset:auto}.slot{margin:4px;display:inline-flex;position:relative;inset:auto!important}.hud-panel{display:none}}@media (width<=780px){.screen{padding-bottom:78px}.nav button{min-width:60px;padding:7px 9px;font-size:10px}.nav button span{font-size:18px}.gwrap{inset:56px 10px 84px}.mline{bottom:84px}.grid4{grid-template-columns:repeat(3,1fr)}.days{grid-template-columns:repeat(4,1fr)}.packs{grid-template-columns:1fr}.topup-grid{grid-template-columns:1fr!important}.modal{width:94vw;padding:18px}.hud-hint,.hud-map{display:none}.hp-desktop{display:none!important}.hp-mobile{display:block!important}}.hp-mobile{display:none}@media (width>=781px){.hp-mobile{display:none!important}.hp-desktop{display:block}}@media (width<=780px){.actions,.score,.zoom{display:none}.hud-composer{bottom:96px}}@media (width>=781px){.mshots,.joy,.mline,.mstake,.mtop,.mscore{display:none!important}}.signin-ov{z-index:60;-webkit-backdrop-filter:blur(5px);background:#06040ebd;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.signin.modal{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:linear-gradient(#22103a,#0e0618);border-color:#ff4fa359;border-radius:26px;width:min(430px,92vw);max-height:calc(100dvh - 32px);padding:26px 24px;position:relative;top:auto;left:auto;transform:none;box-shadow:0 30px 80px #0009}.signin.modal:focus{outline:none}.signin.modal h2{color:var(--accent);text-shadow:0 0 24px #ff4fa359;font-size:32px;line-height:1.1}.signin.modal .sub{color:#b9b1d6;margin-bottom:0;font-size:14px;line-height:1.45}.orn{background:linear-gradient(90deg,#0000,#ff4fa380,#0000);height:1px;margin:14px 0;position:relative}.orn:after{content:"";background:var(--accent);border-radius:50%;width:7px;height:7px;margin-left:-3px;position:absolute;top:-3px;left:50%}.signin-reason{color:var(--accent);text-align:center;background:#ff4fa31a;border:1px solid #ff4fa366;border-radius:12px;margin:0 0 14px;padding:10px 13px;font-size:14px;font-weight:600;line-height:1.4}.signin.modal .cons{color:#cfc7e6;cursor:pointer;text-align:left;align-items:flex-start;gap:10px;font-size:13.5px;line-height:1.45;display:flex}.signin.modal .cons input{width:22px;height:22px;accent-color:var(--accent);flex:none;margin-top:2px}.signin.modal .cons small{color:#a69fc4;margin-top:6px;font-size:11.5px;line-height:1.45;display:block}.signin-field{color:#c3bbdd;text-align:left;font-size:13px;display:block}.signin-in{width:100%;color:var(--ink);font:inherit;background:#100b22;border:1px solid #ff4fa359;border-radius:14px;margin-top:6px;padding:12px 14px;font-size:15px;display:block}.signin-in::placeholder{color:#6d6590}.signin-in:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.signin-in[disabled]{opacity:.5;cursor:not-allowed}.signin-row{align-items:flex-end;gap:8px;display:flex}.signin-row .signin-in{flex:1;min-width:0}.signin-row .cta{flex:none;width:auto;margin-top:6px;padding:12px 16px}.signin-google,.signin-email{text-align:center;border-radius:999px;justify-content:center;align-items:center;gap:4px;width:100%;margin-top:14px;padding:13px;font-size:16px;font-weight:700;display:flex}.signin-google{color:#f3eefc;border:3px solid var(--accent-d);background:#180a22}.signin-email{color:#a69fc4;background:0 0;border:1px solid #ff4fa366;margin-top:10px;font-weight:600}.signin-google[disabled],.signin-email[disabled]{opacity:.45;cursor:not-allowed}.signin-google:focus-visible,.signin-email:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.signin-gg{background:linear-gradient(90deg,#4285f4,#ea4335,#fbbc05,#34a853);color:#0000;-webkit-background-clip:text;background-clip:text;margin-right:6px;font-size:20px;font-weight:900}.signin-free{text-align:center;color:#a69fc4;margin-top:12px;font-size:12.5px;display:block}.signin-link{text-align:center;color:#cfc7e6;width:100%;text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);background:0 0;border:0;margin-top:14px;padding:6px;font-size:15px;display:block}.signin-link:hover{color:var(--accent)}.signin-link:focus-visible,.signin.modal .cta:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (width<=780px){.signin.modal{border-radius:22px;padding:22px 18px}.signin.modal h2{font-size:27px}.signin-row{flex-wrap:wrap}.signin-row .cta{width:100%}}.tierp{font:inherit;color:var(--mut);font-size:13px}.tierp-cta{color:var(--accent);border-color:#ff4fa38c}.tierp-cta u{color:var(--accent);font-weight:700}.tierp[disabled]{opacity:.7;cursor:default}.pchip .pchip-nm{min-width:0}.pchip .pchip-rb{flex:none}.pchip .pchip-id,.pchip .pchip-meta{color:var(--mut);font-size:12px}@media (width<=780px){.topbar .pchip{flex:none;width:160px}.topbar .pchip>div{min-width:0}.topbar .pchip b{min-width:0;display:flex}.topbar .pchip .pchip-nm{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.topbar .pchip .pchip-id{display:block}.topbar .pchip .pchip-meta,.topbar .pchip .lv,.topbar .pchip .xp{display:none}.topbar .utils{gap:4px}.tierp{gap:3px;padding:6px;font-size:10.5px}}.cc-wrap{grid-template-columns:minmax(260px,1fr) minmax(340px,400px);align-items:start;gap:20px;width:100%;max-width:980px;margin:0 auto;padding:18px 16px 8px;display:grid}.cc-stagecol{flex-direction:column;gap:10px;min-width:0;display:flex}.cc-pv{background:radial-gradient(60% 55% at 50% 38%,#3a2f63 0%,#22103a 55%,#100b22 100%);border:1px solid #ff4fa338;border-radius:20px;padding:12px}.cc-nmline{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-bottom:8px;display:flex}.cc-nm{color:var(--accent);white-space:nowrap;border:1px solid #ff4fa373;border-radius:999px;padding:5px 18px;font-size:16px}.cc-rare{color:var(--accent);white-space:nowrap;background:#ff4fa329;border:1px solid #ff4fa380;border-radius:999px;padding:3px 10px;font-size:11.5px;font-weight:700}.cc-rb{letter-spacing:0;font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif}.cc-stage{width:100%;height:300px;position:relative}.cc-canvas{width:100%;height:100%;display:block}.cc-err{text-align:center;color:#cfc7e6;place-items:center;padding:16px;font-size:13px;display:grid;position:absolute;inset:0}.cc-id{color:#cfc7e6;background:#ffffff0d;border-radius:14px;flex-direction:column;gap:2px;padding:9px 14px;font-size:13px;display:flex}.cc-id b{color:var(--accent);letter-spacing:.06em;-webkit-user-select:all;user-select:all}.cc-id small{color:#8b83ae;font-size:11.5px}.cc-card{background:linear-gradient(#1a1338,#100b22);border:1px solid #ff4fa340;border-radius:22px;min-width:0;padding:18px;position:relative}.cc-card h4{text-align:center;color:var(--accent);margin:0;font-size:26px}.cc-card .cc-sub{text-align:center;color:#c3bbdd;margin:4px 0 12px;font-size:13px}.cc-lab{color:#c3bbdd;margin:13px 0 5px;font-size:13px;display:block}.cc-lab em{color:var(--accent);font-style:normal;font-weight:700}.cc-in{gap:8px;display:flex}.cc-in span{color:#fff;text-overflow:ellipsis;white-space:nowrap;background:#100b22;border:2px solid #ff4fa380;border-radius:14px;flex:1;min-width:0;padding:10px 14px;font-weight:700;overflow:hidden}.cc-dice{background:#180a22;border:1px solid #ff4fa359;border-radius:14px;flex:none;place-items:center;width:46px;font-size:19px;line-height:1;display:grid}.cc-dice:hover:not([disabled]){border-color:var(--accent);background:#22103a}.cc-dice[disabled]{opacity:.4;cursor:not-allowed}.cc-hint{color:#a69fc4;margin-top:5px;font-size:11.5px}.cc-seg{background:#100b22;border:1px solid #ff4fa333;margin-bottom:0;font-size:12.5px}.cc-seg button{color:#cfc7e6;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:0;border-radius:999px;flex:1;padding:7px 4px;font-size:12.5px;overflow:hidden}.cc-seg button:hover{color:#fff}.cc-seg button.on{background:linear-gradient(var(--accent), var(--accent-d));color:#3d0821;font-weight:700}.cc-hair{margin-bottom:0}.cc-hair button{color:#cfc7e6;background:#100b22;border:1px solid #ff4fa333;border-radius:999px;padding:5px 12px;font-size:12px}.cc-hair button:hover{color:#fff;border-color:#ff4fa380}.cc-hair button.on{background:linear-gradient(var(--accent), var(--accent-d));border-color:var(--accent);color:#3d0821;font-weight:700}.cc-sw{flex-wrap:wrap;gap:12px;margin-top:6px;display:flex}.cc-sw button{border:2px solid #ffffff40;border-radius:50%;width:34px;height:34px;padding:0}.cc-sw button.on{outline:3px solid var(--accent);outline-offset:2px}.cc-card .cta{margin-top:18px}.cc-login{color:#cfc7e6;border:1px solid #ff4fa340;border-radius:16px;align-items:center;gap:10px;margin-top:12px;padding:10px 12px;font-size:12.5px;display:flex}.cc-login b{color:#fff;display:block}.cc-login .cc-login-btn{color:var(--accent);white-space:nowrap;background:0 0;border:1px solid #ff4fa380;border-radius:999px;flex:none;margin-left:auto;padding:8px 14px;font-size:12px;font-weight:700}.cc-login .cc-login-btn:hover{background:#ff4fa324}.cc-sr{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.cc-card button:focus-visible,.cc-login-btn:focus-visible{outline:2px solid var(--ball);outline-offset:2px}@media (width<=780px){.cc-wrap{grid-template-columns:1fr;gap:14px;padding:12px 10px 16px}.cc-stage{height:236px}.cc-card{padding:15px}.cc-card h4{font-size:23px}.cc-nm{font-size:15px}.cc-dice{width:50px}}@media (prefers-reduced-motion:reduce){.cc-dice:hover:not([disabled]){background:#180a22}}.nav button.nav-emo{z-index:1;background:#15102af2;border-left:1px solid #ff4fa329;border-radius:0 12px 12px 0;position:sticky;right:0;box-shadow:-10px 0 12px -6px #000000a6}.nav button.nav-emo:hover{background:#3a2f63f5}.nav button.nav-emo em{background:var(--ball);color:#24300a;text-align:center;border-radius:999px;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-style:normal;font-weight:800;line-height:16px;position:absolute;top:2px;right:8px}.emopanel{z-index:21;border-radius:var(--radius);flex-direction:column;width:min(340px,100vw - 24px);max-height:min(420px,100vh - 160px);padding:10px;display:flex;position:absolute;bottom:84px}.emohead{border-bottom:1px solid #ff4fa329;align-items:baseline;gap:8px;padding:0 2px 8px;display:flex}.emohead b{font-size:14px}.emohead small{color:var(--mut);flex:1;font-size:10.5px}.emox{color:var(--mut);background:0 0;border:0;border-radius:8px;padding:2px 6px;font-size:13px}.emox:hover{color:var(--ink);background:#ffffff1a}.emosec{flex-direction:column;min-height:0;display:flex}.emosec-main{flex:1;min-height:0}.emolabel{color:var(--mut);letter-spacing:.06em;text-transform:uppercase;padding:8px 2px 4px;font-size:10px}.emogrid{grid-template-columns:repeat(auto-fill,minmax(38px,1fr));gap:4px;display:grid}.emogrid-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ff4fa347 transparent;padding-right:2px;overflow-y:auto}.emogrid-scroll::-webkit-scrollbar{width:6px}.emogrid-scroll::-webkit-scrollbar-thumb{background:#ff4fa347;border-radius:999px}.emob{aspect-ratio:1;background:#ffffff0f;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;font-size:20px;line-height:1;display:flex}.emob:hover{background:#ffffff29}.emob:active{border-color:var(--accent);background:#ff4fa32e}.emofoot{border-top:1px solid #ff4fa329;align-items:center;gap:6px;margin-top:2px;padding-top:9px;display:flex}.emofoot .compose-slot{flex:none}@media (width<=780px){.emopanel{max-height:min(360px,100vh - 150px);bottom:80px}.emogrid{grid-template-columns:repeat(auto-fill,minmax(34px,1fr))}.emob{font-size:18px}}