: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}.boot{position:fixed;inset:0;z-index:60;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;overflow:hidden;background:linear-gradient(180deg,#8fe0ff,#55c6f6 60%,#3aa9e8);transition:opacity .4s ease}.boot.hide{opacity:0;pointer-events:none}.boot-streaks{position:absolute;inset:-10% 0;background:repeating-linear-gradient(90deg,#fff0 0 20px,#ffffff38 20px 24px,#fff0 24px 52px);mask-image:linear-gradient(180deg,#0000,#000000a6 25% 75%,#0000);animation:bootStreaks .8s linear infinite}@keyframes bootStreaks{0%{background-position:0 0}to{background-position:0 -64px}}.boot-cloud{position:absolute;left:50%;width:190px;height:62px;border-radius:999px;background:#ffffffe6;filter:blur(1px);animation:bootCloud 7s linear infinite}.boot-cloud:before,.boot-cloud:after{content:"";position:absolute;bottom:12px;border-radius:50%;background:inherit}.boot-cloud:before{left:26px;width:78px;height:78px}.boot-cloud:after{right:30px;width:58px;height:58px}.boot-cloud.c1{margin-left:-230px;transform:scale(.8);animation-delay:-1.5s;opacity:.85}.boot-cloud.c2{margin-left:60px;transform:scale(1.1);animation-delay:-4s;opacity:.75}.boot-cloud.c3{margin-left:-60px;transform:scale(.6);animation-delay:-6s;opacity:.6}@keyframes bootCloud{0%{top:108%}to{top:-30%}}.boot-stage{position:relative;width:min(74vw,300px);animation:bootDrift 4.6s ease-in-out infinite}@keyframes bootDrift{0%,to{transform:translate(-8px,6px) rotate(-3deg)}50%{transform:translate(8px,-10px) rotate(3deg)}}.boot-bean{width:100%;height:auto;display:block;filter:drop-shadow(0 12px 16px rgba(0,0,0,.18));animation:bootBob 1.9s ease-in-out infinite}@keyframes bootBob{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-9px) scale(1.015)}}.boot-bean .bb-arm{transform-box:fill-box;animation:bootArm 1.1s ease-in-out infinite}.boot-bean .bb-arm-l{transform-origin:96% 40%}.boot-bean .bb-arm-r{transform-origin:4% 40%;animation-delay:-.55s}@keyframes bootArm{0%,to{transform:rotate(-9deg)}50%{transform:rotate(9deg)}}.boot-bean .bb-leg{transform-box:fill-box;transform-origin:50% 0%;animation:bootLeg 1.5s ease-in-out infinite}.boot-bean .bb-leg-r{animation-delay:-.75s}@keyframes bootLeg{0%,to{transform:rotate(8deg)}50%{transform:rotate(-8deg)}}.boot-title{position:relative;font-size:var(--fs-xl);font-weight:900;letter-spacing:1px;color:#fff;text-shadow:0 3px 0 rgba(0,0,0,.22)}.boot-hint{position:relative;font-size:var(--fs-sm);font-weight:800;color:#ffffffeb;text-shadow:0 2px 0 rgba(0,0,0,.18);animation:pulse 1.4s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.boot-streaks,.boot-cloud,.boot-stage,.boot-bean,.boot-bean .bb-arm,.boot-bean .bb-leg,.boot-hint{animation:none}}.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}}@keyframes popIn{0%{transform:scale(.55);opacity:0}to{transform: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,#ffcf96,#ffb672 55%,#ff9f5a);gap:8px;justify-content:flex-start;padding:calc(var(--safe-t) + 26px) 12px calc(var(--safe-b) + 12px);overflow:hidden}.board-screen .bs-sky{position:absolute;inset:0;background:repeating-linear-gradient(135deg,#ffffff1a 0 26px,#fff0 26px 52px);pointer-events:none}.board-screen .bs-rainbow{position:absolute;left:50%;bottom:-54vh;width:160vh;height:160vh;transform:translate(-50%);border-radius:50%;background:radial-gradient(circle,#0000 0 calc(50% - 130px),#8e6cf0 calc(50% - 130px) calc(50% - 104px),#43b0f1 calc(50% - 104px) calc(50% - 78px),#5ee38f calc(50% - 78px) calc(50% - 52px),#ffd23c calc(50% - 52px) calc(50% - 26px),#ff5fa8 calc(50% - 26px) 50%,#0000 50%);opacity:.75;pointer-events:none}.board-screen .bs-balloon{position:absolute;width:46px;height:58px;border-radius:50% 50% 46% 46%;background:linear-gradient(180deg,#fff,#ffd9ec 45%,#ff9ad5);box-shadow:0 3px #0000001f;pointer-events:none;animation:bsFloat 9s ease-in-out infinite}.board-screen .bs-balloon:after{content:"";position:absolute;left:50%;bottom:-9px;width:9px;height:7px;margin-left:-4.5px;border-radius:2px;background:#b5651d}.board-screen .bs-balloon.b1{left:5%;top:30%}.board-screen .bs-balloon.b2{right:4%;top:8%;transform:scale(1.15);animation-delay:-3s}.board-screen .bs-balloon.b3{right:18%;top:50%;transform:scale(.7);animation-delay:-6s}@keyframes bsFloat{0%,to{margin-top:0}50%{margin-top:-16px}}.overlay.board-screen>*:not(.bs-sky):not(.bs-rainbow):not(.bs-balloon):not(.bs-floor){position:relative;z-index:1}.board-head{font-size:clamp(22px,7.4vw,30px);font-weight:900;white-space:nowrap;max-width:100%;color:#fff;padding:8px 22px;border-radius:14px;box-shadow:0 5px #0000004d;animation:popIn .35s cubic-bezier(.2,1.6,.4,1) both}.board-head.pink{background:var(--c-pink)}.board-head.green{background:var(--c-green);color:#06331a}.bs-scene{width:100%;flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;perspective:900px;padding-bottom:84px}.bs-tilt{width:100%;max-width:430px;transform-style:preserve-3d;transform:rotateX(8deg);animation:bsBreathe 9s ease-in-out infinite}@keyframes bsBreathe{0%,to{transform:rotateX(8deg) translateY(0)}50%{transform:rotateX(6.5deg) translateY(-6px)}}.board-wall{background:linear-gradient(180deg,#3a97dd,#2a7fc4);border:5px solid #1d6fc4;border-radius:14px;padding:8px;box-shadow:0 14px #00000038,inset 0 2px #ffffff40}.board-screen.stage-left .board-wall{animation:wallZoom 2.1s cubic-bezier(.55,0,.2,1) both}@keyframes wallZoom{0%,22%{transform:scale(2.5) translate(var(--zx),var(--zy))}to{transform:scale(1) translate(0)}}.board-grid2{display:grid;grid-template-columns:repeat(var(--cols, 6),1fr);gap:5px;width:100%;max-height:46vh;overflow-y:auto}.bcell{position:relative;aspect-ratio:1;border-radius:7px;background:#55b8f4;box-shadow:inset 0 -3px #00000029,inset 0 2px #ffffff4d;display:flex;align-items:flex-end;justify-content:center;overflow:hidden}.board-grid2{--fall-step: .3s}.bcell{--fall-start: 2.2s}.bcell svg,.bcell .bimg{width:86%;height:auto;max-height:96%;object-fit:contain}.bcell.out{animation:cellOut .55s cubic-bezier(.2,1.6,.4,1) both;animation-delay:calc(var(--fall-start) + var(--i) * var(--fall-step))}.bcell.out .bimg{animation:beanFall .9s cubic-bezier(.42,0,.85,.5) both;animation-delay:calc(var(--fall-start) + var(--i) * var(--fall-step))}@keyframes cellOut{0%{background:#55b8f4}40%{background:#fff;transform:scale(1.14)}to{background:var(--c-pink);transform:scale(1)}}@keyframes beanFall{0%{transform:translateY(0) rotate(0)}14%{transform:translateY(-12%) rotate(-10deg)}30%{transform:translateY(-6%) rotate(4deg)}to{transform:translateY(140%) rotate(34deg)}}.bcell.ok{animation:cellOk .45s cubic-bezier(.2,1.6,.4,1) both;animation-delay:calc(var(--i) * .05s)}@keyframes cellOk{0%{background:#55b8f4}45%{background:#fff;transform:scale(1.16)}to{background:var(--c-green);transform:scale(1)}}.board-screen.stage-passed .bcell.out{animation:none;background:var(--c-pink)}.board-screen.stage-passed .bcell.out .bimg{display:none}.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;z-index:1}.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;z-index:1}.board-screen.names .bcell .nm{display:block}.bs-rail{width:min(96%,430px);height:16px;margin-top:10px;border-radius:4px;background:repeating-linear-gradient(90deg,#ffd23c 0 6px,#f0b400 6px 8px,#ffd23c 8px 30px,#e9a800 30px 34px);box-shadow:0 5px #0003}.bs-floor{position:absolute;left:0;right:0;bottom:0;height:112px;z-index:0;background:linear-gradient(180deg,#43b0f1,#2a86d6);box-shadow:inset 0 3px #ffffff40;pointer-events:none}.bs-floor:before{content:"";position:absolute;inset:10px 0 0;background-image:radial-gradient(ellipse 16px 7px at 20% 20%,#ff9ad5 98%,transparent 100%),radial-gradient(ellipse 16px 7px at 62% 46%,#ff9ad5 98%,transparent 100%),radial-gradient(ellipse 16px 7px at 88% 74%,#ff9ad5 98%,transparent 100%);background-size:96px 62px;opacity:.95}.board-actions{display:flex;gap:10px;margin-top:auto;position:relative;z-index:2}.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{position:relative;overflow:hidden;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;text-align:left;background:linear-gradient(160deg,#ff9ad5,#8e6cf0)}.ncard .pic{position:absolute;inset:0;background-size:cover;background-position:center}.ncard .cap{position:relative;width:100%;padding:10px 12px;background:linear-gradient(180deg,#0000,#000000b8 55%)}.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}.cab-bean{width:116px;height:142px;flex:0 0 auto;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)}.overlay.end-screen{background:linear-gradient(180deg,#2b1152,#3b1a6b 45%,#55257f);justify-content:flex-start;gap:8px;padding:calc(var(--safe-t) + 10px) 12px calc(var(--safe-b) + 10px);overflow:hidden}.end-screen .es-sky{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(1.6px 1.6px at 12% 18%,#fff,transparent),radial-gradient(1.4px 1.4px at 78% 12%,#ffd23c,transparent),radial-gradient(1.8px 1.8px at 34% 42%,#fff,transparent),radial-gradient(1.5px 1.5px at 88% 56%,#ff9ad5,transparent),radial-gradient(1.4px 1.4px at 58% 74%,#fff,transparent),radial-gradient(1.6px 1.6px at 22% 82%,#8fe0ff,transparent);background-size:260px 220px;opacity:.8;animation:esTwinkle 4s ease-in-out infinite}@keyframes esTwinkle{0%,to{opacity:.55}50%{opacity:.9}}.end-screen .es-cloud{position:absolute;width:150px;height:46px;border-radius:999px;background:#ffffff12;filter:blur(6px);pointer-events:none}.end-screen .es-cloud:before{content:"";position:absolute;left:26px;bottom:10px;width:62px;height:62px;border-radius:50%;background:inherit}.end-screen .es-cloud.c1{left:-40px;top:12%;animation:esDrift 16s linear infinite}.end-screen .es-cloud.c2{right:-50px;top:30%;transform:scale(.8);animation:esDrift 22s linear infinite reverse}@keyframes esDrift{0%{margin-left:-20px}to{margin-left:20px}}.end-screen .es-balloon{position:absolute;width:30px;height:38px;border-radius:50% 50% 46% 46%;background:linear-gradient(180deg,#fff,#ffd9ec 45%,#ff9ad5);pointer-events:none;animation:bsFloat 8s ease-in-out infinite}.end-screen .es-balloon.b1{left:4%;top:46%;opacity:.75}.end-screen .es-balloon.b2{right:4%;top:38%;transform:scale(1.1);opacity:.75;animation-delay:-4s}.end-screen>*:not(.es-sky):not(.es-cloud):not(.es-balloon){position:relative;z-index:1}.es-top{display:flex;flex-direction:column;align-items:center;gap:2px;width:100%}.es-tag{background:#0a0418cc;color:#fff;font-weight:900;font-size:var(--fs-lg);letter-spacing:.5px;padding:8px 20px;border-radius:14px;box-shadow:0 4px #00000059;text-align:center}.end-screen.won .es-tag{background:linear-gradient(180deg,#fff1a8,var(--c-yellow));color:#4a3400;animation:popIn .4s cubic-bezier(.2,1.6,.4,1) both}.es-place{color:var(--c-muted);font-size:var(--fs-sm);font-weight:700}.es-place b{color:var(--c-yellow);font-size:var(--fs-lg)}.es-cards{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%;max-width:420px}.es-col{background:#00000057;border-radius:var(--r-md);padding:6px 8px 5px;min-width:0}.es-col .h{font-size:11px;color:var(--c-muted);font-weight:900;letter-spacing:1px;text-transform:uppercase;margin-bottom:4px}.es-col .row-item{display:flex;justify-content:space-between;gap:4px;align-items:center;font-size:11px;padding:3px 0;border-bottom:1px solid rgba(255,255,255,.08)}.es-col .row-item:last-child{border-bottom:0}.es-col .row-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;text-align:left}.es-col .row-item b{font-size:13px}.es-col .row-item b.ok{color:var(--c-green)}.es-col .row-item b.no{color:var(--c-pink)}.es-col .row-item.daily{flex-wrap:wrap;row-gap:3px}.es-col .row-item.daily .dbar{flex:0 0 100%;height:4px;border-radius:2px;background:#ffffff26;overflow:hidden}.es-col .row-item.daily .dfill{height:100%;background:linear-gradient(90deg,var(--c-yellow),var(--c-green))}.es-col .row-item.daily.done b{color:var(--c-green)}.es-col .row-item.daily.done .dfill{background:var(--c-green)}.es-bean-wrap{display:flex;justify-content:center;filter:drop-shadow(0 10px 18px rgba(0,0,0,.45))}.es-bean{position:static;width:min(48vw,190px);height:min(60vw,236px);background:transparent}.end-screen .season{width:min(88vw,400px)}.end-screen .es-list{max-height:17vh;flex:0 1 auto;min-height:0;margin-top:2px}.end-screen .es-party{font-size:var(--fs-xs)}.end-screen .btn.primary{margin-top:auto;flex:0 0 auto;min-width:60%}.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}