:root{--c-pink: #ff5fa8;--c-pink-d: #d9407f;--c-yellow: #ffd23c;--c-blue: #43b0f1;--c-purple: #8e6cf0;--c-green: #5ee38f;--c-red: #ff5c5c;--c-bg-1: #1a0b2e;--c-bg-2: #3b1a6b;--c-card: rgba(255,255,255,.1);--c-card-2: rgba(255,255,255,.18);--c-text: #ffffff;--c-muted: rgba(255,255,255,.7);--r-lg: 20px;--r-md: 14px;--r-sm: 10px;--sp-1: 6px;--sp-2: 12px;--sp-3: 18px;--sp-4: 24px;--sp-5: 32px;--fs-xs: 12px;--fs-sm: 14px;--fs-md: 17px;--fs-lg: 22px;--fs-xl: 30px;--fs-hero: 42px;--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--font: -apple-system, "SF Pro Rounded", "Nunito", system-ui, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}*{scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{width:0;height:0;display:none}html,body{margin:0;height:100%;background:var(--c-bg-1);color:var(--c-text);font:var(--fs-md)/1.35 var(--font);overflow:hidden;overscroll-behavior:none;touch-action:manipulation}#app{position:fixed;inset:0;background:radial-gradient(120% 80% at 50% 0%,var(--c-bg-2) 0%,var(--c-bg-1) 70%)}button,input{font:inherit}.screen{position:absolute;inset:0;display:flex;flex-direction:column;padding:calc(var(--safe-t) + var(--sp-4)) var(--sp-4) calc(var(--safe-b) + var(--sp-4));gap:var(--sp-3);overflow-y:auto}.screen.center{justify-content:center;align-items:stretch;max-width:520px;margin:0 auto;width:100%}.title{font-size:var(--fs-hero);font-weight:900;letter-spacing:-.5px;margin:0;text-align:center;text-shadow:0 4px 0 rgba(0,0,0,.25);color:var(--c-yellow)}.subtitle{color:var(--c-muted);text-align:center;margin:0}h2{font-size:var(--fs-xl);font-weight:900;margin:0}h3{font-size:var(--fs-lg);font-weight:800;margin:0}.muted{color:var(--c-muted)}.row{display:flex;gap:var(--sp-2);align-items:center}.row.between{justify-content:space-between}.grow{flex:1}.card{background:var(--c-card);border-radius:var(--r-lg);padding:var(--sp-3);backdrop-filter:blur(6px)}.btn{display:flex;align-items:center;justify-content:center;gap:8px;min-height:56px;padding:0 var(--sp-4);border:0;border-radius:var(--r-md);font-weight:800;font-size:var(--fs-md);color:#fff;cursor:pointer;background:var(--c-card-2);box-shadow:0 4px #00000040;transition:transform .08s;user-select:none}.btn:active{transform:translateY(2px);box-shadow:0 2px #00000040}.btn.primary{background:linear-gradient(180deg,var(--c-pink) 0%,var(--c-pink-d) 100%);font-size:var(--fs-lg);min-height:64px}.btn.yellow{background:var(--c-yellow);color:#3a2400}.btn.ghost{background:transparent;box-shadow:none;border:2px solid var(--c-card-2)}.btn.small{min-height:44px;font-size:var(--fs-sm);padding:0 var(--sp-3)}.btn:disabled{opacity:.5}.input{width:100%;min-height:56px;border-radius:var(--r-md);border:2px solid var(--c-card-2);background:#00000040;color:#fff;padding:0 var(--sp-3);font-size:var(--fs-md);outline:none}.input:focus{border-color:var(--c-yellow)}.error{color:var(--c-red);font-weight:700;min-height:1.3em}.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-2)}.kpi{background:var(--c-card);border-radius:var(--r-md);padding:var(--sp-2);text-align:center}.kpi .v{font-size:var(--fs-xl);font-weight:900;color:var(--c-yellow)}.kpi .l{font-size:var(--fs-xs);color:var(--c-muted)}.nav{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-2)}.swatches{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.swatch{width:44px;height:44px;border-radius:50%;border:3px solid transparent;cursor:pointer}.swatch.active{border-color:#fff;box-shadow:0 0 0 3px var(--c-yellow)}.chips{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.chip{padding:10px 14px;border-radius:999px;background:var(--c-card);border:2px solid transparent;cursor:pointer;font-weight:700;min-height:44px}.chip.active{border-color:var(--c-yellow);background:var(--c-card-2)}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:8px 6px;text-align:left;border-bottom:1px solid rgba(255,255,255,.12)}.table th{color:var(--c-muted);font-size:var(--fs-xs);font-weight:700}.table tr.me td{color:var(--c-yellow);font-weight:800}.bean-preview{display:flex;justify-content:center}.bean3d{border-radius:var(--r-md);background:radial-gradient(circle at 50% 40%,#43b0f159,#0000 70%);cursor:pointer}.bean-preview svg{width:160px;height:200px;filter:drop-shadow(0 8px 0 rgba(0,0,0,.25))}.badge{display:inline-block;padding:4px 10px;border-radius:999px;background:var(--c-card-2);font-size:var(--fs-xs);font-weight:800}.queue{text-align:center}.queue .big{font-size:var(--fs-hero);font-weight:900;color:var(--c-yellow)}.pulse{animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}.game{position:absolute;inset:0;overflow:hidden;background:#000}.game canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}.hud{position:absolute;inset:0;pointer-events:none;padding:calc(var(--safe-t) + 10px) 12px calc(var(--safe-b) + 12px);display:flex;flex-direction:column}.hud .top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.hud .objective{background:linear-gradient(90deg,var(--c-pink),var(--c-pink-d));padding:8px 14px;border-radius:12px;font-weight:900;font-size:var(--fs-sm);text-transform:uppercase;box-shadow:0 3px #0000004d}.hud .counter{background:#0000008c;padding:8px 14px;border-radius:12px;text-align:center;font-weight:900}.hud .counter .l{font-size:10px;color:var(--c-muted);text-transform:uppercase}.hud .counter .v{font-size:var(--fs-lg);color:var(--c-yellow)}.hud .exit{pointer-events:auto;width:44px;height:44px;border-radius:12px;border:0;background:#0000008c;color:#fff;font-weight:900;font-size:20px;cursor:pointer}.hud .timer{background:#0000008c;padding:8px 14px;border-radius:12px;font-weight:900;font-size:var(--fs-lg);font-variant-numeric:tabular-nums}.hud .banner{position:absolute;left:50%;top:36%;transform:translate(-50%,-50%) rotate(-4deg);background:var(--c-yellow);color:#3a2400;font-size:var(--fs-hero);font-weight:900;padding:10px 26px;border-radius:16px;box-shadow:0 6px #0000004d;white-space:nowrap;animation:pop .35s cubic-bezier(.2,1.6,.4,1)}.hud .banner.red{background:var(--c-pink);color:#fff}.hud .banner.big{font-size:64px}@keyframes pop{0%{transform:translate(-50%,-50%) rotate(-4deg) scale(.3);opacity:0}to{transform:translate(-50%,-50%) rotate(-4deg) scale(1);opacity:1}}.hud .controls{margin-top:auto;display:flex;justify-content:space-between;align-items:flex-end;height:200px}.joystick{pointer-events:auto;width:150px;height:150px;border-radius:50%;background:#ffffff1f;border:2px solid rgba(255,255,255,.25);position:relative;touch-action:none}.joystick .knob{position:absolute;left:50%;top:50%;width:64px;height:64px;margin:-32px 0 0 -32px;border-radius:50%;background:#ffffffbf;box-shadow:0 4px 10px #0000004d}.hud .btns{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.grab{pointer-events:auto;width:74px;height:74px;border-radius:50%;border:0;background:radial-gradient(circle at 35% 30%,#ffc6e2,var(--c-pink) 60%,var(--c-pink-d));color:#fff;font-weight:900;font-size:var(--fs-sm);box-shadow:0 5px #a3255f;touch-action:none;user-select:none}.grab:active,.grab.pressed{transform:translateY(3px);box-shadow:0 2px #a3255f}.jump{pointer-events:auto;width:110px;height:110px;border-radius:50%;border:0;background:radial-gradient(circle at 35% 30%,#fff1a8,var(--c-yellow) 60%,#e0ae00);color:#3a2400;font-weight:900;font-size:var(--fs-md);box-shadow:0 6px #a67c00;touch-action:none;user-select:none}.jump:active,.jump.pressed{transform:translateY(4px);box-shadow:0 2px #a67c00}.overlay{position:absolute;inset:0;background:#140628e0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-3);padding:var(--sp-4);pointer-events:auto;text-align:center}.overlay .list{width:100%;max-width:420px;max-height:40vh;overflow-y:auto;background:var(--c-card);border-radius:var(--r-md);padding:var(--sp-2)}.overlay .list div{display:flex;justify-content:space-between;padding:6px 8px;border-bottom:1px solid rgba(255,255,255,.1)}.overlay .list div.out{color:var(--c-muted);text-decoration:line-through}.overlay .list div.me{color:var(--c-yellow);font-weight:800}.intro-card{background:var(--c-card);border-radius:var(--r-lg);padding:var(--sp-3);max-width:420px;width:100%}.intro-card .type{color:var(--c-pink);font-weight:900;text-transform:uppercase;font-size:var(--fs-xs)}.countdown{font-size:96px;font-weight:900;color:var(--c-yellow);text-shadow:0 6px 0 rgba(0,0,0,.3)}.fps{position:absolute;right:8px;bottom:calc(var(--safe-b) + 4px);font-size:10px;color:#ffffff80;font-variant-numeric:tabular-nums}.rotate-overlay{display:none;position:fixed;inset:0;z-index:100;background:var(--c-bg-1);align-items:center;justify-content:center;text-align:center;font-size:var(--fs-lg);font-weight:800}@media(orientation:landscape)and (max-height:500px){.rotate-overlay{display:flex}}@media(min-width:700px){.hud .controls{height:260px}.joystick{width:190px;height:190px}.jump{width:140px;height:140px}}.queue-overlay.skyfall{background:linear-gradient(180deg,#8fe0ff,#55c6f6);justify-content:flex-start;padding:calc(var(--safe-t) + 14px) 16px calc(var(--safe-b) + 16px)}.queue-overlay.skyfall .streaks{position:absolute;inset:0;background:repeating-linear-gradient(90deg,#fff0 0 18px,#ffffff38 18px 22px,#fff0 22px 46px);mask-image:linear-gradient(180deg,#0000,#0009 30% 70%,#0000);animation:streaks .9s linear infinite;opacity:.8}@keyframes streaks{0%{background-position:0 0}to{background-position:0 -60px}}.queue-overlay.skyfall>*:not(.streaks){position:relative;z-index:1}.queue-overlay.skyfall .q-title{color:#fff;font-weight:800;font-size:var(--fs-sm);text-shadow:0 2px 0 rgba(0,0,0,.2);margin-top:6px}.queue-overlay.skyfall .queue-bean.sky{width:min(72vw,300px);height:min(72vw,300px);margin-top:8vh;animation:skydrift 4s ease-in-out infinite}@keyframes skydrift{0%,to{transform:translate(0)}50%{transform:translate(6px,-14px)}}.queue-overlay.skyfall .q-count .big{font-size:40px;color:#fff;text-shadow:0 3px 0 rgba(0,0,0,.25);line-height:1}.queue-overlay.skyfall .q-fill{color:#fff;font-weight:800;text-transform:lowercase;font-size:var(--fs-sm);margin-top:2px}.queue-overlay.skyfall .q-hint{position:absolute;left:16px;bottom:calc(var(--safe-b) + 22px);color:#fff;font-size:var(--fs-xs);font-weight:700;text-shadow:0 1px 0 rgba(0,0,0,.25)}.queue-overlay.skyfall .q-cancel{position:absolute;right:16px;bottom:calc(var(--safe-b) + 12px);border-color:#ffffffb3;color:#fff}.hud .qlist{position:absolute;right:12px;top:calc(var(--safe-t) + 66px);text-align:right;font-size:11px;font-weight:700;color:#ffffffd9;text-shadow:0 1px 0 rgba(0,0,0,.4)}.hud .qlist div{animation:fadein .3s ease-out}@keyframes fadein{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:none}}.hud .spectate{position:absolute;left:12px;bottom:calc(var(--safe-b) + 24px);pointer-events:auto}.hud .spectate .l{font-size:11px;color:#ffffffd9;font-weight:700;margin-bottom:4px;text-shadow:0 1px 0 rgba(0,0,0,.4)}.hud .spectate .plate{background:linear-gradient(90deg,var(--c-blue),#2a86d6);color:#fff;font-weight:900;padding:8px 14px;border-radius:10px;min-width:140px;text-align:center;box-shadow:0 3px #0000004d}.hud .spectate .plate:before{content:"👑 "}.hud .spectate .sbtn{width:44px;height:44px;border-radius:10px;border:0;background:#0000008c;color:#fff;font-weight:900;cursor:pointer}.hud .banner small{display:block;font-size:var(--fs-sm);font-weight:800;margin-top:2px;opacity:.9}.hud .banner.gold{background:linear-gradient(180deg,#fff1a8,var(--c-yellow))}.fly-banner{position:absolute;left:12px;bottom:calc(var(--safe-b) + 24px);display:flex;align-items:center;gap:0;pointer-events:none;animation:fadein .4s ease-out}.fly-banner .tag{background:var(--c-green);color:#06331a;font-weight:900;font-size:var(--fs-md);padding:10px 14px;border-radius:10px 0 0 10px;text-transform:uppercase;box-shadow:0 3px #0000004d}.fly-banner .obj{background:#0a0418d9;color:#fff;font-weight:700;font-size:var(--fs-xs);padding:10px 14px;border-radius:0 10px 10px 0;max-width:60vw}.overlay.board-screen{background:linear-gradient(180deg,#ffd3a3,#ff9ad5 45%,#43b0f1);gap:10px;justify-content:flex-start;padding-top:calc(var(--safe-t) + 40px);overflow:hidden}.overlay.board-screen .rainbow{position:absolute;left:50%;bottom:-30vh;width:160vw;height:160vw;max-width:900px;max-height:900px;transform:translate(-50%);border-radius:50%;background:repeating-radial-gradient(circle,var(--c-red) 0 22px,var(--c-yellow) 22px 44px,var(--c-green) 44px 66px,var(--c-blue) 66px 88px,rgba(0,0,0,0) 88px 100%);opacity:.55;pointer-events:none}.overlay.board-screen>*:not(.rainbow){position:relative;z-index:1}.board-head{font-size:30px;font-weight:900;color:#fff;padding:8px 22px;border-radius:14px;box-shadow:0 5px #0000004d;animation:pop .35s cubic-bezier(.2,1.6,.4,1)}.board-head.pink{background:var(--c-pink)}.board-head.green{background:var(--c-green);color:#06331a}.board-grid2{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;background:#2f8fd8;border:4px solid #1d6fc4;border-radius:12px;padding:8px;width:100%;max-width:440px;max-height:52vh;overflow-y:auto}.bcell{position:relative;aspect-ratio:1;border-radius:6px;background:#43b0f1;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:background .35s}.bcell svg{width:70%;height:80%}.bcell.out{background:var(--c-pink)}.bcell.out svg{opacity:.35}.bcell.ok{background:var(--c-green)}.bcell.me{outline:3px solid var(--c-yellow);outline-offset:-3px}.bcell .who{position:absolute;top:1px;left:0;right:0;font-size:8px;font-weight:900;color:var(--c-yellow);text-shadow:0 1px 0 rgba(0,0,0,.5);white-space:nowrap;overflow:hidden}.bcell .nm{display:none;position:absolute;bottom:1px;left:0;right:0;font-size:7px;font-weight:800;color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.6);white-space:nowrap;overflow:hidden}.board-screen.names .bcell .nm{display:block}.board-actions{display:flex;gap:10px;margin-top:auto}.overlay.next-screen{background:radial-gradient(circle at 50% 40%,#2ea7ea 0%,#1d6fc4 55%,var(--c-bg-1) 100%)}.carousel{width:100%;overflow:hidden;mask-image:linear-gradient(90deg,#0000,#000 15% 85%,#0000)}.carousel .track{display:flex;gap:14px;width:max-content;padding-left:calc(50vw - 130px);animation:slide 2.2s cubic-bezier(.15,.8,.25,1) forwards}@keyframes slide{0%{transform:translate(0)}to{transform:translate(calc(-274px * var(--n)))}}.ncard{flex:0 0 260px;width:260px;height:160px;border-radius:14px;border:4px solid #fff;box-shadow:0 6px #0000004d;display:flex;flex-direction:column;justify-content:flex-end;padding:12px;text-align:left;background:linear-gradient(160deg,#ff9ad5,#8e6cf0)}.ncard.race{background:linear-gradient(160deg,#43b0f1,#2fc4b2)}.ncard.survival{background:linear-gradient(160deg,#ffd23c,#ff8c42)}.ncard.final{background:linear-gradient(160deg,#ff5fa8,#8e6cf0)}.ncard .t{font-size:11px;font-weight:900;text-transform:uppercase;color:#ffffffd9}.ncard b{font-size:var(--fs-lg);text-shadow:0 2px 0 rgba(0,0,0,.3)}.screen.lobby{padding-top:calc(var(--safe-t) + 10px);gap:10px;position:absolute;overflow:hidden}.swirl{position:absolute;inset:-70%;z-index:0;pointer-events:none;background:repeating-radial-gradient(circle at 50% 42%,#43b0f100 0 22px,#43b0f138 22px 44px),radial-gradient(circle at 50% 42%,#2ea7ea 0%,#1d6fc4 45%,var(--c-bg-1) 100%);animation:swirl 14s linear infinite}@keyframes swirl{0%{transform:scale(1) rotate(0)}to{transform:scale(1.06) rotate(360deg)}}.lobby>*:not(.swirl){position:relative;z-index:1}.lobby>.queue-overlay{position:absolute;z-index:5}.lobby-top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.logo{font-size:26px;font-weight:900;color:var(--c-yellow);letter-spacing:-.5px;text-shadow:0 3px 0 rgba(0,0,0,.35);transform:rotate(-3deg)}.season{margin-top:4px;width:190px}.season-l{font-size:11px;color:var(--c-muted)}.bar{height:10px;border-radius:6px;background:#00000059;overflow:hidden;margin-top:3px}.bar .fill{height:100%;background:linear-gradient(90deg,var(--c-pink),var(--c-yellow));border-radius:6px}.wallet .badge{background:#00000073;font-size:var(--fs-sm)}.stage{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1 1 auto;min-height:0;overflow:hidden}.lobby-bottom{margin-top:auto;display:flex;flex-direction:column;gap:10px;padding-bottom:2px}.stage-bean{width:min(92vw,400px);height:min(80vw,36vh);background:transparent}.nameplate{background:#00000080;border-radius:999px;padding:6px 16px;display:flex;gap:8px;align-items:baseline;align-self:center}.lobby-side{display:grid;grid-template-columns:1fr 1.4fr;gap:10px}.side-btn{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;background:#0000006b;border:2px solid rgba(255,255,255,.12);border-radius:var(--r-md);padding:10px 12px;color:#fff;font-weight:800;min-height:64px;cursor:pointer}.side-btn small{color:var(--c-muted);font-weight:600;font-size:11px}.side-btn.show-card{border-color:var(--c-yellow)}.btn.play{flex-direction:column;gap:0;min-height:76px}.btn.play small{font-size:11px;font-weight:700;opacity:.85}.bottom-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.tab{background:#0000006b;border:0;border-radius:var(--r-md);color:#fff;font-weight:800;font-size:12px;min-height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer}.tab span{font-size:18px}.queue-overlay{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center}.queue-overlay .big{font-size:56px;font-weight:900;color:#fff;text-shadow:0 4px 0 rgba(0,0,0,.3)}.queue-bean{width:220px;height:264px;background:transparent;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-18px) rotate(3deg)}}.show-list{display:flex;flex-direction:column;gap:10px;max-height:60vh;overflow-y:auto;overscroll-behavior:contain}.show-item{display:flex;flex-direction:column;gap:6px;text-align:left;background:var(--c-card);border:3px solid rgba(255,255,255,.14);border-radius:var(--r-md);padding:12px;color:#fff;cursor:pointer;font:inherit}.show-item b{font-size:var(--fs-md)}.show-item .muted{font-size:12px}.show-item .chips{gap:6px}.show-item.active{border-color:var(--c-yellow);background:var(--c-card-2)}.show-sep{margin-top:4px;padding-top:8px;border-top:2px dashed rgba(255,255,255,.2);color:var(--c-yellow);font-size:var(--fs-xs);font-weight:900;text-transform:uppercase;letter-spacing:.5px}.party-card{display:flex;flex-direction:column;gap:var(--sp-2);width:min(92vw,360px);position:relative;z-index:1;text-align:left}.party-col{display:flex;flex-direction:column;gap:var(--sp-2)}.party-code{font-size:var(--fs-xl);font-weight:900;letter-spacing:3px;color:var(--c-yellow);text-align:center;text-shadow:0 3px 0 rgba(0,0,0,.3)}.party-members{display:flex;flex-direction:column;gap:var(--sp-1);max-height:32vh;overflow-y:auto;overscroll-behavior:contain}.party-member{display:flex;align-items:center;gap:var(--sp-2);background:var(--c-card);border-radius:var(--r-md);padding:4px 10px;min-height:44px;text-align:left}.party-member svg{width:34px;height:42px;flex:0 0 auto}.party-member .kick{background:transparent;border:0;color:var(--c-muted);font-size:18px;min-width:44px;min-height:44px;cursor:pointer}.dot{width:10px;height:10px;border-radius:50%;background:var(--c-muted);flex:0 0 auto}.dot.on{background:var(--c-green)}.btn.play:disabled{opacity:.6}.party-strip{display:flex;gap:6px;justify-content:center;min-height:0}.party-strip .pm{width:34px;height:42px;position:relative}.party-strip .pm.off{opacity:.45}.party-strip .pm .crown{position:absolute;top:-8px;left:50%;transform:translate(-50%);font-size:12px}.round-card{background:#0a0418d9;border-radius:var(--r-lg);padding:14px;width:100%;max-width:440px;display:grid;grid-template-columns:1fr;gap:10px;text-align:left}.round-card .thumb{width:100%;aspect-ratio:16/10;border-radius:var(--r-md);background:#1d6fc4 center/cover;border:3px solid var(--c-yellow)}.round-card .type{color:var(--c-pink);font-weight:900;text-transform:uppercase;font-size:var(--fs-xs)}.round-card h2{font-size:28px}.howto{font-size:var(--fs-xs);color:var(--c-muted);text-transform:uppercase;font-weight:800;letter-spacing:.5px}.medals{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.medal{background:#ffffff14;border-radius:var(--r-sm);padding:6px;text-align:center;font-size:11px}.medal b{display:block;font-size:18px}.medal.gold b{color:#ffd23c}.medal.silver b{color:#d9dde8}.medal.bronze b{color:#d38a4a}.board{width:100%;max-width:440px}.board-title{background:var(--c-green);color:#06331a;font-weight:900;font-size:26px;padding:6px 16px;border-radius:12px;display:inline-block;transform:rotate(-2deg);box-shadow:0 4px #0000004d}.board-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:4px;background:#00000059;padding:8px;border-radius:var(--r-md);margin-top:10px}.cell{aspect-ratio:1;border-radius:6px;background:#43b0f1;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:900;color:#fff;overflow:hidden}.cell .b{width:60%;height:60%;border-radius:40% 40% 45% 45%}.cell.out{background:var(--c-pink)}.cell.out .b{opacity:.35}.cell.me{outline:3px solid var(--c-yellow)}.results-layout{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:end;width:100%;max-width:460px;margin-top:14px}.results-col{background:#0006;border-radius:var(--r-md);padding:10px;text-align:center;min-width:96px}.results-col .h{font-size:11px;color:var(--c-muted);font-weight:800;text-transform:uppercase}.results-col .row-item{display:flex;justify-content:space-between;font-size:13px;padding:4px 0;border-bottom:1px solid rgba(255,255,255,.08)}.results-bean{width:170px;height:210px;background:transparent}.overlay .season{width:min(80vw,360px)}.screen.customize{gap:10px;overflow:hidden}.cz-top{display:flex;align-items:center;justify-content:space-between;gap:8px;flex:0 0 auto}.cz-stage{display:flex;flex-direction:column;align-items:center;gap:6px;background:radial-gradient(circle at 50% 35%,#43b0f159,#0000 70%);border-radius:var(--r-lg);padding:6px 0 8px;flex:0 0 auto;height:32vh;min-height:170px;max-height:300px;overflow:hidden}.cz-stage canvas{flex:1 1 auto;min-height:0;width:auto;height:auto;max-height:100%;aspect-ratio:.88}.cz-stage .nameplate{flex:0 0 auto}.cz-tabs{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;flex:0 0 auto}.cz-tabs .chip{white-space:nowrap;flex:0 0 auto}.cz-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;overflow-y:auto;overscroll-behavior:contain;flex:1 1 auto;min-height:96px;padding:2px 2px 14px;align-content:start;-webkit-mask-image:linear-gradient(180deg,#000 0,#000 calc(100% - 16px),transparent 100%);mask-image:linear-gradient(180deg,#000 0,#000 calc(100% - 16px),transparent 100%)}.cz-grid.colors{grid-template-columns:repeat(5,1fr);gap:6px}.cz-grid.colors .cz-item{min-height:56px;padding:6px}.cz-item{position:relative;background:var(--c-card);border:3px solid rgba(255,255,255,.14);border-radius:var(--r-md);padding:8px 6px 6px;min-height:84px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;text-align:center;font-size:12px;font-weight:800}.cz-item .ic{font-size:26px;line-height:1}.cz-item .sw{width:36px;height:36px;border-radius:50%;border:2px solid rgba(255,255,255,.6)}.cz-grid.colors .cz-item .sw{width:34px;height:34px}.cz-item.rarity-uncommon{border-color:#5ee38f}.cz-item.rarity-rare{border-color:#43b0f1}.cz-item.rarity-epic{border-color:#c084fc}.cz-item.rarity-legendary{border-color:#ffd23c;box-shadow:0 0 0 2px #ffd23c59}.cz-item.selected{outline:3px solid var(--c-yellow);outline-offset:1px;background:var(--c-card-2)}.cz-item.locked{opacity:.78}.cz-item .price{position:absolute;top:-8px;right:-6px;background:#000000b3;border-radius:999px;padding:2px 8px;font-size:10px;color:var(--c-yellow)}.cz-item .price.lvl{color:#5ee38f}.cz-item .lock{position:absolute;left:6px;top:4px;font-size:12px}.cz-bar{display:flex;gap:8px;align-items:center;flex:0 0 auto}.cz-bar .btn{flex:1}.reward-pop{position:absolute;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;background:#0a041899;padding:var(--sp-4)}.reward-card{width:min(92vw,380px);display:flex;flex-direction:column;gap:14px;align-items:center;text-align:center;background:linear-gradient(180deg,#4cc3f7,#1d6fc4);border:4px solid #fff;animation:pop .4s cubic-bezier(.2,1.6,.4,1)}.reward-item{display:flex;gap:14px;align-items:center;background:#00000040;border-radius:var(--r-md);padding:10px 16px;width:100%;text-align:left;border:3px solid rgba(255,255,255,.4)}.reward-item .ic{font-size:40px}.reward-item .rar{font-size:10px;font-weight:900;text-transform:uppercase;color:var(--c-yellow)}.reward-item.rarity-rare{border-color:#43b0f1}.reward-item.rarity-epic{border-color:#c084fc}.reward-item.rarity-legendary{border-color:#ffd23c}.plate.np-1{background:linear-gradient(90deg,#ff5fa8,#ffd23c,#5ee38f,#43b0f1);color:#1a0b2e}.plate.np-2{background:linear-gradient(180deg,#fff1a8,#d4a017);color:#3a2400}.plate.np-3{background:#0b1020;color:#5ff5ff;box-shadow:0 0 12px #5ff5ff,0 3px #0000004d}.plate.np-4{background:linear-gradient(180deg,#ff8fc8,#ff5fa8)}.plate.np-5{background:linear-gradient(180deg,#8e6cf0,#43b0f1)}.gear{width:40px;height:40px;border-radius:50%;border:0;background:#00000073;color:#fff;font-size:20px;cursor:pointer}.settings label{font-weight:700;min-height:44px}.settings input[type=checkbox]{width:26px;height:26px;accent-color:var(--c-pink)}.settings select{color:#fff;background:#00000059;border:2px solid var(--c-card-2);border-radius:var(--r-md);padding:6px 10px}