.gg-root{position:relative;width:100%;height:480px;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none;cursor:crosshair;background:linear-gradient(180deg,var(--sky1),var(--sky2))}.gg-runner{cursor:pointer}.gg-stars{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.5;pointer-events:none;background-image:radial-gradient(1.5px 1.5px at 20px 30px,#fff,transparent),radial-gradient(1px 1px at 90px 80px,#fff,transparent),radial-gradient(1.5px 1.5px at 160px 20px,#fff,transparent);background-size:220px 140px;animation:gg-drift 18s linear infinite}.gg-runner .gg-stars{animation-duration:6s}@keyframes gg-drift{to{background-position:-220px 140px}}.gg-ground{position:absolute;left:0;right:0;bottom:0;height:18%;background:var(--ground);box-shadow:inset 0 3px color-mix(in srgb,var(--gg-accent) 60%,transparent);background-image:repeating-linear-gradient(90deg,transparent 0 38px,rgba(255,255,255,.06) 38px 40px);animation:gg-ground .9s linear infinite}@keyframes gg-ground{to{background-position:-40px 0}}.gg-ent{position:absolute;transform:translate(-50%,-50%);display:grid;place-items:center;pointer-events:none}.gg-ent.good{color:var(--gg-accent);filter:drop-shadow(0 0 8px var(--gg-accent));animation:gg-bob 1.2s ease-in-out infinite}.gg-ent.bad{color:#ff6b6b;filter:drop-shadow(0 0 8px rgba(255,80,80,.8))}@keyframes gg-bob{50%{transform:translate(-50%,calc(-50% - 4px))}}.gg-shot{position:absolute;width:5px;height:16px;margin:-8px 0 0 -2.5px;border-radius:3px;background:var(--gg-accent);box-shadow:0 0 10px var(--gg-accent)}.gg-hero{position:absolute;transform:translate(-50%,-50%);pointer-events:none}.gg-hero .avatar{border-radius:50%;border:3px solid #fff;box-shadow:0 0 20px -2px var(--accent),0 8px 18px #00000080}.gg-runner .gg-hero{margin-top:-18px}.gg-hero.hurt{animation:gg-blink .12s steps(2) infinite}@keyframes gg-blink{50%{opacity:.3}}.gg-flash-bad:after,.gg-flash-good:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.gg-flash-bad:after{box-shadow:inset 0 0 60px #ff3c3c8c}.gg-flash-good:after{box-shadow:inset 0 0 40px color-mix(in srgb,var(--gg-accent) 45%,transparent)}.gg-hud{position:absolute;top:10px;left:10px;right:10px;display:flex;gap:6px;flex-wrap:wrap;pointer-events:none}.gg-pill{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:999px;font-size:13px;font-weight:700;color:#fff;background:#00000073;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.15)}.gg-pill:last-child{margin-left:auto}.gg-lives{color:#ff6b8a;letter-spacing:2px}.gg-lives i{font-style:normal;color:#ffffff40}.gg-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;padding:20px;pointer-events:none;background:radial-gradient(60% 50% at 50% 50%,rgba(0,0,0,.45),transparent 70%)}.gg-center h3{margin:0;font-family:"Oswald",var(--display);text-transform:uppercase;font-size:30px;color:#fff;text-shadow:0 2px 16px rgba(0,0,0,.6)}.gg-center p{margin:0;color:#ffffffd9;max-width:420px}.gg-controls{font-size:13px;color:var(--gg-accent)!important;font-weight:600}.gg-count{font-family:var(--display);font-size:64px;color:#fff;text-shadow:0 0 30px var(--gg-accent);animation:pop .3s ease-out}.gg-count.small{font-size:40px}.bh-root{--bh-accent: #ff3d71;width:100%;height:480px;position:relative;overflow:hidden;cursor:none;touch-action:none;user-select:none;-webkit-user-select:none;background:#0a0a10;color:#f4f4f6;font-variant-numeric:tabular-nums}.bh-sky{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#2b6fd6,#5aa6f0 45%,#a9dbff 80%,#e9f6ff)}.bh-sun{position:absolute;right:12%;top:9%;width:90px;height:90px;border-radius:50%;background:radial-gradient(circle,#fffbe0,#ffe680 45%,#ffe68000 72%);filter:blur(1px)}.bh-hills{position:absolute;left:-5%;right:-5%;bottom:-40px;height:120px;background:radial-gradient(60% 100% at 20% 100%,#3a8f5a 60%,transparent 61%),radial-gradient(55% 90% at 75% 100%,#2f7a4c 60%,transparent 61%);opacity:.9}.bh-cloud{position:absolute;left:0;width:160px;height:46px;border-radius:999px;background:#ffffffeb;filter:blur(.5px);animation:bh-drift linear infinite}.bh-cloud:before,.bh-cloud:after{content:"";position:absolute;border-radius:50%;background:inherit}.bh-cloud:before{width:70px;height:70px;left:24px;top:-34px}.bh-cloud:after{width:54px;height:54px;left:80px;top:-24px}.bh-c1{top:12%;animation-duration:46s;animation-delay:-10s}.bh-c2{top:34%;transform:scale(.7);animation-duration:62s;animation-delay:-40s;opacity:.8}.bh-c3{top:58%;animation-duration:38s;animation-delay:-22s;opacity:.85}.bh-c4{top:22%;animation-duration:75s;animation-delay:-60s;opacity:.6}@keyframes bh-drift{0%{left:-200px}to{left:calc(100% + 40px)}}.bh-target{position:absolute;left:0;top:0;will-change:transform;pointer-events:none}.bh-svg{width:100%;height:100%;display:block;overflow:visible;filter:drop-shadow(0 4px 6px rgba(10,20,50,.3))}.bh-boss .bh-svg{filter:drop-shadow(0 0 16px rgba(255,210,63,.75));animation:bh-bosspulse .9s ease-in-out infinite}@keyframes bh-bosspulse{50%{filter:drop-shadow(0 0 26px rgba(255,210,63,.95))}}.bh-flash .bh-svg{filter:brightness(2.4) saturate(.3)}.bh-dead .bh-svg{animation:bh-die .35s ease-in forwards}@keyframes bh-die{to{transform:scale(1.5) rotate(25deg);opacity:0}}.bh-rotor{animation:bh-spin .12s linear infinite;transform-box:fill-box;transform-origin:center}@keyframes bh-spin{50%{transform:scaleX(.35)}}.bh-prop{animation:bh-spin .08s linear infinite;transform-box:fill-box;transform-origin:center}.bh-led{animation:bh-blink .6s steps(2) infinite}@keyframes bh-blink{50%{opacity:.25}}.bh-hp{position:absolute;left:50%;top:-14px;margin-left:-27px;display:flex;gap:4px}.bh-hp span{width:15px;height:7px;border-radius:4px;background:#00000059;border:1px solid rgba(0,0,0,.4)}.bh-hp span.on{background:#ff3d71;box-shadow:0 0 8px #ff3d71}.bh-pop{position:absolute;pointer-events:none;transform:translate(-50%,-50%);z-index:3}.bh-pop b{display:block;white-space:nowrap;font-weight:900;font-size:20px;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.4),0 0 14px var(--bh-pc);animation:bh-float 1.1s ease-out forwards}.bh-pop-boss b{font-size:28px;color:#ffe680;letter-spacing:.02em}.bh-pop-chip b{font-size:16px;color:#ffe680}.bh-pop-miss b{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#ffffffd9;text-shadow:0 1px 3px rgba(0,0,0,.6);animation-duration:.7s}@keyframes bh-float{0%{transform:translateY(0) scale(.6);opacity:0}15%{transform:translateY(-8px) scale(1.15);opacity:1}to{transform:translateY(-48px) scale(1);opacity:0}}.bh-burst{position:absolute;left:50%;top:50%;width:0;height:0}.bh-burst i{position:absolute;left:-3px;top:-3px;width:6px;height:6px}.bh-burst i:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:var(--bh-pc);box-shadow:0 0 10px var(--bh-pc);animation:bh-spark .55s ease-out forwards}.bh-pop-boss .bh-burst i:after{width:10px;height:10px;animation-duration:.8s}@keyframes bh-spark{0%{transform:translateY(0) scale(1.4);opacity:1}to{transform:translateY(-46px) scale(.2);opacity:0}}.bh-scope{position:absolute;left:0;top:0;width:0;height:0;z-index:4;pointer-events:none}.bh-scope>*{position:absolute}.bh-scope-ring{left:-46px;top:-46px;width:92px;height:92px;border-radius:50%;border:3px solid rgba(10,10,16,.85);box-shadow:0 0 0 2px var(--bh-accent),0 0 18px var(--bh-accent),inset 0 0 22px #0a0a1059;background:radial-gradient(circle,#ffffff0a 55%,#0a0a102e);transition:transform .12s ease-out}.bh-recoil .bh-scope-ring{transform:translateY(-6px) scale(1.08)}.bh-reload{left:-54px;top:-54px;width:108px;height:108px;transform:rotate(-90deg)}.bh-reload circle{fill:none;stroke:var(--bh-accent);stroke-width:3;stroke-linecap:round;opacity:.85}.bh-cross-h,.bh-cross-v{background:#0a0a10e6}.bh-cross-h{left:-40px;top:-1px;width:80px;height:2px}.bh-cross-v{left:-1px;top:-40px;width:2px;height:80px}.bh-dot{left:-3px;top:-3px;width:6px;height:6px;border-radius:50%;background:#ff3d71;box-shadow:0 0 8px #ff3d71}.bh-muzzle{left:-40px;top:-40px;width:80px;height:80px;border-radius:50%;background:radial-gradient(circle,#fffffff2,#ffdc78cc 25%,#ff8c2800 65%);animation:bh-muzzle .09s ease-out forwards}@keyframes bh-muzzle{0%{transform:scale(.4);opacity:1}to{transform:scale(1.3);opacity:0}}.bh-hud{position:absolute;top:12px;left:12px;right:12px;display:flex;justify-content:space-between;gap:8px;z-index:5;pointer-events:none}.bh-chip{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;background:#17171fd1;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:14px;font-weight:700;color:#f4f4f6;box-shadow:0 6px 18px #00000040}.bh-chip svg{color:var(--bh-accent)}.bh-chip b{font-size:16px}.bh-chip small{font-weight:600;color:#f4f4f699;font-size:11px}.bh-combo.hot{border-color:var(--bh-accent);box-shadow:0 0 16px color-mix(in srgb,var(--bh-accent) 60%,transparent)}.bh-urgent{color:#ff5a5a;animation:bh-urge .5s ease-in-out infinite alternate}@keyframes bh-urge{to{transform:scale(1.06)}}.bh-timebar{position:absolute;left:0;right:0;top:0;height:4px;background:#0a0a1066;z-index:5}.bh-timebar span{display:block;height:100%;background:var(--bh-accent);box-shadow:0 0 10px var(--bh-accent)}.bh-badge{position:absolute;left:12px;bottom:12px;z-index:5;display:flex;align-items:center;gap:10px;padding:5px 14px 5px 5px;border-radius:999px;background:#17171fdb;border:1px solid color-mix(in srgb,var(--bh-accent) 55%,transparent);box-shadow:0 0 20px -4px var(--bh-accent);pointer-events:none}.bh-badge .avatar{border-radius:50%;border:2px solid var(--bh-accent)}.bh-badge small{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:var(--bh-accent);font-weight:800}.bh-badge b{font-size:15px}.bh-center{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;pointer-events:none;text-align:center}.bh-center p{margin:0;padding:6px 14px;border-radius:999px;background:#0a0a10a6;font-size:13px;font-weight:600}.bh-over{background:#0a0a1073;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.bh-count{font-size:96px;font-weight:900;line-height:1;color:#fff;text-shadow:0 0 30px var(--bh-accent),0 6px 0 rgba(0,0,0,.3);animation:bh-countin .5s cubic-bezier(.2,1.4,.4,1)}.bh-go{font-size:64px;letter-spacing:.04em}@keyframes bh-countin{0%{transform:scale(2);opacity:0}to{transform:scale(1);opacity:1}}@media (max-width: 480px){.bh-chip{padding:6px 9px;font-size:12px}.bh-chip small{display:none}.bh-count{font-size:72px}.bh-go{font-size:48px}}.hs-root{--hs-accent: #ff8c42;width:100%;height:480px;position:relative;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;cursor:pointer;background:#0a0a10;color:#f4f4f6;font-variant-numeric:tabular-nums}.hs-arena{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(45% 40% at 50% 22%,color-mix(in srgb,var(--hs-accent) 22%,transparent),transparent 70%),linear-gradient(180deg,#12121c,#0d0d16 60%,#0a0a10)}.hs-crowd{position:absolute;left:0;right:0;top:190px;height:110px;opacity:.55;background-image:radial-gradient(circle at 6px 6px,rgba(255,255,255,.16) 3px,transparent 4px),radial-gradient(circle at 16px 14px,color-mix(in srgb,var(--hs-accent) 40%,transparent) 3px,transparent 4px);background-size:22px 18px,26px 20px;-webkit-mask-image:linear-gradient(180deg,transparent,#000 30%,#000 70%,transparent);mask-image:linear-gradient(180deg,transparent,#000 30%,#000 70%,transparent);animation:hs-crowd 1.4s ease-in-out infinite alternate}@keyframes hs-crowd{to{background-position:0 -2px,3px 1px}}.hs-lights{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hs-lights i{position:absolute;top:-40px;width:140px;height:420px;background:linear-gradient(180deg,rgba(255,255,255,.12),transparent 80%);filter:blur(6px);transform-origin:top center}.hs-lights i:nth-child(1){left:4%;transform:rotate(-18deg)}.hs-lights i:nth-child(2){left:24%;transform:rotate(-8deg);opacity:.6}.hs-lights i:nth-child(3){right:24%;transform:rotate(8deg);opacity:.6}.hs-lights i:nth-child(4){right:4%;transform:rotate(18deg)}.hs-floor{position:absolute;left:0;right:0;bottom:0;height:165px;background:repeating-linear-gradient(90deg,rgba(0,0,0,.12) 0 2px,transparent 2px 46px),linear-gradient(180deg,#8a5a32,#b07840 40%,#6e4426);box-shadow:inset 0 14px 30px #0000008c;overflow:hidden}.hs-floor:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(60% 80% at 50% 0%,rgba(255,255,255,.18),transparent 70%)}.hs-key{position:absolute;left:50%;top:0;width:220px;height:100px;transform:translate(-50%) perspective(240px) rotateX(38deg);transform-origin:top center;background:color-mix(in srgb,var(--hs-accent) 45%,#6e2a12);border:3px solid rgba(255,255,255,.85);opacity:.8}.hs-arc{position:absolute;left:50%;top:40px;width:520px;height:260px;margin-left:-260px;border:3px solid rgba(255,255,255,.55);border-radius:50%}.hs-centerline{position:absolute;left:50%;top:196px;height:140px;border-left:2px dashed rgba(255,255,255,.25);transition:border-color .15s}.hs-centerline.on{border-color:#3ddc97;filter:drop-shadow(0 0 6px #3ddc97)}.hs-hoop{position:absolute;left:0;top:0;width:0;height:0;will-change:transform}.hs-hoop>*{position:absolute}.hs-pole{left:-3px;top:0;width:6px;height:72px;background:linear-gradient(90deg,#444,#888,#444)}.hs-board{left:-64px;top:68px;width:128px;height:84px;border-radius:6px;background:linear-gradient(160deg,#ffffff52,#c8dcff1f);border:4px solid #f4f4f6;box-shadow:0 0 24px #ffffff2e,inset 0 0 20px #ffffff1f;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:box-shadow .2s}.hs-lined .hs-board{box-shadow:0 0 30px #3ddc97b3,inset 0 0 20px #3ddc9733;border-color:#bfffe2}.hs-square{position:absolute;left:50%;bottom:6px;width:46px;height:34px;margin-left:-23px;border:3px solid #ff5a3c}.hs-rim-back,.hs-rim-front{left:-36px;top:143px;width:72px;height:14px;border-radius:50%;border:4px solid #ff5a1f;box-sizing:border-box}.hs-rim-back{border-bottom-color:transparent;filter:brightness(.75)}.hs-rim-front{border-top-color:transparent;box-shadow:0 4px 10px -4px #ff5a1fcc}.hs-net{left:-32px;top:151px;width:64px;height:54px;overflow:visible;transform-origin:top center}.hs-net path{fill:none;stroke:#ffffffd9;stroke-width:1.6;stroke-linecap:round}.hs-swoosh{animation:hs-net .5s ease-out}@keyframes hs-net{30%{transform:scaleY(1.25) scaleX(.85)}65%{transform:scaleY(.92) scaleX(1.05)}}.hs-ball{position:absolute;left:0;top:0;border-radius:50%;will-change:transform;pointer-events:none;background:linear-gradient(90deg,transparent calc(50% - 1px),#3a1a08 calc(50% - 1px),#3a1a08 calc(50% + 1px),transparent calc(50% + 1px)),linear-gradient(0deg,transparent calc(50% - 1px),#3a1a08 calc(50% - 1px),#3a1a08 calc(50% + 1px),transparent calc(50% + 1px)),radial-gradient(circle at 34% 30%,#ffb070,#f27a24 45%,#b4480c);box-shadow:inset -4px -5px 10px #00000059,0 6px 14px #00000073}.hs-shooter{position:absolute;left:50%;bottom:16px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:4px;pointer-events:none}.hs-shooter .avatar{border-radius:50%;border:3px solid var(--hs-accent);box-shadow:0 0 22px -2px var(--hs-accent);position:relative;z-index:1}.hs-shooter span{font-size:12px;font-weight:800;padding:2px 10px;border-radius:999px;background:#17171fd9;border:1px solid rgba(255,255,255,.1)}.hs-shadow{position:absolute;bottom:14px;width:70px;height:14px;border-radius:50%;background:#00000073;filter:blur(3px)}.hs-jump .avatar{animation:hs-jump .35s ease-out}@keyframes hs-jump{40%{transform:translateY(-16px) scale(1.05)}}.hs-meter{position:absolute;right:18px;top:104px;display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none}.hs-meter small{font-size:10px;font-weight:800;letter-spacing:.14em;color:#f4f4f699}.hs-meter-track{position:relative;width:28px;height:260px;border-radius:14px;background:#17171f;border:2px solid rgba(255,255,255,.12);overflow:hidden;box-shadow:inset 0 0 12px #0009}.hs-meter.live .hs-meter-track{border-color:color-mix(in srgb,var(--hs-accent) 60%,transparent);box-shadow:0 0 18px -4px var(--hs-accent),inset 0 0 12px #0009}.hs-band{position:absolute;left:0;right:0}.hs-good{background:#3ddc9747;border-top:1px solid rgba(61,220,151,.6);border-bottom:1px solid rgba(61,220,151,.6)}.hs-perfect{background:#3ddc97;box-shadow:0 0 12px #3ddc97}.hs-fill{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(0deg,color-mix(in srgb,var(--hs-accent) 25%,transparent),color-mix(in srgb,var(--hs-accent) 55%,transparent))}.hs-marker{position:absolute;left:-2px;right:-2px;height:4px;margin-bottom:-2px;background:#fff;border-radius:2px;box-shadow:0 0 10px #fff,0 0 4px var(--hs-accent)}.hs-hud{position:absolute;top:12px;left:12px;right:12px;display:flex;align-items:center;justify-content:space-between;gap:8px;pointer-events:none;z-index:4}.hs-chip{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;background:#17171fd9;border:1px solid rgba(255,255,255,.1);font-size:14px;font-weight:700;transition:box-shadow .2s,border-color .2s}.hs-chip svg{color:var(--hs-accent)}.hs-chip b{font-size:17px}.hs-chip small{color:#f4f4f68c;font-size:11px}.hs-chip.hot{border-color:#ff8c42;box-shadow:0 0 16px #ff8c4299}.hs-chip.hot svg{color:#ff8c42}.hs-shots{display:flex;gap:4px;flex-wrap:wrap;justify-content:center}.hs-shots i{width:12px;height:12px;border-radius:50%;background:#ffffff1f;border:1px solid rgba(255,255,255,.2)}.hs-shots i.now{border-color:var(--hs-accent);box-shadow:0 0 8px var(--hs-accent);animation:hs-pulse .8s ease-in-out infinite alternate}.hs-shots i.made{background:#3ddc97;border-color:#3ddc97}.hs-shots i.swish{background:#ffd23f;border-color:#ffd23f;box-shadow:0 0 8px #ffd23f}.hs-shots i.miss{background:#ff3d5a;border-color:#ff3d5a;opacity:.7}@keyframes hs-pulse{to{transform:scale(1.25)}}.hs-sub{position:absolute;top:54px;left:0;right:0;display:flex;justify-content:center;align-items:center;gap:5px;font-size:12px;font-weight:600;color:#f4f4f6b3;pointer-events:none;z-index:4}.hs-sub em{font-style:normal;color:#3ddc97}.hs-label{position:absolute;left:0;right:0;top:252px;display:flex;flex-direction:column;align-items:center;gap:2px;pointer-events:none;z-index:5;animation:hs-label .45s cubic-bezier(.2,1.5,.4,1)}.hs-label b{font-size:38px;font-weight:900;letter-spacing:.02em;text-shadow:0 4px 0 rgba(0,0,0,.35)}.hs-label small{font-size:14px;font-weight:700;padding:3px 12px;border-radius:999px;background:#0a0a10b3}.hs-great b{color:#ffd23f;text-shadow:0 0 24px rgba(255,210,63,.8),0 4px 0 rgba(0,0,0,.35)}.hs-good b{color:#3ddc97;text-shadow:0 0 20px rgba(61,220,151,.7),0 4px 0 rgba(0,0,0,.35)}.hs-bad b{color:#ff5a6e;font-size:30px}@keyframes hs-label{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}.hs-tip{position:absolute;left:50%;top:300px;transform:translate(-50%);width:max-content;max-width:78%;text-align:center;padding:7px 14px;border-radius:12px;background:#17171fe6;border:1px solid color-mix(in srgb,var(--hs-accent) 50%,transparent);font-size:13px;font-weight:600;pointer-events:none;z-index:5;animation:hs-label .35s ease-out}.hs-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;pointer-events:none;z-index:6}.hs-over{background:#0a0a1080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.hs-center p{margin:0;font-weight:700;font-size:16px}.hs-count{font-size:96px;font-weight:900;line-height:1;text-shadow:0 0 30px var(--hs-accent),0 6px 0 rgba(0,0,0,.3);animation:hs-label .5s cubic-bezier(.2,1.4,.4,1)}.hs-final{font-size:60px;letter-spacing:.06em}@media (max-width: 480px){.hs-chip{padding:6px 9px}.hs-chip small{display:none}.hs-shots i{width:9px;height:9px}.hs-meter{right:10px}.hs-meter-track{width:22px}.hs-label b{font-size:30px}.hs-count{font-size:72px}}.dd-root{--dd-accent: #ff3d71;--dd-carw: clamp(86px, 19%, 140px);width:100%;height:480px;position:relative;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;cursor:pointer;background:#0a0a10;color:#f4f4f6;font-variant-numeric:tabular-nums}.dd-track{position:absolute;left:0;right:0;top:0;height:282px;overflow:hidden}.dd-bog .dd-track{animation:dd-shake .09s linear infinite}@keyframes dd-shake{25%{transform:translate(1px,-1px)}75%{transform:translate(-1px,1px)}}.dd-sky{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(50% 60% at 70% 0%,color-mix(in srgb,var(--dd-accent) 26%,transparent),transparent 70%),linear-gradient(180deg,#06060c,#141428 70%,#1d1b33)}.dd-sky i{position:absolute;width:2px;height:2px;border-radius:50%;background:#fff;box-shadow:40px 12px #fff,120px 30px #fff9,210px 8px #fff,300px 40px #ffffff80,390px 18px #fff,470px 36px #ffffffb3,560px 10px #fff,650px 28px #fff9,740px 14px #fff;animation:dd-twinkle 2.4s ease-in-out infinite alternate}.dd-sky i:nth-child(1){left:10px;top:10px}.dd-sky i:nth-child(2){left:60px;top:46px;animation-delay:-1s;opacity:.6}.dd-sky i:nth-child(3){left:30px;top:70px;animation-delay:-1.8s;opacity:.4}@keyframes dd-twinkle{to{opacity:.25}}.dd-city{position:absolute;left:0;right:0;top:58px;height:44px;background:linear-gradient(0deg,#0c0c18 0 40%,transparent 40%) 0 0 / 100% 100%,repeating-linear-gradient(90deg,#11111f 0 26px,transparent 26px 34px,#0f0f1c 34px 52px,transparent 52px 60px);-webkit-mask-image:repeating-linear-gradient(90deg,#000 0 26px,rgba(0,0,0,.7) 26px 60px);mask-image:repeating-linear-gradient(90deg,#000 0,#000 26px,#000000b3 26px,#000000b3 60px);clip-path:polygon(0 60%,4% 60%,4% 20%,9% 20%,9% 45%,14% 45%,14% 5%,18% 5%,18% 50%,25% 50%,25% 30%,31% 30%,31% 55%,40% 55%,40% 12%,44% 12%,44% 40%,52% 40%,52% 25%,58% 25%,58% 60%,66% 60%,66% 8%,70% 8%,70% 45%,78% 45%,78% 22%,84% 22%,84% 52%,92% 52%,92% 30%,97% 30%,97% 60%,100% 60%,100% 100%,0 100%)}.dd-stands{position:absolute;left:0;right:0;top:96px;height:22px;background:radial-gradient(circle at 5px 5px,rgba(255,220,150,.9) 1.6px,transparent 2.5px) 0 0 / 34px 22px,linear-gradient(180deg,#1a1a2c,#121220);box-shadow:0 0 30px #ffd28c26}.dd-asphalt{position:absolute;left:0;right:0;top:118px;bottom:0;background:linear-gradient(180deg,rgba(255,255,255,.05),transparent 30%),repeating-linear-gradient(90deg,#17171f 0,#17171f 3px,#15151c 3px,#15151c 9px);border-top:2px solid #3a3a4c}.dd-lane{position:absolute;left:0;right:0;height:0;border-top:2px dashed rgba(255,255,255,.22)}.dd-startline,.dd-finishline{position:absolute;top:0;bottom:0;width:10px}.dd-startline{left:calc(3% + var(--dd-carw) - 2px);background:#ffffff80;width:3px}.dd-finishline{right:8%;background:repeating-conic-gradient(#fff 0,#fff 25%,#111 0,#111 50%) 0 0 / 10px 10px;box-shadow:0 0 14px #ffffff59}.dd-run{position:absolute;left:3%;right:calc(8% + var(--dd-carw));top:118px;bottom:0}.dd-car{position:absolute;width:var(--dd-carw);aspect-ratio:120 / 44;margin-top:-14px;will-change:left}.dd-car-svg{width:100%;height:100%;display:block;overflow:visible;filter:drop-shadow(0 6px 6px rgba(0,0,0,.6)) drop-shadow(0 0 10px color-mix(in srgb,var(--dd-car) 45%,transparent))}.dd-mine .dd-car-svg{filter:drop-shadow(0 6px 6px rgba(0,0,0,.6)) drop-shadow(0 0 16px var(--dd-car))}.dd-mine:after{content:"YOU";position:absolute;left:0;top:-12px;font-size:9px;font-weight:900;letter-spacing:.14em;color:var(--dd-accent)}.dd-driver{position:absolute;left:45%;top:-12%}.dd-driver .avatar{border-radius:50%;border:2px solid #fff;box-shadow:0 0 8px var(--dd-car)}.dd-headlight{position:absolute;right:-60%;top:40%;width:70%;height:30%;background:linear-gradient(90deg,rgba(255,250,210,.45),transparent);clip-path:polygon(0 35%,100% 0,100% 100%,0 65%);pointer-events:none}.dd-flame{position:absolute;left:-26%;top:46%;width:30%;height:22%;border-radius:50% 0 0 50%;background:linear-gradient(270deg,#fff6c0,#ff9f1c 40%,#ff3c1e00);opacity:0;transform-origin:right center}.dd-moving .dd-flame{opacity:1;animation:dd-flame .08s linear infinite alternate}@keyframes dd-flame{0%{transform:scaleX(.6)}to{transform:scaleX(1.15)}}.dd-hud{position:absolute;top:10px;left:12px;right:12px;display:flex;justify-content:space-between;pointer-events:none}.dd-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:#17171fd9;border:1px solid rgba(255,255,255,.1);font-weight:700;font-size:14px}.dd-chip svg{color:var(--dd-accent)}.dd-chip b{font-size:17px;min-width:3.4ch}.dd-chip small{color:#f4f4f68c;font-size:11px}.dd-pop{position:absolute;left:0;right:0;top:44px;display:flex;flex-direction:column;align-items:center;gap:2px;pointer-events:none;animation:dd-pop 1.4s ease-out forwards}.dd-pop b{font-size:30px;font-weight:900;letter-spacing:.03em;text-shadow:0 3px 0 rgba(0,0,0,.4)}.dd-pop small{font-size:13px;font-weight:700;padding:2px 10px;border-radius:999px;background:#0a0a10bf}.dd-great b{color:#3ddc97;text-shadow:0 0 22px rgba(61,220,151,.8),0 3px 0 rgba(0,0,0,.4)}.dd-good b{color:#ffd23f;text-shadow:0 0 18px rgba(255,210,63,.6),0 3px 0 rgba(0,0,0,.4)}.dd-bad b{color:#ff4d5e;text-shadow:0 0 18px rgba(255,77,94,.6),0 3px 0 rgba(0,0,0,.4)}@keyframes dd-pop{0%{transform:scale(.5);opacity:0}12%{transform:scale(1.1);opacity:1}20%{transform:scale(1)}80%{opacity:1}to{transform:translateY(-10px);opacity:0}}.dd-dash{position:absolute;left:0;right:0;top:282px;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:22px 14px 10px;background:radial-gradient(60% 80% at 50% 100%,color-mix(in srgb,var(--dd-accent) 12%,transparent),transparent 70%),linear-gradient(180deg,#17171f,#0e0e15);border-top:1px solid rgba(255,255,255,.08);box-shadow:inset 0 10px 24px #00000080}.dd-tree{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 9px;border-radius:14px;background:#0b0b11;border:1px solid rgba(255,255,255,.1);flex-shrink:0}.dd-bulb{width:22px;height:22px;border-radius:50%;background:#22222c;border:2px solid #33333f;transition:background .06s,box-shadow .06s}.dd-white{width:14px;height:14px}.dd-white.on{background:#fff;box-shadow:0 0 10px #fff}.dd-amber.on{background:#ffb020;border-color:#ffd27a;box-shadow:0 0 16px #ffb020,0 0 4px #fff inset}.dd-green.on{background:#2dff8a;border-color:#b6ffd5;box-shadow:0 0 22px #2dff8a,0 0 4px #fff inset}.dd-red.on{background:#ff2d46;border-color:#ff9aa6;box-shadow:0 0 22px #ff2d46;animation:dd-redflash .25s steps(2) infinite}@keyframes dd-redflash{50%{opacity:.4}}.dd-tach{position:relative;flex:1;max-width:260px;min-width:0;height:100%;display:flex;align-items:center;justify-content:center}.dd-tach svg{width:100%;max-height:100%;overflow:visible}.dd-tach-bg{fill:none;stroke:#23232e;stroke-width:12}.dd-tach-good{fill:none;stroke:#3ddc9773;stroke-width:12}.dd-tach-perfect{fill:none;stroke:#3ddc97;stroke-width:12;filter:drop-shadow(0 0 4px #3ddc97)}.dd-tach-red{fill:none;stroke:#ff3d5a;stroke-width:12;opacity:.8}.dd-tick{stroke:#ffffff80;stroke-width:2}.dd-ticktext{fill:#f4f4f699;font-size:10px;font-weight:700;text-anchor:middle}.dd-needle{stroke:var(--dd-accent);stroke-width:3.5;stroke-linecap:round;filter:drop-shadow(0 0 4px var(--dd-accent))}.dd-hub{fill:#f4f4f6;stroke:var(--dd-accent);stroke-width:2}.dd-gear{fill:#f4f4f6;font-size:22px;font-weight:900;text-anchor:middle}.dd-rpm{fill:#f4f4f680;font-size:9px;font-weight:700;text-anchor:middle;letter-spacing:.08em}.dd-shiftlight{position:absolute;bottom:0;right:0;padding:2px 10px;border-radius:999px;font-size:11px;font-weight:900;letter-spacing:.2em;background:#1d1d26;color:#ffffff40;border:1px solid rgba(255,255,255,.08)}.dd-shiftnow .dd-shiftlight{background:#2dff8a;color:#062a14;box-shadow:0 0 18px #2dff8a}.dd-over .dd-shiftlight{background:#ff2d46;color:#fff;box-shadow:0 0 18px #ff2d46;animation:dd-redflash .2s steps(2) infinite}.dd-side{display:flex;flex-direction:column;align-items:center;gap:7px;flex-shrink:0;width:88px}.dd-badge{display:flex;flex-direction:column;align-items:center;gap:3px}.dd-badge .avatar{border-radius:50%;border:2px solid var(--dd-accent);box-shadow:0 0 18px -2px var(--dd-accent)}.dd-badge b{font-size:12px}.dd-gears{display:flex;gap:4px}.dd-gears i{width:14px;height:8px;border-radius:3px;background:#2a2a36}.dd-gears i.g-perfect{background:#3ddc97;box-shadow:0 0 6px #3ddc97}.dd-gears i.g-good{background:#ffd23f}.dd-gears i.g-early,.dd-gears i.g-late{background:#ff8c42}.dd-gears i.g-limiter{background:#ff2d46}.dd-rt{font-size:11px;font-weight:800;letter-spacing:.06em;color:#f4f4f6b3}.dd-prompt{position:absolute;left:50%;top:270px;transform:translate(-50%);white-space:nowrap;padding:5px 14px;border-radius:999px;background:#17171ff2;border:1px solid color-mix(in srgb,var(--dd-accent) 55%,transparent);box-shadow:0 0 16px -4px var(--dd-accent);font-size:12px;font-weight:800;letter-spacing:.04em;pointer-events:none;z-index:3}.dd-finish{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:#0a0a108c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:none;animation:dd-fade .4s ease-out}.dd-finish svg{color:var(--dd-accent)}.dd-et{font-size:72px;font-weight:900;line-height:1;text-shadow:0 0 30px var(--dd-accent),0 5px 0 rgba(0,0,0,.35);animation:dd-pop .5s ease-out forwards;animation-name:dd-etin}.dd-et small{font-size:30px;margin-left:2px}.dd-finish p{margin:0;font-weight:700;font-size:14px;color:#f4f4f6cc}@keyframes dd-etin{0%{transform:scale(1.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes dd-fade{0%{opacity:0}}@media (max-width: 480px){.dd-dash{gap:6px;padding:22px 8px 8px}.dd-bulb{width:18px;height:18px}.dd-side{width:70px}.dd-pop b{font-size:24px}.dd-et{font-size:56px}}.sr-root{--sr-accent: #8b5cf6;position:relative;width:100%;height:480px;overflow:hidden;background:#0a0a10;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;cursor:pointer;container-type:inline-size}.sr-canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.sr-pilot{position:absolute;left:0;top:0;width:36px;height:36px;border-radius:50%;overflow:hidden;pointer-events:none;will-change:transform;box-shadow:0 0 0 2px #fff,0 0 16px -2px var(--sr-accent);transition:opacity .25s}.sr-pilot .avatar{border-radius:50%}.sr-pilot-gone{opacity:0}.sr-hud{position:absolute;top:12px;left:12px;right:12px;display:flex;gap:8px;pointer-events:none;z-index:2}.sr-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:#17171fc7;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#f4f4f6;font-weight:700;font-size:14px}.sr-chip small{color:#f4f4f699;font-weight:600}.sr-chip-main{font-size:18px;box-shadow:0 0 22px -8px var(--sr-accent);border-color:color-mix(in srgb,var(--sr-accent) 50%,transparent)}.sr-chip-star{color:#ffd166}.sr-chip-speed{margin-left:auto;color:#7fe3ff}.sr-num{font-variant-numeric:tabular-nums}.sr-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;pointer-events:none;z-index:3}.sr-count{font-size:96px;font-weight:900;color:#f4f4f6;text-shadow:0 0 30px var(--sr-accent),0 0 6px var(--sr-accent);animation:sr-pop .7s ease-out both}.sr-hint{margin:0;padding:6px 14px;border-radius:999px;background:#17171fcc;color:#f4f4f6d9;font-size:14px;animation:sr-pulse 1.4s ease-in-out infinite}.sr-boom{font-size:56px;font-weight:900;letter-spacing:.04em;color:#ffd166;text-shadow:0 0 24px #ff7a3d,0 4px 0 #ff3d6e;animation:sr-boom .6s cubic-bezier(.2,1.6,.4,1) both}@keyframes sr-pop{0%{transform:scale(1.8);opacity:0}30%{transform:scale(1);opacity:1}to{transform:scale(.85);opacity:.2}}@keyframes sr-pulse{50%{opacity:.55}}@keyframes sr-boom{0%{transform:scale(.2) rotate(-12deg);opacity:0}to{transform:scale(1) rotate(-4deg);opacity:1}}@container (max-width: 480px){.sr-count{font-size:72px}.sr-boom{font-size:44px}}.rd-root{--rd-accent: #8b5cf6;position:relative;width:100%;height:480px;overflow:hidden;background:#0a0a10;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;cursor:pointer;container-type:inline-size}.rd-canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.rd-pilot{position:absolute;left:0;top:0;width:38px;height:38px;border-radius:50%;overflow:hidden;pointer-events:none;will-change:transform;transform-origin:50% 80%;box-shadow:0 0 0 2px #fff,0 0 18px -2px var(--rd-accent);z-index:1}.rd-pilot .avatar{border-radius:50%}.rd-hud{position:absolute;top:12px;left:12px;right:12px;display:flex;flex-wrap:wrap;gap:8px;pointer-events:none;z-index:2}.rd-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:#17171fcc;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#f4f4f6;font-weight:700;font-size:14px}.rd-chip small{color:#f4f4f699;font-weight:600}.rd-chip-main{font-size:18px;color:#f4f4f6;border-color:color-mix(in srgb,var(--rd-accent) 50%,transparent);box-shadow:0 0 22px -8px var(--rd-accent)}.rd-chip-main svg{color:var(--rd-accent)}.rd-chip-near{color:#7fe3ff}.rd-num{font-variant-numeric:tabular-nums}.rd-heat{margin-left:auto;display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:#17171fcc;border:1px solid rgba(255,255,255,.08);color:#ff8c42}.rd-heat-bar{width:70px;height:8px;border-radius:99px;background:#ffffff1a;overflow:hidden}.rd-heat-fill{width:100%;height:100%;transform-origin:left center;transform:scaleX(0);border-radius:inherit;background:linear-gradient(90deg,#ffd166,#ff8c42,#f35);transition:transform .12s linear}.rd-heat-hot{color:#f35;border-color:#f359;animation:rd-throb .5s ease-in-out infinite}.rd-zones{position:absolute;left:0;right:0;bottom:10px;display:grid;grid-template-columns:27fr 46fr 27fr;pointer-events:none;z-index:2;transition:opacity .4s}.rd-zones span{display:inline-flex;align-items:center;justify-content:center;gap:2px;color:#f4f4f661;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.rd-zones-off{opacity:0}.rd-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:0 16px;text-align:center;pointer-events:none;z-index:3}.rd-count{font-size:96px;font-weight:900;color:#f4f4f6;text-shadow:0 0 30px var(--rd-accent),0 0 6px var(--rd-accent);animation:rd-pop .65s ease-out both}.rd-hint{margin:0;padding:6px 14px;border-radius:999px;background:#17171fd9;color:#f4f4f6d9;font-size:14px}.rd-boom{font-size:54px;font-weight:900;letter-spacing:.03em;animation:rd-boom .55s cubic-bezier(.2,1.6,.4,1) both}.rd-boom-splat{color:#ff4f7b;text-shadow:0 0 24px #ff4f7b,0 4px 0 #7a1030}.rd-boom-splash,.rd-boom-swept{color:#7fe3ff;text-shadow:0 0 24px #4fd1ff,0 4px 0 #0b3a6a}.rd-boom-fried{color:#ffd166;text-shadow:0 0 24px #ff8c42,0 4px 0 #a33a10}@keyframes rd-pop{0%{transform:scale(1.8);opacity:0}30%{transform:scale(1);opacity:1}to{transform:scale(.85);opacity:.2}}@keyframes rd-boom{0%{transform:scale(.2) rotate(8deg);opacity:0}to{transform:scale(1) rotate(-3deg);opacity:1}}@keyframes rd-throb{50%{box-shadow:0 0 16px -2px #f35}}@container (max-width: 480px){.rd-count{font-size:72px}.rd-boom{font-size:40px}.rd-chip small{display:none}.rd-heat-bar{width:50px}}.sd-root{--sd-accent: #8b5cf6;--sd-rival: #f5b84a;position:relative;width:100%;height:480px;overflow:hidden;color:#f4f4f6;background:radial-gradient(60% 50% at 50% 100%,rgba(255,90,160,.16),transparent 70%),radial-gradient(50% 60% at 15% 30%,color-mix(in srgb,var(--sd-accent) 18%,transparent),transparent 70%),radial-gradient(50% 60% at 85% 30%,rgba(245,184,74,.12),transparent 70%),linear-gradient(180deg,#0d0b16,#0a0a10 70%,#120c18);touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;cursor:pointer;container-type:inline-size}.sd-lights{position:absolute;top:0;left:-2%;right:-2%;height:46px;pointer-events:none}.sd-lights svg{width:100%;height:100%}.sd-bulb{animation:sd-twinkle 1.8s ease-in-out infinite}.sd-floor{position:absolute;left:0;right:0;bottom:0;height:120px;pointer-events:none;background:repeating-linear-gradient(90deg,rgba(255,255,255,.03) 0 40px,transparent 40px 80px),linear-gradient(180deg,transparent,rgba(255,255,255,.03));border-top:1px solid rgba(255,255,255,.06)}.sd-board{position:absolute;top:40px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;padding:8px 14px;border-radius:999px;z-index:3;background:#17171fd9;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);white-space:nowrap}.sd-pips{display:flex;gap:5px}.sd-pip{width:10px;height:10px;border-radius:50%;background:#ffffff1f;transition:background .3s,box-shadow .3s}.sd-pip-hero{background:var(--sd-accent);box-shadow:0 0 10px var(--sd-accent)}.sd-pip-rival{background:var(--sd-rival);box-shadow:0 0 10px var(--sd-rival)}.sd-pip-now{outline:2px solid rgba(255,255,255,.6);outline-offset:2px}.sd-round{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#f4f4f6b3}.sd-score{font-size:16px;font-weight:800;font-variant-numeric:tabular-nums}.sd-duelist{position:absolute;bottom:96px;width:34%;max-width:220px;display:flex;flex-direction:column;align-items:center;gap:8px;z-index:2;transition:transform .25s cubic-bezier(.2,1.4,.4,1),filter .3s}.sd-hero{left:4%}.sd-rival{right:4%}.sd-portrait{position:relative;display:grid;place-items:center}.sd-hero .sd-portrait .avatar{border-radius:50%;border:3px solid #fff;box-shadow:0 0 34px -4px var(--sd-accent)}.sd-cat{width:128px;height:150px;filter:drop-shadow(0 0 20px rgba(245,184,74,.35))}.sd-name{padding:4px 12px;border-radius:999px;background:#17171f;border:1px solid rgba(255,255,255,.08);font-size:13px;font-weight:700;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sd-hero .sd-name{border-color:color-mix(in srgb,var(--sd-accent) 60%,transparent)}.sd-rival .sd-name{border-color:#f5b84a99}.sd-ms{min-height:22px;font-size:15px;font-weight:800;font-variant-numeric:tabular-nums;color:#f4f4f6d9}.sd-ms-win{color:#7cff9b;text-shadow:0 0 12px rgba(124,255,155,.6)}.sd-ms-lose{color:#f4f4f673}.sd-ms-foul{color:#ff4f7b}.sd-fire.sd-hero{transform:translate(10px) scale(1.06)}.sd-fire.sd-rival{transform:translate(-10px) scale(1.06)}.sd-hit{filter:grayscale(.7) brightness(.7);transform:rotate(-6deg) translateY(6px)!important}.sd-rival.sd-hit{transform:rotate(6deg) translateY(6px)!important}.sd-shot{position:absolute;top:34%;z-index:4;color:#ff4f9a;pointer-events:none;filter:drop-shadow(0 0 10px #ff4f9a)}.sd-shot-hero{left:20%;animation:sd-fly-right .35s ease-in forwards}.sd-shot-rival{right:20%;color:var(--sd-rival);filter:drop-shadow(0 0 10px var(--sd-rival));animation:sd-fly-left .35s ease-in forwards}.sd-signal{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);width:46%;text-align:center;z-index:3;pointer-events:none}.sd-text{font-size:clamp(30px,8cqw,54px);font-weight:900;letter-spacing:-.01em;line-height:1.05;animation:sd-in .3s cubic-bezier(.2,1.5,.4,1) both}.sd-sub{margin-top:6px;font-size:13px;color:#f4f4f6a6}.sd-k-intro .sd-text{color:#f4f4f6;font-size:clamp(24px,6cqw,36px)}.sd-k-ready .sd-text,.sd-k-steady .sd-text{color:#f4f4f6d9}.sd-k-steady .sd-text{animation:sd-in .3s both,sd-tense .9s ease-in-out infinite .3s}.sd-k-wait .sd-text{color:#f4f4f659}.sd-k-fake .sd-text{color:#ffd166;text-shadow:0 0 20px rgba(255,209,102,.6)}.sd-k-draw .sd-text{color:#fff;font-size:clamp(44px,12cqw,84px);text-shadow:0 0 30px var(--sd-accent),0 0 60px #ff4f9a;animation:sd-slam .18s ease-out both}.sd-k-foul .sd-text{color:#ff4f7b;text-shadow:0 0 22px rgba(255,79,123,.6)}.sd-k-win .sd-text{color:#7cff9b;text-shadow:0 0 22px rgba(124,255,155,.5)}.sd-k-lose .sd-text{color:var(--sd-rival);text-shadow:0 0 22px rgba(245,184,74,.5)}.sd-flash{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:#fff;animation:sd-flash .35s ease-out forwards}.sd-flash-draw{background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--sd-accent) 70%,white),transparent 70%)}.sd-hint{position:absolute;left:0;right:0;bottom:14px;z-index:3;text-align:center;pointer-events:none;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#f4f4f666}@keyframes sd-twinkle{50%{opacity:.35}}@keyframes sd-in{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}@keyframes sd-slam{0%{transform:scale(1.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes sd-tense{50%{transform:scale(1.06)}}@keyframes sd-flash{0%{opacity:.55}to{opacity:0}}@keyframes sd-fly-right{0%{transform:translate(0) scale(.6);opacity:1}to{transform:translate(52cqw) scale(1.3);opacity:0}}@keyframes sd-fly-left{0%{transform:translate(0) scale(.6);opacity:1}to{transform:translate(-52cqw) scale(1.3);opacity:0}}@container (max-width: 520px){.sd-cat{width:88px;height:103px}.sd-hero .sd-portrait .avatar{width:78px!important;height:78px!important}.sd-duelist{bottom:64px;width:36%}.sd-hero{left:2%}.sd-rival{right:2%}.sd-signal{width:92%;top:30%}.sd-board{gap:8px;padding:6px 10px}.sd-pip{width:8px;height:8px}.sd-hint{font-size:10px}}.hc-root{--hc-accent: #a78bfa;width:100%;height:480px;position:relative;overflow:hidden;background:#0a0a10;color:#f4f4f6;display:flex;flex-direction:column;user-select:none;-webkit-user-select:none;touch-action:manipulation;container-type:inline-size;font-variant-numeric:tabular-nums}.hc-felt{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 70% 60% at 50% 55%,color-mix(in srgb,var(--hc-accent) 22%,#0d3b3a),#0b1f22 55%,#0a0a10),#0a0a10;pointer-events:none}.hc-felt:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.018) 0 2px,transparent 2px 8px)}.hc-hud{position:relative;z-index:2;display:flex;align-items:center;gap:8px;padding:10px 12px 6px}.hc-hud-dealer{display:none}.hc-hud-dealer .avatar{border-radius:50%;border:2px solid var(--hc-accent)}.hc-stat{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:#17171fd9;border:1px solid rgba(255,255,255,.08);font-size:13px;color:#c9c9d3;transition:color .2s,border-color .2s,box-shadow .2s}.hc-stat b{color:#f4f4f6;font-weight:700}.hc-stat svg{color:var(--hc-accent)}.hc-score{margin-left:auto}.hc-warn{border-color:#f43f5e;box-shadow:0 0 12px #f43f5e73}.hc-warn svg,.hc-warn b{color:#fb7185}.hc-hot{border-color:#f59e0b;box-shadow:0 0 12px #f59e0b80}.hc-hot svg{color:#fbbf24}.hc-timebar{position:relative;z-index:2;height:3px;margin:0 12px;border-radius:3px;background:#ffffff14;overflow:hidden}.hc-timebar span{display:block;height:100%;background:linear-gradient(90deg,var(--hc-accent),#f4f4f6);box-shadow:0 0 10px var(--hc-accent);transition:width .1s linear}.hc-table{position:relative;z-index:1;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;gap:22px;padding:10px 12px 12px}.hc-dealer{display:flex;flex-direction:column;align-items:center;gap:4px;width:96px;flex-shrink:0}.hc-dealer-ring{padding:4px;border-radius:50%;background:conic-gradient(from 0deg,var(--hc-accent),#f4f4f6,var(--hc-accent));box-shadow:0 0 22px color-mix(in srgb,var(--hc-accent) 60%,transparent);animation:hc-spin 6s linear infinite}.hc-dealer-ring .avatar{border-radius:50%;border:3px solid #0a0a10;animation:hc-spin 6s linear infinite reverse}.hc-dealer-name{margin-top:6px;font-weight:700;font-size:14px}.hc-dealer-role{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--hc-accent)}.hc-dealer-miss{font-size:12px;color:#8b8b98;margin-top:6px}.hc-board{height:100%;max-height:404px;aspect-ratio:296 / 404;max-width:100%;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:8px}.hc-card{all:unset;position:relative;perspective:700px;cursor:pointer;-webkit-tap-highlight-color:transparent}.hc-card:focus-visible .hc-back{outline:2px solid var(--hc-accent);outline-offset:2px}.hc-inner{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;transition:transform .45s cubic-bezier(.3,1.4,.5,1)}.hc-up .hc-inner{transform:rotateY(180deg)}.hc-card:not(.hc-up):hover .hc-inner{transform:translateY(-3px) rotateY(8deg)}.hc-face{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:9px;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden}.hc-back{display:grid;place-items:center;background:repeating-linear-gradient(45deg,rgba(255,255,255,.07) 0 3px,transparent 3px 9px),linear-gradient(145deg,color-mix(in srgb,var(--hc-accent) 75%,#1a1030),#17171f);border:2px solid color-mix(in srgb,var(--hc-accent) 60%,#ffffff);box-shadow:0 6px 16px #00000080,inset 0 0 0 3px #0a0a1073}.hc-back-mark{font-size:clamp(16px,5cqw,26px);color:#ffffffd9;text-shadow:0 0 10px var(--hc-accent)}.hc-front{transform:rotateY(180deg);background:linear-gradient(160deg,#fff,#e9e7f2);color:#17171f;border:2px solid #ffffff;box-shadow:0 6px 16px #00000080;display:grid;place-items:center}.hc-red{color:#e11d48}.hc-pip{font-size:clamp(24px,7cqw,40px);line-height:1}.hc-corner{position:absolute;top:4px;left:6px;display:flex;flex-direction:column;align-items:center;font-weight:800;font-size:clamp(11px,3cqw,16px);line-height:1}.hc-corner i{font-style:normal;font-size:.8em}.hc-corner-b{top:auto;left:auto;bottom:4px;right:6px;transform:rotate(180deg)}.hc-matched .hc-front{border-color:var(--hc-accent);box-shadow:0 0 0 2px var(--hc-accent),0 0 22px var(--hc-accent);animation:hc-match .5s ease-out}.hc-matched .hc-inner{transform:rotateY(180deg) scale(.96)}.hc-wrong .hc-front{border-color:#f43f5e;box-shadow:0 0 16px #f43f5eb3}.hc-wrong{animation:hc-shake .35s .35s}.hc-pop{position:absolute;z-index:5;left:50%;top:46%;transform:translate(-50%,-50%);font-size:26px;font-weight:900;color:#fff;text-shadow:0 0 14px var(--hc-accent),0 2px 0 rgba(0,0,0,.5);pointer-events:none;white-space:nowrap;animation:hc-pop .9s ease-out forwards}.hc-pop-bad{color:#fb7185;text-shadow:0 0 12px rgba(244,63,94,.7);font-size:20px}.hc-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;display:grid;place-content:center;justify-items:center;gap:6px;background:#0a0a1099;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);text-align:center}.hc-overlay p{margin:0;color:#c9c9d3;font-weight:600}.hc-overlay-soft{background:#0a0a108c;animation:hc-fade .4s ease-out}.hc-count{font-size:96px;font-weight:900;line-height:1;color:#fff;text-shadow:0 0 30px var(--hc-accent);animation:hc-count 1s ease-out}.hc-end{font-size:30px;font-weight:900;padding:0 16px;text-shadow:0 0 22px var(--hc-accent);animation:hc-count .6s ease-out}.hc-banner{position:absolute;z-index:6;top:50%;left:50%;transform:translate(-50%,-50%);padding:8px 22px;border-radius:999px;background:var(--hc-accent);color:#0a0a10;font-weight:900;letter-spacing:.12em;text-transform:uppercase;box-shadow:0 0 20px var(--hc-accent);animation:hc-fade .3s ease-out}@container (max-width: 520px){.hc-dealer{display:none}.hc-hud-dealer{display:inline-flex}.hc-hud{gap:6px;padding:8px 8px 6px}.hc-stat{padding:5px 8px;font-size:12px;gap:4px}.hc-timebar{margin:0 8px}.hc-table{padding:8px}}@keyframes hc-spin{to{transform:rotate(360deg)}}@keyframes hc-match{0%{box-shadow:0 0 0 2px var(--hc-accent),0 0 0 var(--hc-accent)}50%{box-shadow:0 0 0 4px var(--hc-accent),0 0 40px var(--hc-accent)}}@keyframes hc-shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}@keyframes hc-pop{0%{opacity:0;transform:translate(-50%,-30%) scale(.7)}20%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}to{opacity:0;transform:translate(-50%,-110%) scale(1)}}@keyframes hc-count{0%{opacity:0;transform:scale(1.8)}30%{opacity:1;transform:scale(1)}}@keyframes hc-fade{0%{opacity:0}}.pk-root{--pk-accent: #22d3ee;width:100%;height:480px;position:relative;overflow:hidden;background:#0a0a10;color:#f4f4f6;cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.pk-sky{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 40% at 50% 0%,color-mix(in srgb,var(--pk-accent) 25%,transparent),transparent 70%),linear-gradient(#05060c,#0d1024 45%,#0a0a10)}.pk-crowd{position:absolute;left:0;right:0;top:0;height:190px;background:radial-gradient(circle at 10% 30%,rgba(255,255,255,.5) 0 1px,transparent 1.5px) 0 0 / 23px 17px,radial-gradient(circle at 60% 70%,color-mix(in srgb,var(--pk-accent) 70%,white) 0 1px,transparent 1.5px) 0 0 / 31px 13px,radial-gradient(circle at 40% 50%,rgba(255,200,120,.4) 0 1.2px,transparent 1.8px) 0 0 / 19px 11px,linear-gradient(#141428,#1b1b33 70%,#0e1a14);opacity:.75;-webkit-mask-image:linear-gradient(transparent,#000 25%,#000 80%,transparent);mask-image:linear-gradient(transparent,#000 25%,#000 80%,transparent);animation:pk-flicker 2.4s steps(4) infinite}.pk-lights{position:absolute;top:-40px;width:260px;height:260px;background:radial-gradient(circle,rgba(255,255,255,.55),rgba(255,255,255,.08) 30%,transparent 65%);pointer-events:none}.pk-lights-l{left:-90px}.pk-lights-r{right:-90px}.pk-pitch{position:absolute;left:0;right:0;bottom:0;top:170px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 60px,transparent 60px 120px),linear-gradient(#0f3d24,#0b2a1a 60%,#081a11)}.pk-pitch:before{content:"";position:absolute;left:8%;right:8%;top:0;height:70px;border:2px solid rgba(255,255,255,.35);border-top:0}.pk-hud{position:absolute;z-index:4;top:10px;left:12px;right:12px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.pk-kicks{display:flex;gap:6px}.pk-dot{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:11px;color:#0a0a10;font-weight:900;background:#17171fe6;border:2px solid rgba(255,255,255,.18);transition:all .25s}.pk-dot-now{border-color:var(--pk-accent);box-shadow:0 0 10px var(--pk-accent);animation:pk-pulse 1s infinite}.pk-dot-goal{background:#22c55e;border-color:#86efac;box-shadow:0 0 10px #22c55eb3}.pk-dot-miss{background:#f43f5e;border-color:#fda4af}.pk-tally{padding:5px 12px;border-radius:999px;background:#17171fe6;border:1px solid rgba(255,255,255,.1);font-size:13px;color:#c9c9d3}.pk-tally b{color:var(--pk-accent);font-size:16px}.pk-goal{position:absolute;z-index:2;top:64px;left:50%;transform:translate(-50%);width:min(86%,520px);aspect-ratio:2.4;border:6px solid #f4f4f6;border-bottom:0;border-radius:4px 4px 0 0;box-shadow:0 0 18px #ffffff59,inset 0 0 30px #0009;box-sizing:content-box}.pk-net{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,rgba(255,255,255,.16) 0 1px,transparent 1px 12px),repeating-linear-gradient(90deg,rgba(255,255,255,.16) 0 1px,transparent 1px 12px),#0508108c;transform-origin:50% 0}.pk-ripple{animation:pk-ripple .8s ease-out}.pk-clang{animation:pk-clang .4s}.pk-bins{position:absolute;top:0;width:20%;height:24%;border:1px dashed color-mix(in srgb,var(--pk-accent) 55%,transparent);background:color-mix(in srgb,var(--pk-accent) 8%,transparent);pointer-events:none}.pk-bins-l{left:0;border-left:0;border-top:0}.pk-bins-r{right:0;border-right:0;border-top:0}.pk-reach{position:absolute;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(#f43f5e47,#f43f5e0d 70%);border:1px solid rgba(244,63,94,.45);animation:pk-fade .3s ease-out;pointer-events:none}.pk-keeper{position:absolute;width:14%;height:62%;transition:left .42s cubic-bezier(.2,.8,.3,1),top .42s cubic-bezier(.2,.8,.3,1),transform .42s cubic-bezier(.2,.8,.3,1)}.pk-keeper:not(.pk-diving){animation:pk-bob 1.1s ease-in-out infinite}.pk-k-head{position:absolute;left:50%;top:0;width:34%;aspect-ratio:1;transform:translate(-50%);border-radius:50%;background:#f1c9a5;box-shadow:0 0 0 2px #0a0a10}.pk-k-body{position:absolute;left:18%;right:18%;top:22%;bottom:0;border-radius:10px 10px 4px 4px;background:linear-gradient(#f97316,#c2410c 60%,#111 60%);box-shadow:0 0 14px #f973168c}.pk-k-glove{position:absolute;top:18%;color:#fde047;filter:drop-shadow(0 0 6px rgba(253,224,71,.8))}.pk-k-glove-l{left:-40%;transform:rotate(-20deg)}.pk-k-glove-r{right:-40%;transform:scaleX(-1) rotate(-20deg)}.pk-diving .pk-k-glove-l{top:-10%;left:-55%}.pk-diving .pk-k-glove-r{top:-10%;right:-55%}.pk-sweep-x{position:absolute;top:-6px;bottom:0;width:4px;transform:translate(-50%);background:var(--pk-accent);box-shadow:0 0 14px var(--pk-accent),0 0 4px #fff;border-radius:2px}.pk-sweep-x:before{content:"";position:absolute;left:50%;top:-12px;border:8px solid transparent;border-top-color:var(--pk-accent);transform:translate(-50%)}.pk-lock-x{position:absolute;top:0;bottom:0;width:2px;transform:translate(-50%);background:color-mix(in srgb,var(--pk-accent) 55%,transparent)}.pk-sweep-y{position:absolute;transform:translate(-50%,-50%);color:var(--pk-accent);filter:drop-shadow(0 0 8px var(--pk-accent));display:grid;place-items:center}.pk-aim-mark{position:absolute;width:14px;height:14px;transform:translate(-50%,-50%);border-radius:50%;border:2px solid var(--pk-accent);box-shadow:0 0 10px var(--pk-accent);opacity:.7}.pk-spot{position:absolute;left:50%;bottom:84px;width:22px;height:7px;transform:translate(-50%);border-radius:50%;background:#ffffff8c}.pk-ball{position:absolute;z-index:3;left:0;top:0;width:26px;height:26px;border-radius:50%;background:radial-gradient(circle at 50% 50%,#111 0 18%,transparent 19%),radial-gradient(circle at 18% 30%,#111 0 10%,transparent 11%),radial-gradient(circle at 82% 30%,#111 0 10%,transparent 11%),radial-gradient(circle at 30% 85%,#111 0 10%,transparent 11%),radial-gradient(circle at 70% 85%,#111 0 10%,transparent 11%),radial-gradient(circle at 35% 30%,#fff,#d4d4d8);box-shadow:0 4px 10px #0009,0 0 12px #ffffff40;pointer-events:none;will-change:transform}.pk-kicker{position:absolute;z-index:3;left:50%;bottom:14px;transform:translate(-50%);transition:transform .2s}.pk-kicker .avatar{border-radius:50%;border:3px solid var(--pk-accent);box-shadow:0 0 18px color-mix(in srgb,var(--pk-accent) 70%,transparent)}.pk-kicking{animation:pk-kick .35s ease-out}.pk-prompt{position:absolute;z-index:4;left:50%;bottom:128px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:2px;font-size:15px;color:#e4e4ea;text-shadow:0 2px 6px #000;white-space:nowrap;pointer-events:none}.pk-prompt b{color:var(--pk-accent)}.pk-prompt small{font-size:11px;color:#9a9aa8;letter-spacing:.1em;text-transform:uppercase}.pk-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;display:grid;place-content:center;justify-items:center;gap:6px;text-align:center;background:#0a0a108c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.pk-overlay p{margin:0;color:#c9c9d3;font-weight:600;padding:0 16px}.pk-overlay-soft{animation:pk-fade .4s ease-out}.pk-count{font-size:96px;font-weight:900;line-height:1;text-shadow:0 0 30px var(--pk-accent);animation:pk-zoom 1s ease-out}.pk-final{font-size:64px;font-weight:900;text-shadow:0 0 30px var(--pk-accent);animation:pk-zoom .6s ease-out}.pk-callout{position:absolute;z-index:5;left:50%;top:46%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;font-size:clamp(30px,8vw,54px);font-weight:900;font-style:italic;letter-spacing:.02em;white-space:nowrap;pointer-events:none;animation:pk-pop .5s cubic-bezier(.2,1.6,.4,1)}.pk-callout small{font-size:.42em;font-style:normal;letter-spacing:.2em;text-transform:uppercase;color:#fde047;text-shadow:0 0 12px #fde047}.pk-callout-goal{color:#fff;text-shadow:0 0 24px var(--pk-accent),0 0 4px var(--pk-accent),0 4px 0 rgba(0,0,0,.5)}.pk-callout-miss{color:#fb7185;text-shadow:0 0 20px rgba(244,63,94,.7),0 4px 0 rgba(0,0,0,.5);font-size:clamp(22px,6vw,42px)}.pk-scored .pk-crowd{animation:pk-flicker .25s steps(2) infinite;opacity:1}@keyframes pk-flicker{50%{filter:brightness(1.25)}}@keyframes pk-pulse{50%{transform:scale(1.18)}}@keyframes pk-bob{0%,to{margin-left:-4%}50%{margin-left:4%}}@keyframes pk-ripple{0%{transform:none}25%{transform:scale(1.04,1.06) skew(-2deg);filter:brightness(1.6)}55%{transform:scale(.98,.97) skew(1.5deg)}to{transform:none}}@keyframes pk-clang{25%{transform:translate(calc(-50% - 4px))}75%{transform:translate(calc(-50% + 4px))}}@keyframes pk-kick{40%{transform:translate(-50%) translateY(-10px) rotate(-8deg) scale(1.08)}}@keyframes pk-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(1.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes pk-zoom{0%{opacity:0;transform:scale(1.8)}35%{opacity:1;transform:scale(1)}}@keyframes pk-fade{0%{opacity:0}}.tw-root{--tw-accent: #38bdf8;width:100%;height:480px;position:relative;overflow:hidden;background:#0a0a10;color:#f4f4f6;display:flex;flex-direction:column;cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;font-variant-numeric:tabular-nums}.tw-floor{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 50% 52%,color-mix(in srgb,var(--tw-accent) 22%,transparent),transparent 55%),repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0 1px,transparent 1px 40px),repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 40px),#0a0a10;transition:background-color .3s}.tw-flash-miss .tw-floor{animation:tw-red .6s ease-out}.tw-flash-perfect .tw-floor{animation:tw-white .6s ease-out}.tw-hud{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px 4px}.tw-stat{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:999px;background:#17171fe6;border:1px solid rgba(255,255,255,.08);font-size:13px;color:#a1a1ae}.tw-stat svg{color:var(--tw-accent)}.tw-stat b{color:#f4f4f6}.tw-score b{font-size:16px}.tw-lives{display:flex;gap:4px}.tw-life{color:#f43f5e;filter:drop-shadow(0 0 6px rgba(244,63,94,.7));transition:all .3s}.tw-life-lost{color:#2a2a35;transform:scale(.85);transition:all .3s}.tw-stage{position:relative;z-index:1;flex:1;min-height:0;display:grid;place-items:center;padding:6px 12px}.tw-wheel{position:relative;height:100%;max-height:370px;max-width:100%;aspect-ratio:1}.tw-svg{width:100%;height:100%;display:block;overflow:visible}.tw-rim-outer{fill:#101018;stroke:var(--tw-accent);stroke-width:2.5;filter:drop-shadow(0 0 8px var(--tw-accent))}.tw-seg{stroke:#0a0a10e6;stroke-width:.8}.tw-seg-a{fill:#17171f}.tw-seg-b{fill:#1f1f2b}.tw-target{fill:color-mix(in srgb,var(--tw-accent) 70%,transparent);stroke:var(--tw-accent);stroke-width:1.2;filter:drop-shadow(0 0 6px var(--tw-accent));animation:tw-glow .9s ease-in-out infinite alternate}.tw-perfect{fill:#fff;filter:drop-shadow(0 0 5px #ffffff);opacity:.92}.tw-light{fill:#fde68a;animation:tw-blink .72s steps(1) infinite}.tw-hub{stroke:var(--tw-accent);stroke-width:2}.tw-pointer{fill:#f4f4f6;stroke:var(--tw-accent);stroke-width:1.5;stroke-linejoin:round;filter:drop-shadow(0 0 6px var(--tw-accent))}.tw-hub-avatar{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none}.tw-hub-avatar .avatar{border-radius:50%;border:2px solid var(--tw-accent);box-shadow:0 0 16px color-mix(in srgb,var(--tw-accent) 70%,transparent)}.tw-ring-flash{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;pointer-events:none;animation:tw-ring .7s ease-out forwards}.tw-ring-perfect{box-shadow:0 0 0 4px #fff,0 0 60px 10px var(--tw-accent)}.tw-ring-hit{box-shadow:0 0 0 3px var(--tw-accent),0 0 40px 4px var(--tw-accent)}.tw-ring-miss{box-shadow:0 0 0 3px #f43f5e,0 0 40px 6px #f43f5ecc}.tw-flash-perfect .tw-light{animation:tw-strobe .12s steps(1) infinite;fill:#fff}.tw-flash-miss .tw-light{fill:#f43f5e;animation:none}.tw-foot{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:8px;padding:2px 12px 12px;font-size:13px;color:#a1a1ae;white-space:nowrap}.tw-dot{width:4px;height:4px;border-radius:50%;background:#3a3a48}.tw-hint{color:var(--tw-accent);font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:12px;min-width:9em}.tw-callout{position:absolute;z-index:5;left:50%;top:16%;transform:translate(-50%);padding:6px 18px;border-radius:999px;font-weight:900;font-size:22px;letter-spacing:.06em;white-space:nowrap;pointer-events:none;animation:tw-pop .45s cubic-bezier(.2,1.6,.4,1)}.tw-callout-perfect{background:#fff;color:#0a0a10;box-shadow:0 0 30px var(--tw-accent)}.tw-callout-hit{background:var(--tw-accent);color:#0a0a10;box-shadow:0 0 22px var(--tw-accent)}.tw-callout-miss{background:#f43f5e;color:#fff;box-shadow:0 0 22px #f43f5ecc}.tw-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;display:grid;place-content:center;justify-items:center;gap:6px;text-align:center;background:#0a0a1080;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px)}.tw-overlay p{margin:0;color:#c9c9d3;font-weight:600;padding:0 16px}.tw-overlay-soft{animation:tw-fade .4s ease-out;background:#0a0a10a6}.tw-count{font-size:96px;font-weight:900;line-height:1;text-shadow:0 0 30px var(--tw-accent);animation:tw-zoom 1s ease-out}.tw-final{font-size:56px;font-weight:900;text-shadow:0 0 30px var(--tw-accent);animation:tw-zoom .6s ease-out}@keyframes tw-glow{0%{opacity:.75}to{opacity:1}}@keyframes tw-blink{50%{opacity:.25}}@keyframes tw-strobe{50%{opacity:.2}}@keyframes tw-ring{0%{opacity:1;transform:scale(.96)}to{opacity:0;transform:scale(1.08)}}@keyframes tw-red{0%{background-color:#f43f5e73}}@keyframes tw-white{0%{background-color:#ffffff4d}}@keyframes tw-pop{0%{opacity:0;transform:translate(-50%) scale(1.6)}to{opacity:1;transform:translate(-50%) scale(1)}}@keyframes tw-zoom{0%{opacity:0;transform:scale(1.8)}35%{opacity:1;transform:scale(1)}}@keyframes tw-fade{0%{opacity:0}}:root{--bg: #08080c;--surface: #111118;--surface-2: #17171f;--surface-3: #1e1e28;--border: rgba(255, 255, 255, .07);--border-strong: rgba(255, 255, 255, .12);--text: #f4f4f6;--text-2: #a1a1b0;--text-3: #6b6b7b;--brand: #ec4899;--brand-2: #8b5cf6;--accent: #ec4899;--good: #10b981;--bad: #f43f5e;--radius: 16px;--display: "Sora", Inter, system-ui, sans-serif;color-scheme:dark}*{box-sizing:border-box}html{-webkit-font-smoothing:antialiased}body{margin:0;background:radial-gradient(900px 500px at 85% -120px,rgba(139,92,246,.16),transparent 70%),radial-gradient(700px 400px at -10% 10%,rgba(236,72,153,.08),transparent 70%),var(--bg);color:var(--text);font:15px/1.55 Inter,system-ui,sans-serif;min-height:100vh}button{font:inherit;color:inherit;cursor:pointer;background:none;border:0}button:disabled{opacity:.4;cursor:not-allowed}input,select,textarea{font:inherit;color:inherit}.num{font-variant-numeric:tabular-nums}.muted{color:var(--text-2)}.small{font-size:13px}.good{color:var(--good)}.bad{color:var(--bad)}.row-between{display:flex;justify-content:space-between;align-items:center}.shell{min-height:100vh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%);background:#08080cb8;border-bottom:1px solid var(--border)}.topbar-inner{max-width:1180px;margin:0 auto;padding:12px 24px;display:flex;align-items:center;gap:24px}.brand{display:inline-flex;align-items:center;gap:10px;font-family:var(--display);font-weight:700;font-size:18px;letter-spacing:-.02em}.brand.lg{font-size:26px;justify-content:center;margin:4px 0 8px}.brand-mark{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--brand),var(--brand-2));box-shadow:0 6px 20px -6px #ec489999}.segmented{display:flex;gap:2px;padding:4px;background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-right:auto}.segmented button{padding:7px 14px;border-radius:8px;font-size:14px;font-weight:500;color:var(--text-2);transition:all .15s}.segmented button:hover{color:var(--text)}.segmented button.on{color:var(--text);background:var(--surface-3);box-shadow:0 1px #ffffff0f inset,0 2px 8px #0000004d}.wallet{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;font-weight:600;font-size:14px;background:linear-gradient(var(--surface),var(--surface)) padding-box,linear-gradient(135deg,#fbbf24,#f59e0b55) border-box;border:1px solid transparent;color:#fcd34d}.page{flex:1;width:100%;max-width:1180px;margin:0 auto;padding:40px 24px 48px}.foot{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--text-3);font-size:12px;padding:24px;border-top:1px solid var(--border);text-align:center}.eyebrow{margin:0 0 10px;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.h1,.hero h1{font-family:var(--display);font-weight:700;letter-spacing:-.03em;margin:0 0 10px}.h1{font-size:34px}.h2{font-family:var(--display);font-size:22px;font-weight:700;letter-spacing:-.02em;margin:0}.lede{color:var(--text-2);font-size:16px;max-width:560px;margin:0 0 8px}.grad{background:linear-gradient(90deg,#f472b6,#a78bfa 60%,#60a5fa);-webkit-background-clip:text;background-clip:text;color:transparent}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:11px;font-weight:600;font-size:14px;text-decoration:none;transition:transform .12s,box-shadow .2s,background .2s;white-space:nowrap}.btn:not(:disabled):active{transform:scale(.98)}.btn.primary{color:#fff;background:linear-gradient(135deg,var(--brand),var(--brand-2));box-shadow:0 8px 24px -10px #ec4899b3,inset 0 1px #fff3}.btn.primary:not(:disabled):hover{box-shadow:0 10px 30px -8px #ec4899cc,inset 0 1px #ffffff40}.btn.secondary{background:var(--surface-3);border:1px solid var(--border-strong)}.btn.secondary:hover{background:#262632}.btn.ghost{background:transparent;border:1px solid var(--border-strong);color:var(--text-2)}.btn.ghost:hover{color:var(--text);background:var(--surface-2)}.btn.block{width:100%}.btn.lg{padding:13px 20px;font-size:15px}.btn.xl{padding:16px 20px;font-size:16px;border-radius:13px}.btn.cash{color:#fff;flex-direction:column;gap:2px;background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 10px 30px -10px #10b981cc}.btn.cash .num{font-size:13px;font-weight:500;opacity:.85}.icon-btn{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;border:1px solid var(--border-strong);color:var(--text-2);flex-shrink:0}.icon-btn:hover:not(:disabled){color:var(--text);background:var(--surface-2)}.avatar{display:inline-grid;place-items:center;flex-shrink:0;border-radius:30%;color:#fff;background:radial-gradient(circle at 30% 20%,color-mix(in srgb,var(--accent) 85%,white 15%),color-mix(in srgb,var(--accent) 55%,#000) 75%);box-shadow:inset 0 1px #ffffff4d,0 6px 18px -8px var(--accent)}.hero{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:36px;flex-wrap:wrap}.hero h1{font-size:clamp(32px,4.4vw,48px);line-height:1.08}.hero-stats{display:flex;gap:12px;flex-wrap:wrap}.stat{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:14px;background:var(--surface);border:1px solid var(--border);min-width:150px}.stat-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--surface-3);color:var(--text-2)}.stat-value{font-family:var(--display);font-weight:600;font-size:18px;line-height:1.2}.stat-label{font-size:12px;color:var(--text-3)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}.char-card{position:relative;display:flex;flex-direction:column;text-align:left;border-radius:20px;overflow:hidden;background:var(--surface);border:1px solid var(--border);transition:transform .2s,border-color .2s,box-shadow .2s}.char-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent) 40%,transparent);box-shadow:0 20px 50px -24px color-mix(in srgb,var(--accent) 70%,transparent)}.portrait{position:relative;height:150px;overflow:hidden;display:grid;place-items:center;background:radial-gradient(120% 90% at 20% 0%,color-mix(in srgb,var(--accent) 55%,transparent),transparent 60%),radial-gradient(80% 80% at 100% 100%,color-mix(in srgb,var(--accent) 30%,transparent),transparent 60%),linear-gradient(180deg,color-mix(in srgb,var(--accent) 18%,#0d0d14),#0d0d14)}.portrait:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(255,255,255,.08) 1px,transparent 1px);background-size:14px 14px;-webkit-mask-image:linear-gradient(transparent,#000 40%,transparent);mask-image:linear-gradient(transparent,#000 40%,transparent)}.portrait.tall{height:190px}.portrait-icon{color:#fff;opacity:.9;filter:drop-shadow(0 10px 30px color-mix(in srgb,var(--accent) 80%,transparent));position:relative;z-index:1}.level{position:absolute;top:12px;right:12px;z-index:1;font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px;background:#00000073;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.12)}.char-body{padding:18px;display:flex;flex-direction:column;gap:12px;flex:1}.char-head h3{margin:0;font-family:var(--display);font-size:19px;letter-spacing:-.02em}.class{font-size:13px;color:var(--accent);font-weight:500}.pills{display:flex;flex-wrap:wrap;gap:6px}.pill{font-size:12px;padding:3px 9px;border-radius:999px;background:var(--surface-3);color:var(--text-2);border:1px solid var(--border)}.xp{height:4px;border-radius:4px;background:var(--surface-3);overflow:hidden}.xp span{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 60%,white),var(--accent))}.meta{display:flex;justify-content:space-between;font-size:13px;color:var(--text-3)}.actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:auto}.char-card.new{align-items:center;justify-content:center;gap:8px;min-height:360px;border-style:dashed;border-color:var(--border-strong);background:transparent}.char-card.new:hover{background:var(--surface)}.new-icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:var(--surface-3);color:var(--text-2);margin-bottom:6px}.builder{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:40px;align-items:start}.field{margin-top:28px}.field-label{display:flex;align-items:center;gap:10px;font-weight:600;margin-bottom:12px}.step{width:22px;height:22px;border-radius:7px;display:grid;place-items:center;font-size:12px;background:var(--surface-3);color:var(--text-2);border:1px solid var(--border)}.hint{margin-left:auto;font-size:12px;font-weight:500;color:var(--text-3)}.arch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}.arch{position:relative;display:flex;gap:12px;align-items:flex-start;text-align:left;padding:14px;border-radius:14px;background:var(--surface);border:1px solid var(--border);transition:all .15s}.arch:hover{border-color:var(--border-strong);background:var(--surface-2)}.arch.on{border-color:color-mix(in srgb,var(--accent) 60%,transparent);background:color-mix(in srgb,var(--accent) 8%,var(--surface));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 15%,transparent)}.arch-text{display:flex;flex-direction:column;gap:2px;font-size:13px;color:var(--text-3);padding-right:16px}.arch-text strong{color:var(--text);font-size:14px}.arch-check{position:absolute;top:12px;right:12px;color:var(--accent)}.input{width:100%;padding:12px 14px;border-radius:12px;background:var(--surface);border:1px solid var(--border-strong);outline:none;transition:border-color .15s,box-shadow .15s;resize:vertical}.input::placeholder{color:var(--text-3)}.input:focus{border-color:color-mix(in srgb,var(--accent) 70%,transparent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 15%,transparent)}.input.invalid{border-color:var(--bad)}.warn{display:flex;align-items:center;gap:6px;color:#fb7185;font-size:13px;margin:8px 0 0}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{padding:7px 13px;border-radius:999px;font-size:13px;font-weight:500;background:var(--surface);border:1px solid var(--border-strong);color:var(--text-2);transition:all .15s}.chip:hover{color:var(--text)}.chip.on{color:#fff;border-color:transparent;background:color-mix(in srgb,var(--accent) 80%,#000);box-shadow:0 4px 14px -6px var(--accent)}.builder-preview{position:sticky;top:90px}.preview-card{border-radius:22px;overflow:hidden;background:var(--surface);border:1px solid var(--border);box-shadow:0 30px 60px -30px color-mix(in srgb,var(--accent) 50%,transparent)}.preview-body{padding:20px;display:flex;flex-direction:column;gap:10px}.preview-body h2{margin:0;font-family:var(--display);font-size:24px;letter-spacing:-.02em;word-break:break-word}.quote{margin:4px 0 8px;padding:12px 14px;border-radius:12px;background:var(--surface-2);color:var(--text-2);font-size:14px;font-style:italic;border-left:2px solid var(--accent)}.chat{display:flex;flex-direction:column;height:calc(100vh - 200px);min-height:520px;max-width:860px;margin:-16px auto 0;border-radius:22px;overflow:hidden;background:var(--surface);border:1px solid var(--border)}.chat-head{display:flex;align-items:center;gap:14px;padding:14px 18px;border-bottom:1px solid var(--border);background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 10%,var(--surface)),var(--surface))}.chat-title{flex:1;display:flex;flex-direction:column;min-width:0}.chat-title strong{font-family:var(--display);font-size:16px}.chat-title span{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-2)}.online{width:7px;height:7px;border-radius:50%;background:var(--good);box-shadow:0 0 0 3px #10b98133}.log{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:10px}.log-intro{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:12px 0 24px;margin-bottom:8px;border-bottom:1px solid var(--border)}.log-intro strong{font-family:var(--display);font-size:18px}.log-intro p{margin:0;max-width:460px;color:var(--text-3);font-size:13px}.bubble{display:flex;max-width:76%}.bubble .text{padding:11px 15px;border-radius:18px;white-space:pre-wrap;font-size:15px}.bubble.assistant .text{background:var(--surface-3);border-bottom-left-radius:6px}.bubble.user{align-self:flex-end}.bubble.user .text{color:#fff;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 85%,#000),color-mix(in srgb,var(--accent) 60%,#4c1d95));border-bottom-right-radius:6px}.typing{display:flex;gap:4px;padding:15px 16px!important}.typing i{width:6px;height:6px;border-radius:50%;background:var(--text-3);animation:blink 1.2s infinite}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}@keyframes blink{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.composer{display:flex;gap:8px;margin:0 16px 16px;padding:6px 6px 6px 16px;border-radius:16px;background:var(--surface-2);border:1px solid var(--border-strong)}.composer:focus-within{border-color:color-mix(in srgb,var(--accent) 60%,transparent)}.composer-input{flex:1;background:none;border:0;outline:none;min-width:0}.composer-input::placeholder{color:var(--text-3)}.send{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:#fff;background:var(--accent)}.game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;margin-top:28px}.game-card{text-align:left;border-radius:20px;overflow:hidden;background:var(--surface);border:1px solid var(--border);transition:transform .2s,box-shadow .2s,border-color .2s}.game-card:not(.locked):hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent) 45%,transparent);box-shadow:0 24px 50px -24px var(--accent)}.game-card.locked{opacity:.6}.game-art{position:relative;height:150px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(100% 100% at 50% 0%,color-mix(in srgb,var(--accent) 30%,transparent),transparent 70%),#0d0d14}.game-curve{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.game-icon{position:relative;color:#fff;filter:drop-shadow(0 8px 24px var(--accent))}.game-badge{position:absolute;top:12px;left:12px;display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;padding:4px 9px;border-radius:999px;background:#00000080;border:1px solid rgba(255,255,255,.12);color:var(--text-2)}.game-badge.live{color:#6ee7b7}.game-badge.live:before{content:"";width:6px;height:6px;border-radius:50%;background:#10b981;box-shadow:0 0 8px #10b981}.game-body{padding:18px}.game-body h3{margin:0 0 4px;font-family:var(--display);font-size:18px}.game-body p{margin:0;color:var(--text-2);font-size:14px}.game-meta{display:inline-flex;align-items:center;gap:6px;margin-top:12px;font-size:12px;color:var(--text-3)}.game-top{display:flex;align-items:center;gap:14px;margin-bottom:18px}.history{margin-left:auto;display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.history span{font-size:12px;font-weight:600;padding:4px 9px;border-radius:8px;background:var(--surface-2);border:1px solid var(--border);color:#93c5fd;font-variant-numeric:tabular-nums}.history .hi{color:#6ee7b7}.history .lo{color:#fda4af}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px}.stage{position:relative;height:480px;border-radius:22px;overflow:hidden;border:1px solid var(--border);background:radial-gradient(80% 70% at 70% 30%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 70%),linear-gradient(180deg,#0f0f17,#0a0a10);transition:box-shadow .3s}.stage.crashed{box-shadow:inset 0 0 0 1px #f43f5e66,inset 0 0 80px #f43f5e1f}.stage.cashed{box-shadow:inset 0 0 0 1px #10b98166,inset 0 0 80px #10b9811a}.stage canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.readout{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;text-align:center;pointer-events:none}.readout-mult{font-family:var(--display);font-weight:700;font-size:clamp(48px,8vw,88px);letter-spacing:-.04em;line-height:1;text-shadow:0 4px 40px rgba(0,0,0,.6)}.stage.crashed .readout-mult{color:#fb7185}.stage.cashed .readout-mult{color:#34d399}.readout-sub{margin-top:10px;font-size:14px;font-weight:500;color:var(--text-2)}.speech{position:absolute;top:16px;left:16px;display:flex;align-items:center;gap:10px;padding:8px 14px 8px 8px;border-radius:14px;max-width:calc(100% - 32px);background:#0a0a10b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-strong)}.speech div{display:flex;flex-direction:column;font-size:13px;line-height:1.35}.speech strong{font-size:12px;color:var(--accent)}.bet-panel{display:flex;flex-direction:column;gap:18px;padding:20px;border-radius:22px;background:var(--surface);border:1px solid var(--border)}.ctl{display:flex;flex-direction:column;gap:8px}.ctl>span{font-size:12px;font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:.08em}.pilot-select{display:flex;align-items:center;gap:10px;padding:6px 10px 6px 6px;border-radius:12px;background:var(--surface-2);border:1px solid var(--border-strong)}.pilot-select select{flex:1;background:none;border:0;outline:none;font-weight:600;min-width:0}.pilot-select option{background:var(--surface-2)}.input-group{display:flex;align-items:center;gap:6px;padding:4px 4px 4px 12px;border-radius:12px;background:var(--surface-2);border:1px solid var(--border-strong)}.input-group:focus-within{border-color:color-mix(in srgb,var(--accent) 60%,transparent)}.input-group input{flex:1;min-width:0;padding:8px 0;background:none;border:0;outline:none;font-weight:600;font-variant-numeric:tabular-nums}.input-group button{padding:7px 11px;border-radius:8px;background:var(--surface-3);font-size:13px;font-weight:600;color:var(--text-2)}.input-group button:hover:not(:disabled){color:var(--text)}.suffix{padding-right:10px;color:var(--text-3);font-weight:600}.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.quick button{padding:6px 0;border-radius:8px;font-size:12px;font-weight:600;color:var(--text-2);background:var(--surface-2);border:1px solid var(--border)}.quick button:hover:not(:disabled){color:var(--text);border-color:var(--border-strong)}.pilot-xp{display:flex;flex-direction:column;gap:8px;padding-top:16px;border-top:1px solid var(--border);font-size:13px;font-weight:500}.gate{min-height:100vh;display:grid;place-items:center;padding:16px}.gate-card{max-width:440px;text-align:center;padding:40px 32px 32px;border-radius:28px;background:#111118cc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-strong);box-shadow:0 40px 80px -40px #8b5cf680}.gate-card .lede{margin:0 auto 12px}.gate-avatars{display:flex;justify-content:center;margin-bottom:20px}.gate-avatars .avatar{margin:0 -6px;border:3px solid var(--surface)}.gate-avatars .avatar:nth-child(2){transform:translateY(-8px) scale(1.12);z-index:1}.gate-actions{display:flex;gap:10px;justify-content:center;margin-top:24px}@media (max-width: 900px){.builder,.game-layout{grid-template-columns:1fr}.builder-preview{position:static}.stage{height:360px}}@media (max-width: 640px){.topbar-inner{padding:10px 16px;gap:10px;flex-wrap:wrap}.segmented{order:3;width:100%;margin:0}.segmented button{flex:1}.wallet{margin-left:auto}.page{padding:24px 16px 40px}.h1{font-size:28px}.bubble{max-width:90%}.chat{height:calc(100vh - 230px)}.history{display:none}}.avatar{overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.char-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.char-tile{position:relative;aspect-ratio:3 / 4.4;border-radius:18px;overflow:hidden;cursor:pointer;background:var(--surface);border:1px solid var(--border);transition:transform .25s,box-shadow .25s,border-color .25s;isolation:isolate;text-align:left}.char-tile:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--accent) 50%,transparent);box-shadow:0 24px 50px -22px color-mix(in srgb,var(--accent) 80%,transparent)}.char-tile .portrait{position:absolute;top:0;right:0;bottom:0;left:0;height:auto;z-index:-1;transition:transform .5s}.char-tile:hover .portrait{transform:scale(1.04)}.portrait-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.portrait-initial{position:absolute;top:4%;left:50%;transform:translate(-50%);font-family:var(--display);font-weight:700;font-size:180px;line-height:1;color:transparent;-webkit-text-stroke:1px color-mix(in srgb,var(--accent) 45%,transparent);opacity:.6}.char-tile .portrait-icon{position:absolute;top:24%;left:50%;transform:translate(-50%)}.tile-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000 35%,#0000008c 62%,#000000eb);pointer-events:none}.tile-fav{position:absolute;top:10px;right:10px;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;color:#fff;background:#00000040;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:transform .15s,color .15s}.tile-fav:hover{transform:scale(1.1)}.tile-fav.on{color:#f43f5e}.tile-level{position:absolute;top:14px;left:12px;font-size:11px;font-weight:600;padding:4px 9px;border-radius:999px;background:#0006;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.12);color:#ffffffd9}.tile-info{position:absolute;left:0;right:0;bottom:0;padding:14px;display:flex;flex-direction:column;gap:4px}.tile-info h3{margin:0;font-family:var(--display);font-size:19px;letter-spacing:-.02em;text-shadow:0 2px 10px rgba(0,0,0,.6)}.tile-info p{margin:0;font-size:13px;line-height:1.4;color:#ffffffc7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tile-meta{display:flex;align-items:center;justify-content:space-between;margin-top:8px;font-size:13px;color:#ffffffbf}.tile-meta>span{display:inline-flex;align-items:center;gap:5px}.tile-play{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:999px;font-size:12px;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--brand),var(--brand-2));opacity:0;transform:translateY(4px);transition:all .2s}.char-tile:hover .tile-play,.char-tile:focus-within .tile-play{opacity:1;transform:none}@media (hover: none){.tile-play{opacity:1;transform:none}}.g-f{color:#f9a8d4}.g-m{color:#93c5fd}.char-tile.new{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border-style:dashed;border-color:var(--border-strong);background:transparent}.char-tile.new:hover{background:var(--surface)}@media (max-width: 640px){.char-grid{grid-template-columns:repeat(2,1fr);gap:10px}.tile-info h3{font-size:16px}.tile-info{padding:10px}}.portrait-img{object-position:center 20%}.hero{align-items:center}.hero-copy{flex:1 1 460px}.hero-ctas{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0 24px}.hero-collage{position:relative;flex:0 0 400px;height:360px}.collage-card{position:absolute;width:190px;aspect-ratio:3 / 4;border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,.12);box-shadow:0 30px 60px -25px color-mix(in srgb,var(--accent) 80%,#000);transition:transform .4s}.collage-card .portrait{position:absolute;top:0;right:0;bottom:0;left:0;height:auto}.collage-card.c0{left:0;top:50px;transform:rotate(-8deg)}.collage-card.c1{left:105px;top:0;z-index:2;width:200px}.collage-card.c2{right:0;top:60px;transform:rotate(8deg)}.hero-collage:hover .c0{transform:rotate(-11deg) translate(-10px)}.hero-collage:hover .c2{transform:rotate(11deg) translate(10px)}.section-head{display:flex;align-items:center;justify-content:space-between;margin:8px 0 16px}.section-head .h2{display:flex;align-items:center;gap:8px}.star{color:#fbbf24;fill:#fbbf24}.scroll-btns{display:flex;gap:6px}.featured{margin-bottom:40px}.featured-row{display:grid;grid-auto-flow:column;grid-auto-columns:250px;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 92%,transparent);mask-image:linear-gradient(90deg,#000 92%,transparent)}.featured-row::-webkit-scrollbar{display:none}.feature-card{position:relative;aspect-ratio:3 / 4.2;border-radius:20px;overflow:hidden;cursor:pointer;scroll-snap-align:start;isolation:isolate;border:1px solid var(--border);transition:transform .25s,box-shadow .25s,border-color .25s}.feature-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--accent) 55%,transparent);box-shadow:0 24px 50px -22px color-mix(in srgb,var(--accent) 80%,transparent)}.feature-card .portrait{position:absolute;top:0;right:0;bottom:0;left:0;height:auto;z-index:-1;transition:transform .5s}.feature-card:hover .portrait{transform:scale(1.05)}.feature-info{position:absolute;left:0;right:0;bottom:0;padding:16px;display:flex;flex-direction:column;gap:6px}.feature-info h3{margin:0;font-family:var(--display);font-size:21px;letter-spacing:-.02em;text-shadow:0 2px 10px rgba(0,0,0,.6)}.feature-info p{margin:0;font-size:13px;line-height:1.4;color:#fffc;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.feature-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:6px}.btn.sm{padding:8px 10px;font-size:13px;border-radius:10px}.feature-card .btn.secondary{background:#ffffff1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-color:#ffffff26}@media (max-width: 900px){.hero-collage{display:none}}@media (max-width: 640px){.featured-row{grid-auto-columns:72%}.scroll-btns{display:none}}.arch-strip-wrap{position:relative}.arch-strip{display:grid;grid-auto-flow:column;grid-auto-columns:104px;gap:10px;overflow-x:auto;scroll-snap-type:x proximity;padding:2px 2px 6px;scrollbar-width:none}.arch-strip::-webkit-scrollbar{display:none}.arch-tile{position:relative;aspect-ratio:4 / 5;border-radius:14px;overflow:hidden;scroll-snap-align:start;border:1px solid var(--border-strong);background:var(--surface-2);transition:transform .15s,box-shadow .15s,border-color .15s}.arch-tile img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;filter:saturate(.85) brightness(.8);transition:filter .2s,transform .3s}.arch-tile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.85))}.arch-tile:hover img{filter:saturate(1) brightness(.95);transform:scale(1.05)}.arch-tile.on{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent),0 10px 24px -10px var(--accent)}.arch-tile.on img{filter:none}.arch-label{position:absolute;left:8px;right:8px;bottom:7px;z-index:1;font-size:11.5px;font-weight:600;line-height:1.2;text-align:left}.arch-tick{position:absolute;top:6px;right:6px;z-index:1;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#0b0b10}.strip-nav{position:absolute;top:calc(50% - 18px);width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#111118e6;border:1px solid var(--border-strong);color:var(--text);z-index:2}.strip-nav.left{left:-12px}.strip-nav.right{right:-12px}.arch-blurb{margin:8px 0 0;font-size:13px;color:var(--text-2)}.name-row{display:flex;gap:10px;flex-wrap:wrap}.name-row .input{flex:1 1 220px}.seg-mini{display:flex;padding:3px;gap:2px;border-radius:12px;background:var(--surface);border:1px solid var(--border-strong)}.seg-mini button{padding:7px 12px;border-radius:9px;font-size:13px;font-weight:500;color:var(--text-2)}.seg-mini button.on{background:var(--surface-3);color:var(--text)}.looks{display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:16px;background:var(--surface);border:1px solid var(--border)}.look-row{display:grid;grid-template-columns:84px 1fr;gap:12px;align-items:center}.look-label{font-size:12px;font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:.06em}.chip.sm{padding:5px 11px;font-size:12.5px}.swatches{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.swatch{width:26px;height:26px;border-radius:50%;background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--sw) 60%,white),var(--sw) 60%);border:2px solid var(--surface);box-shadow:0 0 0 1px var(--border-strong);transition:transform .15s,box-shadow .15s}.swatch:hover{transform:scale(1.1)}.swatch.on{box-shadow:0 0 0 2px var(--accent),0 0 12px var(--sw)}.swatch-name{font-size:13px;color:var(--text-2);margin-left:4px}.preview-photo{position:relative;height:220px;overflow:hidden}.preview-photo img{width:100%;height:100%;object-fit:cover}.preview-photo:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 50%,var(--surface))}.preview-looks{margin:0;font-size:13px;color:var(--text-2)}@media (max-width: 640px){.look-row{grid-template-columns:1fr;gap:6px}.strip-nav{display:none}}.builder-form,.builder-preview{min-width:0}@media (max-width: 900px){.builder{grid-template-columns:minmax(0,1fr)}}.inbox{display:grid;grid-template-columns:300px minmax(0,1fr);gap:16px;height:calc(100vh - 190px);min-height:560px;margin-top:-16px}.inbox-list{display:flex;flex-direction:column;min-height:0;border-radius:20px;background:var(--surface);border:1px solid var(--border);overflow:hidden}.inbox-search{display:flex;align-items:center;gap:8px;margin:12px;padding:9px 12px;border-radius:12px;background:var(--surface-2);border:1px solid var(--border-strong);color:var(--text-3)}.inbox-search input{flex:1;min-width:0;background:none;border:0;outline:none;color:var(--text)}.inbox-items{flex:1;overflow-y:auto;padding:0 8px 8px}.inbox-item{position:relative;width:100%;display:flex;align-items:center;gap:12px;padding:10px;border-radius:14px;text-align:left;transition:background .15s}.inbox-item:hover{background:var(--surface-2)}.inbox-item.on{background:color-mix(in srgb,var(--accent) 12%,var(--surface-2));box-shadow:inset 2px 0 0 var(--accent)}.inbox-meta{display:flex;flex-direction:column;min-width:0}.inbox-meta strong{font-size:14px}.inbox-meta span{font-size:12.5px;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inbox-topic{position:absolute;top:10px;right:10px;color:var(--accent)}.inbox-main{display:flex;flex-direction:column;gap:10px;min-height:0;min-width:0}.lore-bar{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:14px;background:var(--surface);border:1px solid var(--border)}.lore-label{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);flex-shrink:0;padding-left:4px}.lore-chips{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 94%,transparent);mask-image:linear-gradient(90deg,#000 94%,transparent)}.lore-chips::-webkit-scrollbar{display:none}.lore-chips .chip{flex-shrink:0}.chat.embedded{flex:1;height:auto;min-height:0;max-width:none;margin:0}.starters{display:flex;gap:8px;padding:0 16px 10px;overflow-x:auto;scrollbar-width:none}.starter{flex-shrink:0;padding:8px 12px;border-radius:12px;font-size:13px;color:var(--text-2);background:var(--surface-2);border:1px solid var(--border-strong);transition:all .15s}.starter:hover:not(:disabled){color:var(--text);border-color:color-mix(in srgb,var(--accent) 60%,transparent)}@media (max-width: 800px){.inbox{grid-template-columns:1fr;height:auto}.inbox-list{max-height:220px}.chat.embedded{height:70vh;flex:none}.hide-sm{display:none}}.feature-lore{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:40px;align-items:center;margin:8px 0 48px;padding:36px;border-radius:28px;background:radial-gradient(600px 300px at 90% 0%,rgba(139,92,246,.18),transparent 70%),radial-gradient(500px 300px at 0% 100%,rgba(236,72,153,.12),transparent 70%),var(--surface);border:1px solid var(--border)}.fl-copy h2{font-family:var(--display);font-size:clamp(26px,3.2vw,36px);line-height:1.12;letter-spacing:-.03em;margin:14px 0 12px}.fl-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;font-size:12px;font-weight:600;color:#f0abfc;background:#d946ef1f;border:1px solid rgba(217,70,239,.3)}.fl-points{list-style:none;padding:0;margin:18px 0;display:flex;flex-direction:column;gap:12px}.fl-points li{display:flex;gap:10px;align-items:flex-start;color:var(--text-2);font-size:14.5px}.fl-points li svg{flex-shrink:0;margin-top:2px;color:#c4b5fd}.fl-points strong{color:var(--text)}.fl-universes{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:22px}.fl-demo{border-radius:22px;background:var(--bg);border:1px solid var(--border-strong);overflow:hidden;box-shadow:0 30px 60px -30px color-mix(in srgb,var(--accent) 70%,transparent)}.fl-demo-head{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--accent) 8%,var(--surface))}.fl-demo-head div{display:flex;flex-direction:column}.fl-demo-head strong{font-size:14px}.fl-demo-head span{font-size:12px;color:var(--text-3)}.fl-demo-log{display:flex;flex-direction:column;gap:10px;padding:16px}.fl-demo-log .bubble{max-width:88%}.fl-demo-log .text{font-size:13.5px}@media (max-width: 900px){.feature-lore{grid-template-columns:1fr;padding:24px;gap:24px}}.game-art{height:170px}.game-photo{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .5s}.game-art:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(0,0,0,.15),transparent 40%,color-mix(in srgb,var(--surface) 85%,transparent));pointer-events:none}.game-card:not(.locked):hover .game-photo{transform:scale(1.05)}.game-card.locked .game-photo{filter:grayscale(.6) brightness(.7)}.game-badge{z-index:1}.game-card{display:flex;flex-direction:column;align-self:stretch;height:100%;padding:0;color:inherit}.game-body{flex:1}.seg-options{display:flex;gap:4px;padding:4px;border-radius:12px;background:var(--surface-2);border:1px solid var(--border-strong)}.seg-options button{flex:1;padding:7px 4px;border-radius:8px;font-size:13px;font-weight:600;color:var(--text-2)}.seg-options button.on{background:var(--surface-3);color:var(--text);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 50%,transparent)}.dual{display:grid;grid-template-columns:1fr 1fr;gap:8px}.board-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:72px 18px 18px;height:auto;min-height:480px}.mines-status{font-size:14px;color:var(--text-2)}.mines-status b{color:var(--text);font-variant-numeric:tabular-nums}.mines-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;width:min(100%,380px)}.mine-tile{aspect-ratio:1;border-radius:14px;display:grid;place-items:center;color:#fff;background:linear-gradient(160deg,#262636,#191924);border:1px solid var(--border-strong);box-shadow:inset 0 1px #ffffff0f,0 4px #0c0c12;transition:transform .12s,background .2s,box-shadow .2s}.mine-tile:not(:disabled):hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 60%,transparent);box-shadow:0 0 18px -4px var(--accent),0 4px #0c0c12}.mine-tile:disabled{cursor:default;opacity:1}.mine-tile.open{transform:none;box-shadow:none;animation:pop .25s ease-out}.mine-tile.gem{background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--accent) 45%,#13131b),#13131b 75%);color:color-mix(in srgb,var(--accent) 70%,white);border-color:color-mix(in srgb,var(--accent) 40%,transparent)}.mine-tile.mine{background:radial-gradient(circle at 50% 40%,#f43f5e59,#13131b 75%);color:#fb7185;border-color:#f43f5e66}.mine-tile.hit{background:radial-gradient(circle,#f43f5e,#7f1d1d);color:#fff;animation:shake .35s}.mine-tile.dim{opacity:.45}@keyframes pop{0%{transform:scale(.85)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.plinko-last{position:absolute;top:20px;right:18px;font-size:13px;color:var(--text-2);padding:6px 10px;border-radius:10px;background:#0a0a10b3;border:1px solid var(--border-strong)}.plinko-last b{color:var(--text)}.road{display:flex;width:100%;height:300px;overflow-x:auto;border-radius:16px;background:#15151c;border:1px solid var(--border);scrollbar-width:thin}.lane{position:relative;flex:0 0 92px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(90deg,transparent calc(100% - 2px),rgba(255,255,255,.18) calc(100% - 2px)),repeating-linear-gradient(180deg,transparent 0 26px,rgba(255,255,255,0) 26px 40px),#1b1b24}.lane:after{content:"";position:absolute;top:0;bottom:0;right:0;width:2px;background:repeating-linear-gradient(180deg,rgba(255,255,255,.35) 0 18px,transparent 18px 34px)}.lane.curb{flex-basis:96px;background:linear-gradient(180deg,#2a2a36,#22222c)}.lane.curb:after{background:#ffffff40}.lane.finish{background:repeating-conic-gradient(#2a2a36 0,#2a2a36 25%,#1f1f28 0,#1f1f28 50%) 0 0 / 20px 20px}.lane.passed{background:color-mix(in srgb,var(--accent) 10%,#1b1b24)}.lane.crash{background:radial-gradient(circle,#f43f5e59,#1b1b24 70%)}.lane-mult{position:absolute;bottom:12px;left:50%;transform:translate(-50%);font-size:12px;font-weight:700;padding:4px 8px;border-radius:8px;white-space:nowrap;background:#00000073;border:1px solid rgba(255,255,255,.12);color:#fde68a;font-variant-numeric:tabular-nums}.lane.passed .lane-mult{color:#6ee7b7}.lane-check{color:#6ee7b7;opacity:.7}.car{position:absolute;top:-40px;color:#94a3b8;transform:rotate(90deg);animation:drive linear infinite}@keyframes drive{0%{top:-40px}to{top:110%}}.car.stopped{position:absolute;top:auto;bottom:-6px;right:-18px;color:#f43f5e;animation:none;transform:rotate(90deg)}.runner{position:relative;z-index:1;animation:hop .3s ease-out;filter:drop-shadow(0 6px 14px rgba(0,0,0,.6))}.runner .avatar{border:2px solid var(--accent)}.runner.hit .avatar{filter:grayscale(.6);border-color:#f43f5e;animation:shake .35s}@keyframes hop{0%{transform:translateY(0) scale(1)}50%{transform:translateY(-14px) scale(1.06)}to{transform:translateY(0) scale(1)}}.game-art{height:auto;aspect-ratio:4 / 3.4}.game-photo{object-position:center 18%}.corners{display:grid;grid-template-columns:1fr 1fr;gap:16px;width:min(100%,460px)}.corner{display:flex;flex-direction:column;align-items:center;gap:8px;padding:28px 12px;border-radius:20px;color:#fff;border:1px solid var(--border-strong);transition:transform .15s,box-shadow .2s,opacity .2s}.corner.red{background:linear-gradient(160deg,#7f1d1d,#2a0f14)}.corner.blue{background:linear-gradient(160deg,#1e3a8a,#0f172a)}.corner span{font-size:12px;color:#ffffffb3}.corner:not(:disabled):hover{transform:translateY(-3px);box-shadow:0 12px 30px -10px var(--accent)}.corner:disabled{opacity:1;cursor:default}.corner.winner{box-shadow:0 0 0 2px #fbbf24,0 0 30px -6px #fbbf24}.corner.loser{opacity:.4}.corner.picked:after{content:"Your pick";font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px;background:#ffffff26}.card-row{display:flex;justify-content:center}.playing-card{position:relative;width:150px;aspect-ratio:5 / 7;border-radius:14px;background:linear-gradient(160deg,#fff,#e5e7eb);color:#111827;box-shadow:0 20px 40px -16px #000000b3;animation:deal .3s ease-out}.playing-card.red{color:#dc2626}.pc-corner{position:absolute;top:10px;left:12px;font-weight:800;font-size:20px;line-height:1.05;text-align:center}.pc-corner.br{top:auto;left:auto;bottom:10px;right:12px;transform:rotate(180deg)}.pc-center{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:64px}@keyframes deal{0%{transform:translateY(-20px) rotate(-6deg);opacity:0}to{transform:none;opacity:1}}.card-trail{display:flex;gap:6px;min-height:28px}.card-trail span{font-size:13px;font-weight:700;padding:4px 8px;border-radius:8px;background:#e5e7eb;color:#111827;opacity:.8}.card-trail span.red{color:#dc2626}.btn.stack{flex-direction:column;gap:2px}.btn.stack>span:first-child{display:inline-flex;align-items:center;gap:6px}.pitch{background:radial-gradient(80% 60% at 50% 100%,rgba(34,197,94,.25),transparent 70%),linear-gradient(180deg,#0f1712,#0a0f0c)}.goal{position:relative;display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:1fr 1fr;gap:10px;width:min(100%,460px);aspect-ratio:2.4;padding:14px;border:6px solid #e5e7eb;border-bottom:0;border-radius:8px 8px 0 0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.06) 0 2px,transparent 2px 16px),repeating-linear-gradient(0deg,rgba(255,255,255,.06) 0 2px,transparent 2px 16px)}.goal-spot{display:grid;place-items:center;border-radius:12px;font-weight:800;font-size:13px;color:#fff;background:#ffffff14;border:1px dashed rgba(255,255,255,.3);transition:all .15s}.goal-spot:not(:disabled):hover{background:color-mix(in srgb,var(--accent) 35%,transparent);border-style:solid}.goal-spot:disabled{opacity:1;cursor:default}.goal-spot.s0{grid-column:1 / 3}.goal-spot.s1{grid-column:5 / 7}.goal-spot.s2{grid-column:3 / 5;grid-row:1 / 3}.goal-spot.s3{grid-column:1 / 3;grid-row:2}.goal-spot.s4{grid-column:5 / 7;grid-row:2}.goal-spot.covered{background:#f43f5e2e;border-color:#f43f5e80;color:#fda4af}.goal-spot.scored{background:#10b98159;border:1px solid #10b981;animation:pop .25s}.goal-spot.saved{background:#9f1239;color:#fff;animation:shake .35s}.jump-track{position:relative;width:min(100%,560px);height:120px;margin-top:10px}.jump-zone{position:absolute;bottom:30px;height:10px;border-radius:6px}.jump-zone.lose{left:0;background:#f43f5e73}.jump-zone.win{background:#10b98199}.jump-target{position:absolute;bottom:24px;width:2px;height:50px;background:#fff;transform:translate(-1px)}.jump-target span{position:absolute;top:-22px;left:50%;transform:translate(-50%);font-size:12px;font-weight:700;white-space:nowrap}.jump-car{position:absolute;bottom:40px;transform:translate(-50%);color:var(--accent);transition:left 1s cubic-bezier(.2,.7,.3,1);filter:drop-shadow(0 6px 14px rgba(0,0,0,.6))}.jump-car.flying{animation:arc 1s ease-out}@keyframes arc{0%{transform:translate(-50%)}50%{transform:translate(-50%,-50px) rotate(-8deg)}to{transform:translate(-50%)}}.jump-mark{position:absolute;bottom:0;transform:translate(-50%);font-size:12px;font-weight:700;padding:2px 6px;border-radius:6px;background:var(--surface-3)}.jump-mark.good{color:#6ee7b7}.jump-mark.bad{color:#fda4af}.jump-scale{position:absolute;left:0;right:0;bottom:-22px;display:flex;justify-content:space-between;font-size:11px;color:var(--text-3)}.range{width:100%;accent-color:var(--accent)}.wheel-wrap{position:relative;width:300px;height:300px}.wheel{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:6px solid #2a2a36;box-shadow:0 0 0 2px #ffffff14,0 20px 50px -20px #000c;transition:transform 3.5s cubic-bezier(.12,.7,.15,1)}.wheel-label{position:absolute;left:50%;top:50%;width:40px;margin:-9px 0 0 -20px;text-align:center;font-size:12px;font-weight:800;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.7)}.wheel-pointer{position:absolute;top:-10px;left:50%;z-index:2;width:0;height:0;transform:translate(-50%);border-left:13px solid transparent;border-right:13px solid transparent;border-top:24px solid #fff;filter:drop-shadow(0 3px 4px rgba(0,0,0,.6))}.wheel-hub{position:absolute;left:50%;top:50%;width:84px;height:84px;margin:-42px 0 0 -42px;z-index:1;border-radius:50%;display:grid;place-items:center;font-family:var(--display);font-weight:700;background:radial-gradient(circle at 35% 30%,#2f2f3d,#121218);border:3px solid var(--accent);box-shadow:0 0 24px -4px var(--accent)}.wheel-legend{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px;font-size:13px;font-weight:600}.wheel-legend span{display:flex;align-items:center;gap:6px}.wheel-legend i{width:12px;height:12px;border-radius:3px}.wheel-legend em{font-style:normal;font-weight:500;color:var(--text-3);margin-left:auto}@media (max-width: 640px){.wheel-wrap{transform:scale(.85)}.playing-card{width:120px}}.car{transform:none;color:#cbd5e1;filter:drop-shadow(0 0 6px rgba(253,224,71,.5))}.car.stopped{transform:none;right:-12px;bottom:2px}.level-wrap{position:relative;margin-left:auto}.level-badge{display:inline-flex;align-items:center;gap:8px;padding:5px 13px 5px 5px;border-radius:999px;font-weight:600;font-size:14px;background:linear-gradient(var(--surface),var(--surface)) padding-box,linear-gradient(135deg,#a78bfa,#ec489955) border-box;border:1px solid transparent;color:#ddd6fe}.level-badge:hover{color:#fff}.level-ring{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;color:#fbbf24;background:radial-gradient(closest-side,var(--surface) 72%,transparent 74%),conic-gradient(#a78bfa var(--pct),rgba(255,255,255,.1) 0)}.level-pop{position:absolute;right:0;top:calc(100% + 10px);z-index:30;width:260px;padding:14px;border-radius:14px;display:flex;flex-direction:column;gap:10px;background:var(--surface-2);border:1px solid var(--border-strong);box-shadow:0 20px 40px -12px #000000b3}.level-pop p{margin:0}.level-pop .xp span{background:linear-gradient(90deg,#a78bfa,#ec4899)}.topbar-inner .wallet{margin-left:0}.segmented{margin-right:0}.game-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center 45%;opacity:0;transition:opacity .3s}.game-video.on{opacity:1}.game-badge.preview{left:auto;right:12px;color:#fde68a}.cine-wrap{display:flex;justify-content:center}.cine{position:relative;width:min(100%,400px);aspect-ratio:9 / 16;max-height:720px;border-radius:26px;overflow:hidden;isolation:isolate;border:1px solid var(--border-strong);box-shadow:0 30px 70px -30px #000000e6,0 0 0 6px #0c0c12;background:#000}.scene{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden}.cine-hud{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;gap:8px;padding:12px;background:linear-gradient(180deg,rgba(0,0,0,.75),transparent)}.cine-player{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.cine-player div{display:flex;flex-direction:column;line-height:1.2;min-width:0}.cine-player strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cine-player span{font-size:10px;color:#fff9}.cine-auto{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:999px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;background:#ffffff1f;border:1px solid rgba(255,255,255,.25)}.cine-auto.on{background:#10b981;border-color:#10b981}.cine-balance{display:inline-flex;align-items:center;gap:5px;font-weight:800;font-size:13px;color:#fde68a}.cine-quip{position:absolute;top:58px;left:50%;transform:translate(-50%);max-width:86%;padding:5px 12px;border-radius:999px;font-size:12px;font-style:italic;background:#00000080;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cine-result{position:absolute;left:50%;top:38%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 26px;border-radius:18px;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);animation:pop .3s ease-out;z-index:2}.cine-result strong{font-family:var(--display);font-size:34px;letter-spacing:-.02em;text-transform:uppercase;text-shadow:0 0 24px currentColor}.cine-result.win span{color:#6ee7b7;font-weight:700}.cine-result.lose span{color:#fda4af;font-weight:700}.cine-bottom{position:absolute;left:0;right:0;bottom:0;padding:30px 10px 10px;background:linear-gradient(0deg,rgba(0,0,0,.85) 55%,transparent)}.cine-options{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-radius:12px;overflow:visible;margin-top:10px}.cine-opt{position:relative;padding:12px 4px;font-size:13px;font-weight:800;text-transform:uppercase;color:#111;background:linear-gradient(180deg,#f8fafc,#cbd5e1);border-right:1px solid rgba(0,0,0,.12);transition:background .15s,color .15s,transform .1s}.cine-opt:first-child{border-radius:12px 0 0 12px}.cine-opt:last-child{border-radius:0 12px 12px 0;border-right:0}.cine-opt:not(:disabled):hover{background:linear-gradient(180deg,#fff,#e2e8f0)}.cine-opt:not(:disabled):active{transform:scale(.97)}.cine-opt:disabled{opacity:1;cursor:default}.cine-opt.picked{color:#fff;background:var(--tint)}.cine-opt.landed{box-shadow:0 0 0 3px #fff,0 0 24px var(--tint);z-index:1}.cine-mult{position:absolute;top:-12px;left:50%;transform:translate(-50%);padding:2px 8px;border-radius:8px;font-size:11px;font-weight:800;color:#fff;background:#111827;border:1px solid rgba(255,255,255,.15);white-space:nowrap}.cine-mult small{font-size:9px}.cine-check{position:absolute;top:-8px;right:6px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#111}.cine-stats-row{display:flex;justify-content:space-between;align-items:center;margin-top:10px;font-size:10.5px;color:#ffffffb3}.cine-stats-row button{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;font-size:10.5px;background:#ffffff1a}.cine-stats{display:flex;justify-content:center;gap:12px;margin-top:6px;font-size:11px}.cine-stats span{display:inline-flex;align-items:center;gap:4px}.cine-stats i{width:8px;height:8px;border-radius:50%}.cine-ticker{display:flex;gap:8px;margin-top:8px;font-size:11px;font-weight:700;overflow:hidden;white-space:nowrap;-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent);mask-image:linear-gradient(90deg,#000 85%,transparent)}.cine-help{margin:0}.hoop-scene{background:radial-gradient(70% 40% at 50% 10%,rgba(96,165,250,.35),transparent 70%),linear-gradient(180deg,#0b1120,#111827 55%,#3b2412)}.arena-lights{position:absolute;inset:0 0 auto 0;height:30%;background:repeating-linear-gradient(90deg,#fff0 0,#fff0 30px,#bfdbfe2e 30px,#bfdbfe2e 34px);filter:blur(2px)}.arena-crowd{position:absolute;left:0;right:0;top:24%;height:26%;background-image:radial-gradient(circle,rgba(255,255,255,.22) 1.5px,transparent 2px),radial-gradient(circle,rgba(251,191,36,.2) 1.5px,transparent 2px);background-size:11px 9px,17px 13px;background-position:0 0,5px 4px;opacity:.8}.court{position:absolute;left:-20%;right:-20%;bottom:0;height:48%;background:linear-gradient(180deg,#a16207,#78350f);transform:perspective(300px) rotateX(35deg);transform-origin:bottom;box-shadow:inset 0 0 0 3px #ffffff80}.hoop{position:absolute;right:10%;top:26%;width:34%}.backboard{width:100%;aspect-ratio:1.6;border:3px solid #e5e7eb;border-radius:4px;background:#ffffff1f;display:grid;place-items:end center;padding-bottom:6%}.board-square{width:40%;height:40%;border:3px solid #f97316}.rim{position:absolute;left:22%;width:56%;height:9px;margin-top:-4px;border-radius:50%;border:4px solid #f97316;box-shadow:0 0 10px #f97316}.net{position:absolute;left:26%;width:48%;height:46px;margin-top:4px;background:repeating-linear-gradient(60deg,transparent 0 6px,rgba(255,255,255,.75) 6px 7px),repeating-linear-gradient(-60deg,transparent 0 6px,rgba(255,255,255,.75) 6px 7px);clip-path:polygon(0 0,100% 0,82% 100%,18% 100%);transform-origin:top}.hoop.net-swish .net{animation:swish .5s 1.25s ease-out}.hoop.rim-shake .rim{animation:shake .35s 1.2s}@keyframes swish{50%{transform:scaleY(1.35) scaleX(.85)}}.shooter{position:absolute;left:8%;bottom:20%;transition:transform .3s}.shooter .avatar{border-radius:24px;border:3px solid rgba(255,255,255,.8);box-shadow:0 20px 40px -10px #000c}.shooter.shoot{animation:jumpshot .7s ease-out}@keyframes jumpshot{40%{transform:translateY(-30px)}}.ball{position:absolute;width:30px;height:30px;border-radius:50%;z-index:1;background:radial-gradient(circle at 35% 30%,#fdba74,#ea580c 60%,#9a3412);box-shadow:inset 0 0 0 1px #0006}.ball:before,.ball:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border-left:2px solid rgba(0,0,0,.45);transform:scaleX(.4)}.ball:after{transform:rotate(90deg) scaleX(.4)}.ball.held{left:32%;bottom:42%}.ball.shot-swish{animation:b-swish 1.6s forwards cubic-bezier(.3,.6,.5,1)}.ball.shot-rim{animation:b-rim 1.8s forwards ease-out}.ball.shot-miss{animation:b-miss 1.7s forwards ease-out}@keyframes b-swish{0%{left:32%;bottom:42%}45%{left:52%;bottom:82%}75%{left:67%;bottom:64%}85%{left:67%;bottom:58%}to{left:67%;bottom:30%}}@keyframes b-rim{0%{left:32%;bottom:42%}45%{left:52%;bottom:82%}72%{left:72%;bottom:63%}85%{left:80%;bottom:72%}to{left:92%;bottom:34%}}@keyframes b-miss{0%{left:32%;bottom:42%}45%{left:48%;bottom:74%}80%{left:60%;bottom:52%}to{left:66%;bottom:26%}}.scope-scene .sky{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#1e3a8a,#60a5fa 55%,#fde68a)}.cloud{position:absolute;border-radius:50%;background:radial-gradient(circle,#fffffff2,#fff0 70%);animation:drift 14s linear infinite}.cloud.c1{width:180px;height:90px;top:22%;left:-10%}.cloud.c2{width:240px;height:110px;top:50%;left:40%;animation-duration:18s}.cloud.c3{width:160px;height:80px;top:68%;left:-20%;animation-duration:11s}@keyframes drift{0%{transform:translate(-30%)}to{transform:translate(130%)}}.flyer{position:absolute;top:40%;left:50%;width:150px;height:90px;margin:-45px 0 0 -75px}.flyer.cruise{animation:bob 2.4s ease-in-out infinite}@keyframes bob{50%{transform:translate(14px,-10px) rotate(-3deg)}}.plane{position:absolute;top:20px;right:0;bottom:0;left:0}.plane-body{position:absolute;left:10px;right:10px;top:30px;height:30px;border-radius:40px 60px 30px 40px;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 80%,white),color-mix(in srgb,var(--accent) 60%,#000))}.plane-wing{position:absolute;left:40px;right:40px;top:46px;height:14px;border-radius:8px;background:color-mix(in srgb,var(--accent) 50%,#111);transform:skew(-20deg)}.plane-prop{position:absolute;right:0;top:24px;width:6px;height:42px;border-radius:4px;background:#fff9;animation:spin .12s linear infinite}@keyframes spin{50%{transform:scaleY(.2)}}.pilot{position:absolute;left:52px;top:-6px}.pilot .avatar{border-radius:50%;border:3px solid #fff}.flyer.fly-hit{animation:f-hit 2.6s forwards}.flyer.fly-miss{animation:f-miss 2.6s forwards}.flyer.fly-catch{animation:f-catch 2.6s forwards}@keyframes f-hit{0%,45%{transform:none}55%{transform:translate(6px,-6px) rotate(-8deg);filter:brightness(2)}to{transform:translate(60px,260px) rotate(50deg);opacity:.2}}@keyframes f-miss{0%{transform:none}50%{transform:translate(-20px,-26px) rotate(-12deg)}to{transform:translate(260px,-40px) rotate(4deg)}}@keyframes f-catch{0%,45%{transform:none}60%{transform:translateY(-14px) scale(1.08)}to{transform:translateY(-6px) scale(1.04)}}.boom{position:absolute;left:50%;top:55%;width:20px;height:20px;margin:-10px;border-radius:50%;background:radial-gradient(circle,#fff,#facc15 30%,#f97316 55%,#f43f5e00 70%);animation:boom .9s 1.25s both ease-out}@keyframes boom{0%{transform:scale(0);opacity:1}to{transform:scale(9);opacity:0}}.caught-coin{position:absolute;left:70px;top:-16px;width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fef9c3,#facc15 50%,#a16207);box-shadow:0 0 16px #facc15;animation:catch 1.2s 1.25s both}@keyframes catch{0%{transform:translate(120px,40px) scale(.4);opacity:0}60%{opacity:1}to{transform:none;opacity:1}}.tracer{position:absolute;left:50%;top:100%;width:3px;height:70px;border-radius:3px;background:linear-gradient(0deg,transparent,#fde68a);box-shadow:0 0 10px #fde68a;animation:shot .45s .9s both linear}.tracer.tr-miss{animation-name:shot-miss}@keyframes shot{0%{transform:translate(-50%);opacity:1}to{transform:translate(-50%,-64vh);opacity:.6}}@keyframes shot-miss{0%{transform:translate(-50%) rotate(8deg);opacity:1}to{transform:translate(40px,-70vh) rotate(8deg);opacity:0}}.scope-mask{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 42%,transparent 0 41%,rgba(0,0,0,.6) 41.5%,#050507 44%);pointer-events:none}.crosshair{position:absolute;left:50%;top:42%;width:82%;aspect-ratio:1;transform:translate(-50%,-50%);pointer-events:none}.crosshair i{position:absolute;background:#000000b3}.crosshair i:first-child{left:0;right:0;top:50%;height:2px}.crosshair i:nth-child(2){top:0;bottom:0;left:50%;width:2px}.crosshair span{position:absolute;left:50%;top:50%;width:22px;height:22px;margin:-11px;border:2px solid #ef4444;border-radius:50%}.drag-scene{background:#05050a}.strip-sky{position:absolute;top:0;right:0;bottom:55%;left:0;background:radial-gradient(60% 80% at 50% 100%,rgba(59,130,246,.35),transparent 70%),linear-gradient(180deg,#020617,#0f172a)}.strip-lights{position:absolute;left:0;right:0;top:30%;height:18%;background:radial-gradient(circle,rgba(255,255,255,.9) 2px,transparent 3px) 0 0 / 40px 30px;opacity:.5;filter:blur(.5px)}.strip{position:absolute;left:50%;bottom:0;width:170%;height:62%;transform:translate(-50%) perspective(260px) rotateX(48deg);transform-origin:bottom;background:linear-gradient(90deg,#1f2937 0,#1f2937 1%,#111827 1%,#111827 33%,#fff9 33%,#fff9 33.6%,#111827 33.6%,#111827 66.4%,#fff9 66.4%,#fff9 67%,#111827 67%,#111827 99%,#1f2937 99%)}.finish-line{position:absolute;left:1%;right:1%;top:6%;height:14px;background:repeating-conic-gradient(#fff 0,#fff 25%,#111 0,#111 50%) 0 0 / 14px 14px}.racer{position:absolute;bottom:2%;width:33%;display:flex;flex-direction:column;align-items:center;color:var(--tint);filter:drop-shadow(0 0 10px var(--tint));transform:rotateX(-48deg);transform-origin:bottom}.racer.lane-0{left:1%}.racer.lane-1{left:33.5%}.racer.lane-2{left:66%}.racer.go{animation:race var(--t) cubic-bezier(.5,0,.7,1) forwards}@keyframes race{to{bottom:88%}}.racer svg{width:54px;height:54px}.driver .avatar{border-radius:50%;border:2px solid #fff}.driver{margin-bottom:-6px;z-index:1}.exhaust{width:30px;height:10px;margin-top:-4px;border-radius:50%;background:radial-gradient(circle,rgba(249,115,22,.9),transparent 70%);opacity:0}.racer.go .exhaust{opacity:1;animation:flicker .1s infinite alternate}@keyframes flicker{to{transform:scaleX(1.4);opacity:.6}}.strip{left:0;right:0;width:auto;height:62%;transform:none;background:none}.strip-road{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.finish-line{display:none}.racer{width:auto;left:var(--x0);bottom:3%;transform:translate(-50%);transform-origin:bottom center}.racer.go{animation:race2 var(--t) cubic-bezier(.45,0,.75,1) forwards}@keyframes race2{0%{left:var(--x0);bottom:3%;transform:translate(-50%) scale(1)}to{left:var(--x1);bottom:84%;transform:translate(-50%) scale(.32)}}.feature-lore.compact{grid-template-columns:1fr;margin:-16px 0 24px;padding:28px}.feature-lore.compact .fl-copy{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:32px;align-items:start}.feature-lore.compact .fl-badge,.feature-lore.compact h2,.feature-lore.compact .lede{grid-column:1}.feature-lore.compact .fl-points{grid-column:2;grid-row:1 / 4;margin:0;align-self:center}.feature-lore.compact .fl-universes,.feature-lore.compact .btn{grid-column:1 / -1}.feature-lore.compact .btn{justify-self:start}.pill-btn{cursor:pointer;transition:all .15s}.pill-btn:hover{color:var(--text);border-color:color-mix(in srgb,#a78bfa 60%,transparent);background:#a78bfa1f}#chat-inbox{scroll-margin-top:80px}.inbox{margin-top:0}@media (max-width: 900px){.feature-lore.compact .fl-copy{display:block}}.wallet-wrap{position:relative}.wallet{cursor:pointer}.wallet-chips{display:inline-flex;align-items:center;gap:4px;padding-left:8px;margin-left:2px;border-left:1px solid rgba(255,255,255,.15);color:#f9a8d4}.wallet-caret{color:var(--text-3);transition:transform .2s}.wallet-caret.up{transform:rotate(180deg)}.wallet-pop{position:absolute;right:0;top:calc(100% + 10px);z-index:30;width:320px;display:flex;flex-direction:column;gap:10px;padding:10px;border-radius:18px;background:var(--surface-2);border:1px solid var(--border-strong);box-shadow:0 24px 50px -16px #000c}.wallet-card{padding:14px;border-radius:14px;border:1px solid var(--border);display:flex;flex-direction:column;gap:8px}.wallet-card.lq{background:linear-gradient(135deg,rgba(251,191,36,.12),transparent 60%),var(--surface)}.wallet-card.ls{background:linear-gradient(135deg,#ec489929,#8b5cf61a 60%),var(--surface)}.wallet-card-head{display:flex;align-items:center;gap:10px}.wallet-card-head div{display:flex;flex-direction:column}.wallet-card-head strong{font-size:14px;display:flex;align-items:center;gap:6px}.wallet-card-head strong em{font-style:normal;font-size:10px;font-weight:700;padding:1px 6px;border-radius:6px;background:#be123c;color:#fff}.wallet-card-head span{font-size:12px;color:var(--text-3)}.wallet-icon{width:32px;height:32px;border-radius:10px;display:grid;place-items:center}.lq .wallet-icon{background:#fbbf242e;color:#fcd34d}.ls .wallet-icon{background:#ec489933;color:#f9a8d4}.wallet-amount{font-family:var(--display);font-size:26px;font-weight:700;letter-spacing:-.02em}.wallet-card p{margin:0;font-size:12.5px;color:var(--text-2);line-height:1.45}.wallet-card .btn{align-self:flex-start}.wallet-note{font-size:11.5px;color:var(--text-3)}.level-badge,.wallet{white-space:nowrap;flex-shrink:0}.topbar-inner{gap:14px}.avatar video{width:100%;height:100%;object-fit:cover}.mode-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:20px}.mode-tabs button{display:flex;align-items:flex-start;gap:10px;padding:12px;border-radius:14px;text-align:left;background:var(--surface);border:1px solid var(--border-strong);color:var(--text-2);transition:all .15s}.mode-tabs button svg{flex-shrink:0;margin-top:2px}.mode-tabs button span{display:flex;flex-direction:column;gap:2px;min-width:0}.mode-tabs button strong{color:var(--text);font-size:14px}.mode-tabs button small{font-size:11.5px;color:var(--text-3);line-height:1.35}.mode-tabs button:hover{border-color:color-mix(in srgb,var(--accent) 50%,transparent)}.mode-tabs button.on{color:var(--accent);border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--surface));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 15%,transparent)}.gen-box{display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:16px;border:1px solid color-mix(in srgb,#a78bfa 40%,transparent);background:linear-gradient(135deg,#8b5cf61f,#ec48990f),var(--surface)}.gen-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.spin{animation:spin-r 1s linear infinite}@keyframes spin-r{to{transform:rotate(360deg)}}.drop{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:180px;padding:20px;border-radius:16px;cursor:pointer;text-align:center;border:2px dashed var(--border-strong);background:var(--surface);color:var(--text-2);transition:border-color .15s,background .15s;overflow:hidden}.drop:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,var(--surface))}.drop input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.drop span{font-size:12.5px;color:var(--text-3)}.drop.has{padding:0;min-height:0;border-style:solid}.drop.has img,.drop.has video{width:100%;max-height:360px;object-fit:contain;background:#000;display:block}.note{margin:8px 0 0}.preview-photo.tall{height:340px}.preview-photo video{width:100%;height:100%;object-fit:cover}.preview-body .center{text-align:center}@media (max-width: 760px){.mode-tabs{grid-template-columns:1fr 1fr}.mode-tabs small{display:none}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:16px;background:#05050ab8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fade .2s ease-out}@keyframes fade{0%{opacity:0}}.modal{position:relative;width:min(100%,980px);max-height:calc(100vh - 32px);overflow-y:auto;padding:28px;border-radius:26px;background:var(--surface);border:1px solid var(--border-strong);box-shadow:0 40px 100px -30px #8b5cf673;animation:rise .25s ease-out}@keyframes rise{0%{transform:translateY(12px);opacity:0}}.modal-close{position:absolute;top:16px;right:16px}.hero-modal-head{text-align:center;max-width:560px;margin:0 auto 22px}.hero-modal-head h2{font-family:var(--display);font-size:30px;letter-spacing:-.03em;margin:12px 0 6px}.hero-modal-head p{margin:0}.pick-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.pick-tile{position:relative;aspect-ratio:3 / 4;border-radius:16px;overflow:hidden;isolation:isolate;text-align:left;border:1px solid var(--border);transition:transform .2s,box-shadow .2s,border-color .2s}.pick-tile .portrait{position:absolute;top:0;right:0;bottom:0;left:0;height:auto;z-index:-1}.pick-tile:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent) 60%,transparent);box-shadow:0 18px 40px -18px var(--accent)}.pick-tile.on{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.pick-info{position:absolute;left:0;right:0;bottom:0;padding:10px;display:flex;flex-direction:column}.pick-info strong{font-size:14px;line-height:1.2}.pick-info span{font-size:11.5px;color:#ffffffb3}.pick-tile.create{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:12px;text-align:center;border:2px dashed color-mix(in srgb,var(--brand) 60%,transparent);background:linear-gradient(160deg,#ec489924,#8b5cf61a)}.pick-tile.create .new-icon{background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff}.hero-menu{position:relative}.hero-btn{display:grid;place-items:center;padding:2px;border-radius:30%;background:linear-gradient(135deg,var(--accent),#8b5cf6);box-shadow:0 6px 18px -8px var(--accent)}.hero-btn .avatar{border:2px solid var(--bg)}.hero-pop{position:absolute;right:0;top:calc(100% + 10px);z-index:30;width:250px;padding:12px;border-radius:16px;display:flex;flex-direction:column;gap:4px;background:var(--surface-2);border:1px solid var(--border-strong);box-shadow:0 24px 50px -16px #000c}.hero-pop-head{display:flex;align-items:center;gap:10px;padding:4px 4px 8px}.hero-pop-head div{display:flex;flex-direction:column;min-width:0}.hero-pop-head strong{font-size:15px}.hero-pop-head span{font-size:12px;color:var(--text-3)}.hero-pop .xp{margin:0 4px 8px}.hero-pop button[role=menuitem]{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;font-size:14px;color:var(--text-2);text-align:left}.hero-pop button[role=menuitem]:hover{background:var(--surface-3);color:var(--text)}.hero-banner{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:-16px 0 8px;padding:12px 16px;border-radius:14px;font-size:14px;color:var(--text-2);background:linear-gradient(90deg,#ec489924,#8b5cf61a);border:1px solid rgba(236,72,153,.35)}.hero-banner svg{color:#f472b6;flex-shrink:0}.hero-banner span{flex:1;min-width:200px}.hero-banner strong{color:var(--text)}@media (max-width: 640px){.modal{padding:20px 14px}.pick-grid{grid-template-columns:repeat(2,1fr)}.hero-modal-head h2{font-size:24px}}.rider{position:absolute;left:0;top:0;z-index:1;pointer-events:none;will-change:transform}.rider .avatar{border:3px solid #fff;border-radius:50%;box-shadow:0 0 22px var(--accent),0 8px 18px #0009}.rider.crashed .avatar{filter:grayscale(.7);border-color:#f43f5e;animation:shake .35s}.rider.cashed .avatar{border-color:#10b981;box-shadow:0 0 26px #10b981}@keyframes wobble{0%{transform:rotate(-6deg)}to{transform:rotate(6deg) translateY(-3px)}}.corners{grid-template-columns:1fr auto 1fr;align-items:center;width:min(100%,520px)}.vs-seat{display:flex;flex-direction:column;align-items:center;gap:6px;font-family:var(--display);font-weight:700;color:var(--text-3)}.vs-seat .avatar,.corner .avatar{border:3px solid #fff;border-radius:50%}.seat{display:flex;flex-direction:column;align-items:center;gap:6px;margin-right:22px;font-size:13px;font-weight:600;color:var(--text-2);align-self:center}.seat .avatar{border:3px solid var(--accent);border-radius:50%;box-shadow:0 0 22px -4px var(--accent)}.kicker{position:relative;margin-top:10px}.kicker .avatar{border:3px solid #fff;border-radius:50%;box-shadow:0 0 22px -4px var(--accent)}.kick-ball{position:absolute;right:-14px;bottom:-4px;width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#d1d5db 60%,#6b7280)}.kicker.scored .kick-ball,.kicker.saved .kick-ball{animation:kick .5s ease-out forwards}@keyframes kick{to{transform:translate(-30px,-120px) scale(.5);opacity:0}}.kicker.saved .avatar{filter:grayscale(.5)}.wheel-hub{width:92px;height:92px;margin:-46px 0 0 -46px;overflow:hidden;padding:0}.wheel-hub .avatar{border-radius:50%}.hero-modal-head{max-width:640px}.hero-modal-head h2{font-size:clamp(24px,3.4vw,34px);line-height:1.12;margin-top:4px}.pick-label{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#f0abfc}.topbar{z-index:110}.modal-backdrop{top:var(--topbar-h, 65px)}.modal{max-height:calc(100vh - var(--topbar-h, 65px) - 32px)}.feature-lore.compact{padding:20px 28px}.feature-lore.compact h2{margin:8px 0}.feature-lore.compact .fl-points{gap:8px;margin:12px 0}.feature-lore.compact .fl-universes{margin-bottom:12px}.feature-lore.compact .lede{margin-bottom:0}.feature-lore.compact .fl-points{margin:9px 0}.feature-lore.compact .fl-universes{margin-bottom:10px}.feature-lore.compact .btn.lg{padding:10px 18px}.feature-lore.compact{padding:16px 28px}.continue-row{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin:-8px 0 20px}.fl-universes{flex-wrap:nowrap;overflow:hidden}.fl-universes .pill{flex-shrink:0}.games-row{grid-auto-columns:270px}.games-row .game-card{scroll-snap-align:start}.games-row .game-art{aspect-ratio:4 / 3.2}.games-ico{color:#34d399}.home-games .scroll-btns{align-items:center}@media (max-width: 640px){.games-row{grid-auto-columns:78%}.home-games .scroll-btns{display:flex}.home-games .scroll-btns .icon-btn{display:none}}.section-sub{margin:4px 0 0;font-size:14px;color:var(--text-2);max-width:620px}.home-lore .section-head{align-items:flex-end;gap:16px;flex-wrap:wrap}.home-lore .scroll-btns{align-items:center}.lore-ico{color:#c4b5fd}.lore-card .tile-level{display:inline-flex;align-items:center;gap:5px;color:#ddd6fe}.lore-q{font-family:var(--display);font-size:17px!important;font-weight:600;line-height:1.3!important;color:#fff!important;-webkit-line-clamp:3!important;text-shadow:0 2px 10px rgba(0,0,0,.6)}.feature-actions.single{grid-template-columns:1fr}.faq{margin-top:48px}.faq-ico{color:#fbbf24}.faq-list{display:flex;flex-direction:column;gap:10px;max-width:860px}.faq-item{border-radius:16px;background:var(--surface);border:1px solid var(--border);transition:border-color .15s}.faq-item[open]{border-color:color-mix(in srgb,#a78bfa 45%,transparent);background:linear-gradient(135deg,rgba(139,92,246,.07),transparent 60%),var(--surface)}.faq-item summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;font-weight:600;font-size:15px}.faq-item summary::-webkit-details-marker{display:none}.faq-caret{color:var(--text-3);transition:transform .2s;flex-shrink:0}.faq-item[open] .faq-caret{transform:rotate(180deg);color:#c4b5fd}.faq-item p{margin:0;padding:0 18px 16px;color:var(--text-2);font-size:14.5px;line-height:1.6}.faq-item b{color:var(--text)}.mode-q{margin:18px 0 0;font-weight:600;color:var(--text)}.mode-tabs{margin-top:10px}.mode-tabs button{flex-direction:column;gap:8px}.mode-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--surface-3)}.mode-tabs button.on .mode-icon{background:color-mix(in srgb,var(--accent) 22%,transparent)}.mode-tabs button em{font-style:normal;font-size:12.5px;font-weight:600;color:var(--text);line-height:1.3}.mode-tabs button strong{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-3)}.mode-tabs button.on strong{color:var(--accent)}.gen-soon{display:flex;align-items:center;gap:12px;margin-bottom:10px;padding:12px 14px;border-radius:14px;border:1px dashed color-mix(in srgb,#a78bfa 45%,transparent);background:linear-gradient(135deg,#8b5cf61a,#ec48990f);opacity:.9}.gen-soon div{display:flex;flex-direction:column;flex:1;min-width:0}.gen-soon strong{font-size:14px}.gen-soon span{font-size:12.5px;color:var(--text-2)}.gen-soon-icon{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;flex-shrink:0;background:#a78bfa33;color:#ddd6fe}.soon-tag{flex-shrink:0;font-size:10.5px!important;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:3px 8px;border-radius:999px;background:#ffffff14;color:var(--text-2)!important}@media (max-width: 760px){.mode-tabs button small{display:none}}.preview-photo .portrait{position:absolute;top:0;right:0;bottom:0;left:0;height:auto}.preview-photo .portrait-img{object-position:center 20%}.ref-badge{position:absolute;left:12px;bottom:14px;z-index:1;display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;font-size:11.5px;font-weight:600;background:#0000008c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid color-mix(in srgb,var(--accent) 60%,transparent);color:#fff}.preview-photo .tile-level{z-index:1}.scratch-row{margin:-2px 0 0}.link-btn{padding:0;color:var(--accent);font-weight:600;text-decoration:underline;text-underline-offset:3px}.arena-lights{animation:sweep 6s ease-in-out infinite alternate}@keyframes sweep{0%{transform:translate(-12%) skew(-8deg);opacity:.7}to{transform:translate(12%) skew(8deg);opacity:1}}.arena-crowd{animation:twinkle 1.6s steps(2) infinite}@keyframes twinkle{50%{background-position:3px 2px,8px 6px;opacity:.65}}.net{animation:net-sway 3s ease-in-out infinite}@keyframes net-sway{50%{transform:skew(4deg)}}.hoop.net-swish .net{animation:swish .5s 1.25s ease-out,net-sway 3s ease-in-out infinite}.shooter:not(.shoot){animation:sway 2.4s ease-in-out infinite}@keyframes sway{50%{transform:translate(4px,-6px) rotate(1.5deg)}}.ball.held{left:30%;bottom:20%;animation:dribble .55s cubic-bezier(.5,0,.5,1) infinite alternate}@keyframes dribble{0%{bottom:33%}to{bottom:19%;transform:scaleY(.9)}}.strip-lights{animation:twinkle-lights 1.2s steps(2) infinite}@keyframes twinkle-lights{50%{opacity:.25;background-position:20px 0}}.lane-dash{animation:dash-flow 1.4s linear infinite}.drag-scene.racing .lane-dash{animation-duration:.25s}@keyframes dash-flow{to{stroke-dashoffset:-6}}.racer:not(.go){animation:rev .12s ease-in-out infinite alternate}@keyframes rev{0%{transform:translate(-50%) translateY(0)}to{transform:translate(-50%) translateY(-1.5px) rotate(.6deg)}}.racer:not(.go) .exhaust{opacity:.7;animation:flicker .15s infinite alternate}.strip-sky{animation:sky-pulse 4s ease-in-out infinite alternate}@keyframes sky-pulse{to{filter:brightness(1.25)}}.racer{bottom:38%;transform:translate(-50%) scale(.85)}@keyframes rev{0%{transform:translate(-50%) scale(.85)}to{transform:translate(-50%) scale(.85) translateY(-1.5px) rotate(.6deg)}}@keyframes race2{0%{left:var(--x0);bottom:38%;transform:translate(-50%) scale(.85)}to{left:var(--x1);bottom:86%;transform:translate(-50%) scale(.3)}}.levels-modal{width:min(100%,760px)}.levels-head{display:flex;align-items:center;gap:14px;margin-bottom:12px;padding-right:40px}.levels-head h2{margin:0;font-family:var(--display);font-size:26px;letter-spacing:-.02em}.levels-head p{margin:2px 0 0;font-size:14px}.levels-head b{color:var(--text)}.level-ring.big{width:52px;height:52px;flex-shrink:0}.inline-gem{color:#f9a8d4;vertical-align:-2px}.xp.big{height:8px;margin-bottom:20px}.xp.big span{background:linear-gradient(90deg,#a78bfa,#ec4899)}.levels-info{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:22px}.info-card{padding:14px 16px;border-radius:14px;background:var(--surface-2);border:1px solid var(--border)}.info-card h3,.levels-subhead{display:flex;align-items:center;gap:8px;margin:0 0 6px;font-size:15px}.info-card h3 svg,.levels-subhead svg{color:#c4b5fd}.info-card p{margin:0;font-size:13.5px;line-height:1.55;color:var(--text-2)}.info-card b{color:var(--text)}.levels-subhead{margin:0 0 10px;font-size:16px}.levels-table{border-radius:14px;border:1px solid var(--border);overflow:hidden;margin-bottom:8px}.lt-row{display:grid;grid-template-columns:1.6fr 1fr 1fr .9fr;gap:8px;align-items:center;padding:9px 14px;font-size:13.5px;border-top:1px solid var(--border)}.lt-head{border-top:0;background:var(--surface-2);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3)}.lt-row:not(.lt-head):nth-child(2n){background:#ffffff04}.lt-level{display:flex;align-items:center;gap:8px;font-weight:600}.lt-level em{font-style:normal;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:2px 7px;border-radius:999px;background:#fbbf2426;color:#fcd34d}.lt-level em.you{background:var(--brand);color:#fff}.lt-check{color:#34d399}.lt-dot{width:13px;height:13px;border-radius:50%;border:2px solid var(--border-strong);flex-shrink:0}.lt-row.reached:not(.current){color:var(--text-2)}.lt-row.milestone{background:linear-gradient(90deg,rgba(251,191,36,.08),transparent 70%)!important}.lt-row.current{background:linear-gradient(90deg,#ec489929,#8b5cf614)!important;box-shadow:inset 3px 0 0 var(--brand)}.lt-chips{display:inline-flex;align-items:center;gap:4px;font-weight:700;color:#f9a8d4}.lt-row.milestone .lt-chips{color:#fcd34d}.levels-total{margin:0 0 22px}.chip-uses{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:10px}.use{display:flex;gap:10px;padding:12px;border-radius:14px;background:linear-gradient(135deg,#ec48991a,#8b5cf614);border:1px solid rgba(236,72,153,.25)}.use svg{flex-shrink:0;color:#f9a8d4;margin-top:2px}.use div{display:flex;flex-direction:column;gap:2px}.use strong{font-size:13.5px}.use span{font-size:12.5px;color:var(--text-2);line-height:1.4}@media (max-width: 640px){.levels-info,.chip-uses{grid-template-columns:1fr}.lt-row{grid-template-columns:1.5fr 1fr .9fr}.lt-row>:nth-child(3){display:none}}.game-art.previewing .game-photo{filter:brightness(.42) saturate(1.1);transform:scale(1.06)}.gp{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden;pointer-events:none;animation:fade .25s ease-out}.gp-curve{position:absolute;top:14%;right:8%;bottom:10%;left:8%;width:84%;height:76%;overflow:visible}.gp-curve path{fill:none;stroke:#f472b6;stroke-width:3;stroke-linecap:round;filter:drop-shadow(0 0 6px #ec4899);stroke-dasharray:300;animation:draw 2.4s ease-in infinite}@keyframes draw{0%{stroke-dashoffset:300}85%,to{stroke-dashoffset:0}}.gp-rocket{position:absolute;left:8%;top:14%;color:#fff;filter:drop-shadow(0 0 8px #ec4899);offset-path:path("M0 115 C 80 110, 130 80, 200 8");offset-rotate:auto 45deg;animation:ride 2.4s ease-in infinite;transform:scale(var(--s, 1))}@keyframes ride{0%{offset-distance:0%}85%,to{offset-distance:100%}}.gp-sky .gp-rocket{offset-path:none;animation:ride-xy 2.4s ease-in infinite}@keyframes ride-xy{0%{left:8%;top:86%}40%{left:45%;top:74%}70%{left:68%;top:48%}85%,to{left:86%;top:12%}}.gp-mult{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);font-family:var(--display);font-weight:700;font-size:34px;color:#fff;text-shadow:0 0 24px #ec4899;animation:pulse-mult .8s ease-in-out infinite alternate}@keyframes pulse-mult{to{transform:translate(-50%,-50%) scale(1.12)}}.gp-road{display:flex;justify-content:center;gap:0;padding:0 12%}.gp-lane{position:relative;flex:1;border-left:2px dashed rgba(255,255,255,.35)}.gp-lane:last-child{border-right:2px dashed rgba(255,255,255,.35)}.gp-lane svg{position:absolute;left:50%;top:-20%;margin-left:-10px;color:#e2e8f0;filter:drop-shadow(0 0 6px rgba(253,224,71,.7));animation:drive linear infinite}.gp-runner{position:absolute;top:50%;left:6%;color:#34d399;filter:drop-shadow(0 0 8px #10b981);animation:hop-across 2.6s steps(5) infinite}@keyframes hop-across{0%{left:6%}to{left:92%}}.gp-half{position:absolute;top:0;bottom:0;width:50%;opacity:.55}.gp-half.red{left:0;background:linear-gradient(90deg,#7f1d1d,transparent);animation:push-l 1.2s ease-in-out infinite alternate}.gp-half.blue{right:0;background:linear-gradient(270deg,#1e3a8a,transparent);animation:push-r 1.2s ease-in-out infinite alternate}@keyframes push-l{to{transform:translate(8%)}}@keyframes push-r{to{transform:translate(-8%)}}.gp-swords{position:absolute;left:50%;top:46%;margin:-23px;color:#fff;animation:clash 1.2s ease-in-out infinite}@keyframes clash{0%,to{transform:scale(.8) rotate(-10deg);filter:drop-shadow(0 0 0 #fbbf24)}50%{transform:scale(1.15) rotate(8deg);filter:drop-shadow(0 0 18px #fbbf24)}}.gp-vs{position:absolute;left:50%;bottom:16%;transform:translate(-50%);font-family:var(--display);font-weight:700;font-size:18px;letter-spacing:.1em;color:#fde68a}.gp-cards{display:grid;place-items:center;perspective:600px}.gp-card{position:absolute;width:58px;aspect-ratio:5 / 7;border-radius:8px;display:grid;place-items:center;font-weight:800;font-size:18px;color:#111827;background:linear-gradient(160deg,#fff,#e5e7eb);box-shadow:0 10px 24px #0009;animation:fan 2.4s ease-in-out infinite}.gp-card.red{color:#dc2626}.gp-card.c0{--r: -18deg;--x: -46px}.gp-card.c1{--r: 0deg;--x: 0px;animation-delay:.15s}.gp-card.c2{--r: 18deg;--x: 46px;animation-delay:.3s}@keyframes fan{0%,to{transform:translate(0) rotate(0) rotateY(180deg)}35%,75%{transform:translate(var(--x)) rotate(var(--r)) rotateY(0)}}.gp-card span{backface-visibility:hidden}.gp-net{position:absolute;left:18%;right:18%;top:18%;height:46%;border:4px solid #e5e7eb;border-bottom:0;border-radius:6px 6px 0 0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.12) 0 2px,transparent 2px 12px),repeating-linear-gradient(0deg,rgba(255,255,255,.12) 0 2px,transparent 2px 12px)}.gp-keeper{position:absolute;left:50%;top:40%;margin-left:-15px;color:#fda4af;animation:dive 1.8s ease-out infinite}@keyframes dive{0%,30%{transform:none}60%,to{transform:translate(-60px) rotate(-60deg)}}.gp-ball{position:absolute;left:50%;bottom:8%;width:18px;height:18px;margin-left:-9px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#9ca3af);animation:shot-corner 1.8s ease-out infinite}@keyframes shot-corner{0%,25%{transform:none}65%,to{transform:translate(70px,-120px) scale(.6)}}.gp-wheel{display:grid;place-items:center}.gp-spin{width:46%;aspect-ratio:1;border-radius:50%;border:4px solid #2a2a36;box-shadow:0 0 30px #6366f180;background:conic-gradient(#3b82f6 0,#3b82f6 18deg,#1f1f2b 18deg,#1f1f2b 36deg,#ec4899 36deg,#ec4899 54deg,#1f1f2b 54deg,#1f1f2b 72deg,#8b5cf6 72deg,#8b5cf6 90deg,#1f1f2b 90deg,#1f1f2b 108deg,#f59e0b 108deg,#f59e0b 126deg,#1f1f2b 126deg,#1f1f2b 144deg,#10b981 144deg,#10b981 162deg,#1f1f2b 162deg,#1f1f2b 180deg,#3b82f6 180deg,#3b82f6 198deg,#1f1f2b 198deg,#1f1f2b 216deg,#ec4899 216deg,#ec4899 234deg,#1f1f2b 234deg,#1f1f2b 252deg,#8b5cf6 252deg,#8b5cf6 270deg,#1f1f2b 270deg,#1f1f2b 288deg,#3b82f6 288deg,#3b82f6 306deg,#1f1f2b 306deg,#1f1f2b 324deg,#f59e0b 324deg,#f59e0b 342deg,#1f1f2b 342deg,#1f1f2b 360deg);animation:spin-wheel 2.6s cubic-bezier(.2,.7,.2,1) infinite}@keyframes spin-wheel{0%{transform:rotate(0)}to{transform:rotate(1080deg)}}.gp-pointer{position:absolute;top:calc(27% - 14px);left:50%;z-index:1;transform:translate(-50%);border-left:9px solid transparent;border-right:9px solid transparent;border-top:16px solid #fff}.how{margin-top:20px;border-radius:20px;background:var(--surface);border:1px solid var(--border);overflow:hidden}.how.open{border-color:color-mix(in srgb,var(--accent) 35%,var(--border))}.how-head{width:100%;display:flex;align-items:center;gap:12px;padding:16px 18px;text-align:left}.how-head>svg:first-child{color:var(--accent);flex-shrink:0}.how-head span{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.how-head strong{font-family:var(--display);font-size:17px}.how-head small{font-size:13px;color:var(--text-2)}.how-caret{color:var(--text-3);transition:transform .2s;flex-shrink:0}.how.open .how-caret{transform:rotate(180deg)}.how-body{display:grid;grid-template-columns:1fr 1fr;gap:8px 28px;padding:4px 22px 18px;border-top:1px solid var(--border)}.how-col h4{display:flex;align-items:center;gap:7px;margin:14px 0 8px;font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3)}.how-col h4 svg{color:var(--accent)}.how-col ol,.how-col ul{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:7px;font-size:14px;line-height:1.5;color:var(--text-2)}.how-col ol li::marker{color:var(--accent);font-weight:700}.how-col ul li::marker{color:var(--text-3)}.how-foot{grid-column:1 / -1;margin:8px 0 0;padding-top:12px;border-top:1px dashed var(--border);font-size:12.5px;color:var(--text-3)}@media (max-width: 760px){.how-body{grid-template-columns:1fr}}.auth-backdrop{top:0;z-index:200}.auth-modal{position:relative;width:min(100%,480px);padding:44px 40px 30px;border-radius:22px;text-align:center;animation:rise .25s ease-out;background:linear-gradient(160deg,#3b1d4a,#24142f 45%,#120d18);border:1px solid rgba(255,255,255,.08);box-shadow:0 40px 100px -30px #000000e6}.auth-close{position:absolute;top:14px;right:14px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:#fff;border:2px solid rgba(255,255,255,.7);background:#ffffff14}.auth-close:hover{background:#ffffff2e}.auth-title{margin:0 0 26px;font-family:"Oswald",var(--display);font-weight:700;font-size:34px;letter-spacing:.01em;text-transform:uppercase;color:#fff}.auth-sub{margin:-14px 0 18px;color:#ffffffbf;font-size:14px}.auth-sub b{color:#fff}.auth-email{display:flex;flex-direction:column;gap:10px}.auth-email input{width:100%;padding:16px 18px;border-radius:16px;font-size:16px;color:#fff;outline:none;background:#ffffff12;border:1px solid rgba(255,255,255,.16);transition:border-color .15s}.auth-email input::placeholder{color:#ffffffd9}.auth-email input:focus{border-color:#f472b6b3}.auth-code{text-align:center;font-size:26px!important;letter-spacing:.5em;font-variant-numeric:tabular-nums}.auth-or{display:flex;align-items:center;gap:14px;margin:18px 0;color:#ffffff8c;font-size:13px}.auth-or:before,.auth-or:after{content:"";flex:1;height:1px;background:#ffffff73}.auth-btn{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 18px;border-radius:999px;font-size:17px;font-weight:600;transition:filter .15s,transform .1s}.auth-btn:not(:disabled):hover{filter:brightness(1.08)}.auth-btn:not(:disabled):active{transform:scale(.99)}.auth-btn.google{color:#111;background:linear-gradient(180deg,#fafafa,#cfcfd4);box-shadow:inset 0 -2px #0000001f}.auth-btn.dark{color:#fff;background:#0a080e8c;border:1px solid rgba(255,255,255,.35)}.auth-btn.primary{color:#fff;background:linear-gradient(135deg,var(--brand),var(--brand-2))}.auth-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.auth-error{margin:14px 0 0;padding:10px 12px;border-radius:12px;font-size:13px;color:#fecdd3;background:#f43f5e24;border:1px solid rgba(244,63,94,.35)}.auth-legal{margin:22px auto 0;max-width:340px;font-size:13px;line-height:1.5;color:#ffffffd9}.auth-legal a{color:#fff;text-decoration:none}.auth-legal a:hover{text-decoration:underline}.auth-switch{margin:22px 0 0;font-size:15px;color:#ffffffe6}.auth-switch button{color:#fff;font-weight:500}.auth-switch button:hover{text-decoration:underline}.auth-back{position:absolute;top:18px;left:18px;display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#fffc}.auth-link{margin-top:12px;font-size:13px;color:#ffffffbf;text-decoration:underline}.auth-btn:disabled,.auth-email input:disabled{opacity:.55;cursor:not-allowed}@media (max-width: 520px){.auth-modal{padding:40px 20px 24px}.auth-title{font-size:28px}}.show-more{display:flex;flex-direction:column;align-items:center;gap:8px;margin:22px 0 8px}.show-more .btn{min-width:220px}.menu-sep{height:1px;margin:4px 6px;background:var(--border)}.menu-meta{margin-left:auto;font-size:11px;color:var(--text-3);max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sso-wait{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:14px;color:var(--text-2)}.spinner{width:34px;height:34px;border-radius:50%;border:3px solid rgba(255,255,255,.15);border-top-color:var(--brand);animation:spin-r .8s linear infinite}.auth-note{margin:14px 0 0;font-size:12px;color:#ffffff80}.auth-btn.google:disabled{opacity:.85}.auth-row.three{grid-template-columns:repeat(3,1fr)}.auth-row.three .auth-btn{padding:14px 10px;font-size:15px;gap:8px}@media (max-width: 420px){.auth-row.three .auth-btn{font-size:13px}}.info-card ul.simple{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:5px;font-size:14px;color:var(--text-2)}.info-card ul.simple li::marker{color:#c4b5fd}.chat-notice{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 16px 8px;padding:8px 12px;border-radius:12px;font-size:13px;color:var(--text-2);background:linear-gradient(90deg,#ec48991f,#8b5cf614);border:1px solid rgba(236,72,153,.28)}.chat-notice svg{color:#f472b6;flex-shrink:0}.chat-notice button{margin-left:auto;font-weight:600;color:#f9a8d4;text-decoration:underline;text-underline-offset:3px}.fl-universes{overflow-x:auto;scrollbar-width:none;padding-bottom:2px;-webkit-mask-image:linear-gradient(90deg,#000 90%,transparent);mask-image:linear-gradient(90deg,#000 90%,transparent)}.fl-universes::-webkit-scrollbar{display:none}.board-stage{background-size:200% 200%}.board-stage:before{content:"";position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;z-index:0;pointer-events:none;opacity:.55;background:radial-gradient(40% 35% at 30% 30%,color-mix(in srgb,var(--accent) 30%,transparent),transparent 70%),radial-gradient(35% 30% at 70% 70%,rgba(139,92,246,.25),transparent 70%);animation:aurora 9s ease-in-out infinite alternate}.board-stage>*{position:relative;z-index:1}.board-stage>.speech{position:absolute}@keyframes aurora{0%{transform:translate(-6%,-4%) rotate(0)}to{transform:translate(6%,4%) rotate(12deg)}}@keyframes bob-soft{50%{transform:translateY(-6px)}}.sky-stage .starfield{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.55;background-image:radial-gradient(1.5px 1.5px at 20px 30px,#fff,transparent),radial-gradient(1px 1px at 90px 80px,#c7d2fe,transparent),radial-gradient(1.5px 1.5px at 160px 20px,#fbcfe8,transparent),radial-gradient(1px 1px at 220px 120px,#fff,transparent);background-size:240px 160px;animation:stars-drift 14s linear infinite}@keyframes stars-drift{0%{background-position:0 0}to{background-position:-240px 160px}}.sky-stage canvas,.sky-stage .readout{z-index:1}.rider .avatar{animation:bob-soft 1.6s ease-in-out infinite}.rider.flying .avatar{animation:wobble .6s ease-in-out infinite alternate}.runner:not(.hit) .avatar{animation:bob-soft 1s ease-in-out infinite}.corner{animation:corner-glow 2.4s ease-in-out infinite}.corner.blue{animation-delay:1.2s}@keyframes corner-glow{50%{box-shadow:0 0 28px -6px color-mix(in srgb,var(--accent) 70%,transparent),inset 0 0 30px #ffffff0f}}.corner>svg{animation:sway-sword 2s ease-in-out infinite}@keyframes sway-sword{50%{transform:rotate(-10deg) scale(1.06)}}.vs-seat .avatar,.corner .avatar{animation:bob-soft 1.8s ease-in-out infinite}.vs-seat span{animation:pulse-vs 1.2s ease-in-out infinite alternate}@keyframes pulse-vs{to{color:#fde68a;text-shadow:0 0 14px #fbbf24}}.card-row .playing-card{animation:deal .3s ease-out,float-card 3s ease-in-out .3s infinite;overflow:hidden}.card-row .playing-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.65) 50%,transparent 65%);background-size:250% 100%;animation:shimmer 3.2s ease-in-out infinite}@keyframes float-card{50%{transform:translateY(-8px) rotate(1.5deg)}}@keyframes shimmer{0%{background-position:150% 0}to{background-position:-150% 0}}.seat .avatar{animation:bob-soft 2s ease-in-out infinite}.goal{animation:net-breathe 4s ease-in-out infinite}@keyframes net-breathe{50%{background-position:4px 2px,2px 4px}}.goal-spot:not(.covered):not(.scored):not(.saved) svg{animation:target-pulse 1.4s ease-in-out infinite}@keyframes target-pulse{50%{transform:scale(1.18);opacity:.7}}.kicker .avatar{animation:bob-soft 1.6s ease-in-out infinite}.kicker:not(.scored):not(.saved) .kick-ball{animation:ball-bounce .7s cubic-bezier(.5,0,.5,1) infinite alternate}@keyframes ball-bounce{to{transform:translateY(-14px)}}.wheel-lights{position:absolute;left:50%;top:50%;width:0;height:0;z-index:2;pointer-events:none}.wheel-lights i{position:absolute;left:-4px;top:-4px;width:8px;height:8px;border-radius:50%;background:#fde68a;box-shadow:0 0 8px #fbbf24;animation:chase .6s steps(2) infinite}@keyframes chase{50%{opacity:.2;box-shadow:none}}.wheel-hub{animation:hub-glow 1.8s ease-in-out infinite}@keyframes hub-glow{50%{box-shadow:0 0 36px 2px var(--accent)}}.wheel-pointer{animation:pointer-wiggle 1.1s ease-in-out infinite;transform-origin:top center}@keyframes pointer-wiggle{0%,to{transform:translate(-50%) rotate(0)}50%{transform:translate(-50%) rotate(6deg)}}.signup-btn{padding:9px 18px;border-radius:999px;flex-shrink:0}@media (max-width: 960px){.topbar-inner{flex-wrap:wrap;row-gap:10px;padding:10px 16px}.segmented{order:3;width:100%;margin:0}.segmented button{flex:1}.level-wrap{margin-left:auto}}.char-tile.new{text-align:center}.char-tile.new span{max-width:80%}.faq{max-width:860px;margin-left:auto;margin-right:auto}.faq .section-head{justify-content:center;text-align:center}.faq .section-head .h2{justify-content:center}.faq .section-sub{margin-left:auto;margin-right:auto}.faq-list{margin:0 auto}.ai-gen{display:flex;flex-direction:column;gap:10px;margin-bottom:12px;padding:14px;border-radius:16px;border:1px solid color-mix(in srgb,#a78bfa 45%,transparent);background:linear-gradient(135deg,#8b5cf61f,#ec489912),var(--surface)}.ai-gen-head{display:flex;align-items:center;gap:12px}.ai-gen-head>div{display:flex;flex-direction:column;flex:1;min-width:0}.ai-gen-head strong{font-size:14px}.ai-gen-head span{font-size:12.5px;color:var(--text-2)}.ai-cost{display:inline-flex!important;align-items:center;gap:4px;flex-shrink:0;padding:3px 9px;border-radius:999px;font-size:12px!important;font-weight:700;color:#f9a8d4!important;background:#ec489926}.ai-gen-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.ai-gen .warn{margin:0}.arcade-best{margin-left:auto;display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;font-size:13px;font-weight:600;color:#fcd34d;background:#fbbf241a;border:1px solid rgba(251,191,36,.3)}.arcade-stage{position:relative;min-height:480px;border-radius:22px;overflow:hidden;border:1px solid var(--border);background:radial-gradient(80% 70% at 50% 20%,color-mix(in srgb,var(--accent) 14%,transparent),transparent 70%),linear-gradient(180deg,#0f0f17,#0a0a10)}.arcade-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:24px;text-align:center;z-index:5;background:radial-gradient(60% 60% at 50% 40%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 70%),#08080c8c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.arcade-overlay h2{margin:4px 0 0;font-family:var(--display);font-size:30px;letter-spacing:-.02em}.arcade-overlay p{margin:0;max-width:420px}.arcade-hero .avatar{border-radius:50%;border:3px solid #fff;box-shadow:0 0 40px -6px var(--accent);animation:bob-soft 2s ease-in-out infinite}.arcade-quip{font-style:italic;color:var(--text-2);font-size:14px}.arcade-stars{display:flex;gap:6px;color:#ffffff2e}.arcade-stars .on{color:#fbbf24;filter:drop-shadow(0 0 10px #f59e0b);animation:pop .35s ease-out both}.arcade-stars .on:nth-child(2){animation-delay:.12s}.arcade-stars .on:nth-child(3){animation-delay:.24s}.arcade-score{font-family:var(--display);font-size:44px;font-weight:700;letter-spacing:-.03em;line-height:1}.arcade-score small{font-size:16px;color:var(--text-2);font-weight:500}.arcade-newbest{padding:3px 10px;border-radius:999px;font-size:12px;font-weight:700;color:#111;background:#fbbf24}.arcade-reward{display:inline-flex;align-items:center;gap:6px;font-weight:600;color:#fcd34d}.reward-table{display:grid;gap:4px}.reward-table div{display:flex;justify-content:space-between;padding:6px 10px;border-radius:8px;background:var(--surface-2);font-size:13px;color:#fbbf24}.reward-table div b{display:inline-flex;align-items:center;gap:4px;color:var(--text)}.reward-table div.on{box-shadow:inset 0 0 0 1px var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--surface-2))}.arcade .how{margin-top:20px}.feature-lore .fl-copy .lede{font-size:14px;line-height:1.55;margin:8px 0 12px;padding-right:12px}.ai-cost.free{color:#6ee7b7!important;background:#10b98126}.video-result{position:relative;width:min(100%,440px);padding:28px 24px 22px;border-radius:22px;text-align:center;animation:rise .25s ease-out;background:linear-gradient(160deg,#3b1d4a,#24142f 45%,#120d18);border:1px solid rgba(255,255,255,.08);box-shadow:0 40px 100px -30px #000000e6}.video-result h2{margin:0 0 14px;font-family:"Oswald",var(--display);text-transform:uppercase;font-size:28px}.video-result video{width:100%;max-height:60vh;border-radius:16px;background:#000;object-fit:contain}.video-result p{margin:12px 0}.video-result-actions{display:flex;gap:10px;justify-content:center}.paywall-backdrop{top:0;z-index:210}.paywall{position:relative;width:min(100%,560px);max-height:calc(100vh - 32px);overflow-y:auto;padding:0 28px 24px;border-radius:24px;animation:rise .25s ease-out;background:radial-gradient(70% 40% at 50% 22%,rgba(168,85,247,.35),transparent 70%),#121212;border:1px solid rgba(255,255,255,.08);box-shadow:0 40px 100px -30px #000000e6}.paywall .auth-close{z-index:2}.pw-tabs{display:grid;grid-template-columns:1fr 1fr;margin:0 -28px;border-bottom:1px solid rgba(255,255,255,.12)}.pw-tabs button{padding:16px 0 14px;font-size:16px;color:#ffffff8c;border-bottom:2px solid transparent}.pw-tabs button.on{color:#fff;font-weight:600;border-bottom-color:#fff}.pw-tiers{display:flex;justify-content:center;gap:2px;width:fit-content;margin:18px auto 0;padding:4px;border-radius:999px;background:#ffffff14}.pw-tiers button{padding:7px 18px;border-radius:999px;font-size:13px;color:#ffffffb3}.pw-tiers button.on{background:#ffffff24;color:#fff}.pw-hero{text-align:center;padding:26px 0 18px}.pw-crown-icon{color:#c084fc;filter:drop-shadow(0 0 18px rgba(192,132,252,.7))}.pw-crown-icon.gem{color:#f9a8d4;fill:none}.pw-hero h2{margin:12px 0 6px;font-family:"Oswald",var(--display);font-weight:700;font-size:44px;text-transform:uppercase;letter-spacing:.01em;line-height:1}.pw-hero p{margin:0;color:#fff9;font-size:16px}.pw-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:10px 0 20px}.pw-plan,.pw-pack{position:relative;display:flex;flex-direction:column;border-radius:12px;background:#2a2a2a;border:1px solid rgba(255,255,255,.12);overflow:visible;transition:border-color .15s,transform .1s}.pw-plan:hover,.pw-pack:hover{border-color:#ffffff4d}.pw-plan.on,.pw-pack.on{border-color:#4ade80;box-shadow:0 0 0 1px #4ade80,0 0 24px -8px #4ade80}.pw-months{display:flex;flex-direction:column;align-items:center;padding:16px 0 14px;font-weight:600;font-size:15px;border-bottom:1px solid rgba(255,255,255,.12)}.pw-months b{font-size:24px;font-weight:500}.pw-price{display:flex;align-items:flex-start;justify-content:center;padding:16px 0;font-family:"Oswald",var(--display);font-size:22px;font-weight:700}.pw-price sup{font-size:11px;margin:3px 0 0 2px}.pw-price small{font-family:Inter,sans-serif;font-size:9px;font-weight:400;color:#ffffff8c;align-self:flex-end;margin:0 0 4px -10px}.pw-badge{position:absolute;top:-11px;left:50%;transform:translate(-50%);padding:2px 9px;border-radius:999px;font-size:12px;font-weight:700;color:#111;background:#fff;white-space:nowrap}.pw-badge.best{background:#4ade80}.pw-check{position:absolute;top:-8px;right:-8px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#4ade80;color:#111}.pw-features{list-style:none;margin:0;padding:0 0 110px;display:flex;flex-direction:column;gap:22px}.pw-features li{display:flex;justify-content:space-between;align-items:center;font-size:17px;color:#fff}.pw-features li svg{color:#c084fc}.pw-features li.fade{opacity:.35;filter:blur(.4px)}.pw-footer{position:sticky;bottom:-24px;margin:-96px -28px -24px;padding:30px 28px 20px;display:flex;flex-direction:column;align-items:center;gap:10px;background:linear-gradient(180deg,transparent,#121212 40%)}.pw-footer span{display:inline-flex;align-items:center;gap:4px;font-size:13px;color:#ffffffa6}.pw-cta{width:min(100%,360px);padding:17px 20px;border-radius:999px;font-size:17px;font-weight:600;color:#0f172a;background:linear-gradient(90deg,#2dd4bf,#4ade80);box-shadow:0 10px 30px -10px #2dd4bfb3}.pw-cta:hover{filter:brightness(1.06)}.pw-packs{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:6px 0 110px}.pw-pack{align-items:center;padding:18px 10px 4px}.pw-pack-chips{display:inline-flex;align-items:center;gap:6px;font-family:"Oswald",var(--display);font-size:26px;font-weight:700}.pw-pack-chips svg{color:#f9a8d4}.pw-bonus{font-size:12px;font-weight:700;color:#4ade80}.pw-done{display:flex;flex-direction:column;align-items:center;gap:10px;padding:50px 0 20px;text-align:center}.pw-done h2{margin:6px 0 0;font-family:"Oswald",var(--display);text-transform:uppercase;font-size:34px}.pw-done .pw-crown{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;color:#111;background:linear-gradient(135deg,#2dd4bf,#4ade80)}@media (max-width: 520px){.paywall{padding:0 16px 20px}.pw-tabs,.pw-footer{margin-left:-16px;margin-right:-16px}.pw-hero h2{font-size:34px}.pw-plans{gap:6px}}.tvc{position:relative;flex:0 0 440px;height:360px}.tvc-tv{position:absolute;left:0;top:10px;width:360px;padding:10px;border-radius:16px;background:linear-gradient(180deg,#1d1d25,#0c0c11);border:1px solid rgba(255,255,255,.08);box-shadow:0 30px 60px -25px #000000e6,0 0 60px -10px color-mix(in srgb,var(--accent) 55%,transparent);transition:box-shadow .8s}.tvc-screen{position:relative;aspect-ratio:16 / 10;border-radius:6px;overflow:hidden;background:#000}.tvc-slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transform:scale(1.06);transition:opacity .9s ease,transform 3.4s ease}.tvc-slide.on{opacity:1;transform:scale(1)}.tvc-slide .portrait{position:absolute;top:0;right:0;bottom:0;left:0;height:auto}.tvc-slide .portrait-img{object-position:center 22%}.tvc-scan{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(180deg,rgba(255,255,255,.04) 0 1px,transparent 1px 3px),radial-gradient(120% 90% at 50% 50%,transparent 60%,rgba(0,0,0,.55))}.tvc-hud{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;padding:18px 12px 9px;background:linear-gradient(0deg,rgba(0,0,0,.85),transparent)}.tvc-live{font-size:9px;font-weight:800;letter-spacing:.12em;color:#4ade80;animation:tvc-blink 1.4s steps(2) infinite}@keyframes tvc-blink{50%{opacity:.3}}.tvc-name{font-family:var(--display);font-weight:700;font-size:16px;line-height:1.2}.tvc-meta{font-size:11px;color:#ffffffb3}.tvc-led{position:absolute;right:18px;bottom:3px;width:5px;height:2px;border-radius:2px;background:#ef4444;box-shadow:0 0 6px #ef4444}.tvc-stand{position:absolute;left:140px;top:248px;width:90px;height:34px}.tvc-stand span{position:absolute;left:50%;top:0;width:18px;height:22px;transform:translate(-50%);background:linear-gradient(180deg,#2a2a33,#15151b)}.tvc-stand:after{content:"";position:absolute;left:0;right:0;bottom:4px;height:8px;border-radius:8px;background:linear-gradient(180deg,#2a2a33,#111116);box-shadow:0 10px 20px -6px #000c}.tvc-console{position:absolute;right:6px;top:70px;width:70px;height:210px;filter:drop-shadow(0 18px 24px rgba(0,0,0,.7)) drop-shadow(0 0 18px rgba(59,130,246,.25))}.tvc-pad{position:absolute;left:150px;top:292px;width:120px;filter:drop-shadow(0 12px 16px rgba(0,0,0,.7));transform:rotate(-6deg);animation:pad-bob 3s ease-in-out infinite}.tvc-light{animation:light-pulse 2.4s ease-in-out infinite}@keyframes light-pulse{50%{opacity:.35}}@keyframes pad-bob{50%{transform:rotate(-4deg) translateY(-4px)}}@media (max-width: 900px){.tvc{display:none}}.tvc-console{right:-4px;top:44px;width:96px;height:240px}.arcade-free{font-size:12.5px;color:var(--text-2)}.my-heroes{width:min(100%,900px)}.mh-head{margin-bottom:18px;padding-right:40px}.mh-head h2{margin:0 0 4px;font-family:var(--display);font-size:28px;letter-spacing:-.02em}.mh-head p{margin:0}.mh-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}.mh-card{display:flex;flex-direction:column;border-radius:16px;overflow:hidden;background:var(--surface-2);border:1px solid var(--border);text-align:left}.mh-card.current{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.mh-art{position:relative;aspect-ratio:4 / 4.4}.mh-art .portrait{position:absolute;top:0;right:0;bottom:0;left:0;height:auto}.mh-badge{position:absolute;top:8px;left:8px;display:inline-flex;align-items:center;gap:4px;padding:4px 9px;border-radius:999px;font-size:11.5px;font-weight:700;color:#111;background:var(--accent)}.mh-badge.ghost{color:#fff;background:#0000008c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.2)}.mh-badge.ghost:hover{background:#000000bf}.mh-body{display:flex;flex-direction:column;gap:2px;padding:10px 12px 12px}.mh-body strong{font-size:15px}.mh-body>span{font-size:12px;color:var(--text-3)}.mh-actions{display:flex;gap:6px;margin-top:8px}.mh-actions .btn{flex:1}.icon-btn.sm{width:34px;height:34px;border-radius:10px}.mh-new{align-items:center;justify-content:center;gap:6px;padding:18px;text-align:center;min-height:260px;border-style:dashed;border-color:var(--border-strong);background:transparent}.mh-new:hover{background:var(--surface-2)}.hero-copy{container-type:inline-size;min-width:0}.hero h1{font-size:clamp(18px,4.3cqi,46px)}.hero h1 .grad{white-space:nowrap}.mode-tabs button{position:relative;overflow:hidden;isolation:isolate;min-height:168px;justify-content:flex-end;border-color:#ffffff1a}.mode-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none}.mode-bg img,.mode-bg .portrait,.mode-bg video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center 20%}.mode-bg .portrait{height:auto}.mode-bg .portrait-img{object-position:center 20%}.mode-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#08080c26,#08080c8c 45%,#08080cf2)}.mode-tabs button:not(.on) .mode-bg{filter:saturate(.75) brightness(.8);transition:filter .2s}.mode-tabs button:hover .mode-bg{filter:none}.mode-tabs button .mode-icon{background:#00000073;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff}.mode-tabs button.on .mode-icon{background:color-mix(in srgb,var(--accent) 70%,#000)}.mode-tabs button strong{color:#ffffffbf}.mode-tabs button em,.mode-tabs button small{text-shadow:0 1px 6px rgba(0,0,0,.8)}.mode-tabs button small{color:#ffffffb3}.mode-text{display:flex;flex-direction:column;gap:2px}.bg-avatar img,.bg-avatar .portrait-img{animation:drift-bg 10s ease-in-out infinite alternate}@keyframes drift-bg{to{transform:scale(1.06) translateY(-2%)}}.bg-video.living img,.bg-video.living .portrait-img{animation:living 6s ease-in-out infinite alternate;transform-origin:50% 30%}@keyframes living{0%{transform:scale(1.02) translate(0)}50%{transform:scale(1.1) translate(-2%,-1.5%)}to{transform:scale(1.06) translate(2%,-2.5%)}}.bg-video.living:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.18) 50%,transparent 65%);background-size:250% 100%;animation:shimmer 4s ease-in-out infinite}.bg-video .portrait-img,.bg-video img{animation-play-state:running}.bg-game:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:repeating-linear-gradient(180deg,rgba(0,0,0,.28) 0 2px,transparent 2px 4px);mix-blend-mode:multiply}.bg-game img,.bg-game .portrait-img{filter:saturate(1.3) contrast(1.1)}.bg-game{box-shadow:inset 0 0 40px #38bdf859}.gg-card .gg-screen{position:relative;aspect-ratio:4 / 3;max-height:260px;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:18px;text-align:center;background:linear-gradient(180deg,var(--sky1, #1b1640),var(--sky2, #3a2a6e));color:#fff;overflow:hidden}.gg-card .gg-screen:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.12) 0 2px,transparent 2px 4px)}.gg-card.empty .gg-screen{color:#ffffffb3;font-size:14px}.gg-card h3{margin:0;font-family:"Oswald",var(--display);text-transform:uppercase;font-size:26px;line-height:1.05;text-shadow:0 2px 14px rgba(0,0,0,.5)}.gg-icons{display:flex;gap:18px}.gg-icons .good{color:var(--gg-accent);filter:drop-shadow(0 0 8px var(--gg-accent))}.gg-icons .bad{color:#ff6b6b;filter:drop-shadow(0 0 8px rgba(255,80,80,.8))}.gg-card .preview-body p{margin:0 0 8px}.my-games .row-between{margin-bottom:14px}.my-game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.my-game{text-align:left;border-radius:16px;overflow:hidden;border:1px solid var(--line, rgba(255,255,255,.1));background:var(--panel, #15131f);color:inherit;cursor:pointer;padding:0;transition:transform .15s,border-color .15s}.my-game:hover{transform:translateY(-2px);border-color:var(--gg-accent)}.my-game .gg-screen{aspect-ratio:16 / 9;padding:12px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;background:linear-gradient(180deg,var(--sky1),var(--sky2));color:#fff;text-align:center}.my-game .gg-screen h3{margin:0;font-family:"Oswald",var(--display);text-transform:uppercase;font-size:19px;text-shadow:0 2px 10px rgba(0,0,0,.5)}.my-game .my-game-body{padding:10px 12px 12px;display:flex;flex-direction:column;gap:3px}.my-game .my-game-body span{font-size:12px;opacity:.7}.level-pop{width:300px}.lvl-list{max-height:300px;overflow-y:auto;display:flex;flex-direction:column;gap:2px;margin:0 -6px;padding:8px 6px 0;border-top:1px solid var(--border)}.lvl-row{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:7px 10px;border-radius:9px;font-size:13px;color:var(--muted, rgba(255,255,255,.6))}.lvl-row .lvl-n{display:inline-flex;align-items:center;gap:5px;font-weight:600}.lvl-row .lvl-xp{font-size:12px;opacity:.75}.lvl-row .lvl-chips{font-size:12px;font-weight:700;color:#f0abfc;min-width:76px;text-align:right}.lvl-row.done{color:var(--text, #fff)}.lvl-row.done .lvl-n svg{color:#34d399}.lvl-row.now{background:linear-gradient(90deg,#a78bfa38,#ec48992e);color:#fff;box-shadow:inset 0 0 0 1px #ec489966}.lvl-row.milestone .lvl-chips{color:#fbbf24}.feature-lore.compact{padding:14px 20px;margin:-16px 0 20px;border-radius:20px}.feature-lore.compact .fl-copy{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"badge title cta" "chips chips chips";column-gap:14px;row-gap:10px;align-items:center}.feature-lore.compact .fl-badge{grid-area:badge}.feature-lore.compact h2{grid-area:title;margin:0;font-size:19px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.feature-lore.compact h2 br{display:none}.feature-lore.compact h2 .grad{margin-left:6px}.feature-lore.compact .lede,.feature-lore.compact .fl-points{display:none}.feature-lore.compact .fl-universes{grid-area:chips;margin:0}.feature-lore.compact .btn,.feature-lore.compact .btn.lg{grid-area:cta;justify-self:end;padding:8px 14px;font-size:13.5px}@media (max-width: 700px){.feature-lore.compact .fl-copy{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title cta" "chips chips"}.feature-lore.compact .fl-badge{display:none}.feature-lore.compact h2{white-space:normal;font-size:17px}.feature-lore.compact h2 .grad{display:none}}.games-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:28px}.games-head .lede{margin-bottom:0}.games-sub{display:flex;align-items:center;gap:10px;font-family:var(--display);font-size:22px;letter-spacing:-.02em;margin:0 0 14px}.games-sub .count{font-size:12px;font-weight:700;padding:3px 9px;border-radius:999px;background:var(--surface-2, rgba(255,255,255,.06));color:var(--text-3, #999);border:1px solid var(--border)}.my-games{margin-bottom:36px}.my-game-new{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:180px;border-style:dashed;background:transparent;text-align:center}.my-game-new .new-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#ec4899,#8b5cf6);color:#fff}.make-game-banner{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:18px;padding:18px 22px;margin-bottom:36px;text-align:left;cursor:pointer;color:inherit;border-radius:20px;border:1px solid color-mix(in srgb,#a78bfa 35%,transparent);background:radial-gradient(120% 140% at 0% 0%,rgba(236,72,153,.16),transparent 55%),radial-gradient(120% 140% at 100% 100%,rgba(99,102,241,.18),transparent 55%),var(--surface);transition:transform .15s,border-color .15s}.make-game-banner:hover{transform:translateY(-2px);border-color:#c084fc}.mgb-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,#ec4899,#8b5cf6);color:#fff;box-shadow:0 10px 24px -10px #ec4899}.mgb-text{display:flex;flex-direction:column;gap:3px}.mgb-text strong{font-size:17px}.mgb-text span{font-size:13.5px;color:var(--text-2)}.mgb-types{display:flex;gap:6px}.mgb-types i{font-style:normal;font-size:12px;padding:4px 10px;border-radius:999px;border:1px solid var(--border);color:var(--text-2)}@media (max-width: 900px){.make-game-banner{grid-template-columns:auto minmax(0,1fr)}.mgb-types{display:none}.make-game-banner .btn{grid-column:1 / -1;justify-self:start}}.mode-bg .mode-blur{position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;filter:blur(18px) saturate(1.4) brightness(.7)}.mode-bg .mode-blur img,.mode-bg .mode-blur .portrait-img{animation:none!important}.mode-bg .mode-face{position:absolute;left:50%;top:14px;width:78px;height:78px;transform:translate(-50%);border-radius:50%;overflow:hidden;z-index:1;border:3px solid rgba(255,255,255,.9);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 45%,transparent),0 10px 24px #00000080}.mode-bg .mode-face img,.mode-bg .mode-face .portrait,.mode-bg .mode-face .portrait-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center 15%;animation:none!important}.bg-avatar:after{z-index:2;background:linear-gradient(180deg,transparent 45%,rgba(8,8,12,.95) 100%)}.bg-avatar .mode-face{z-index:3}.bg-game>img{object-position:center 40%}.mode-bg .mode-player{position:absolute;right:12px;top:12px;width:46px;height:46px;border-radius:12px;overflow:hidden;z-index:3;border:2px solid #38bdf8;box-shadow:0 0 14px #38bdf8b3;animation:player-bob 1.6s ease-in-out infinite}.mode-bg .mode-player img,.mode-bg .mode-player .portrait,.mode-bg .mode-player .portrait-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center 15%;filter:none}@keyframes player-bob{50%{transform:translateY(-4px)}}.mode-bg .mode-face{left:auto;right:12px;top:12px;transform:none;width:64px;height:64px}.bg-game:after{background:linear-gradient(180deg,#08080c00,#08080c59 40%,#08080cf2)}.mode-tabs button:not(.on) .bg-game{filter:saturate(1) brightness(.95)}.hero-modal-head{container-type:inline-size}.hero-modal-head .hm-line{display:inline-block;white-space:nowrap;font-size:min(1em,4.6cqi)}.hero-sprite{position:relative;display:inline-grid;place-items:center;flex-shrink:0;vertical-align:middle}.hero-sprite>.avatar{position:relative;overflow:hidden}.hero-sprite>.avatar img,.hero-sprite>.avatar video{animation:hs-breathe 3.2s ease-in-out infinite;transform-origin:50% 35%}@keyframes hs-breathe{0%,to{transform:scale(1.04) translateY(0)}50%{transform:scale(1.12) translateY(-3%)}}.hs-glint{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;overflow:hidden}.hs-glint:after{content:"";position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.45) 50%,transparent 60%);transform:translate(-120%);animation:hs-glint 3.6s ease-in-out infinite}.hero-sprite>.avatar+.hs-glint{border-radius:30%}@keyframes hs-glint{0%,55%{transform:translate(-120%)}85%,to{transform:translate(120%)}}.hs-idle{animation:hs-sway 3.2s ease-in-out infinite}@keyframes hs-sway{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg) translateY(-2px)}}.hs-bob{animation:hs-bob .9s ease-in-out infinite}@keyframes hs-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-12%)}}.hs-run{animation:hs-run .36s ease-in-out infinite;transform-origin:50% 100%}@keyframes hs-run{0%,to{transform:translateY(0) scale(1.04,.96)}50%{transform:translateY(-10%) scale(.97,1.03) rotate(-3deg)}}.hs-fly{animation:hs-fly 1.4s ease-in-out infinite}@keyframes hs-fly{0%,to{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-8%) rotate(5deg)}}.hs-mood-good .hero-sprite>.avatar{animation:hs-cheer .6s ease-out;box-shadow:0 0 0 3px #fde047,0 0 22px #fde047}@keyframes hs-cheer{0%{transform:scale(1)}35%{transform:scale(1.25) translateY(-14%) rotate(-6deg)}70%{transform:scale(.95) rotate(4deg)}to{transform:scale(1)}}.hs-mood-bad .hero-sprite>.avatar{animation:hs-flinch .5s ease-out;filter:saturate(.4) sepia(.4) hue-rotate(-30deg);box-shadow:0 0 0 3px #f43f5e,0 0 20px #f43f5e}@keyframes hs-flinch{0%,to{transform:translate(0)}20%{transform:translate(-12%) rotate(-6deg)}40%{transform:translate(10%) rotate(5deg)}60%{transform:translate(-6%)}80%{transform:translate(4%)}}@media (prefers-reduced-motion: reduce){.hero-sprite,.hero-sprite *{animation:none!important}}.gg-hero .hs-glint,.pilot .hs-glint,.driver .hs-glint,.sd-portrait .hs-glint{border-radius:50%}.level-pop{width:min(460px,calc(100vw - 24px))}.lvl-list{max-height:none;overflow:visible;display:grid;grid-auto-flow:column;grid-template-rows:repeat(10,auto);grid-template-columns:1fr 1fr;column-gap:8px;row-gap:2px}.lvl-row{grid-template-columns:auto 1fr;padding:5px 8px;gap:2px 8px;font-size:12.5px}.lvl-row .lvl-xp{grid-column:1;grid-row:2;font-size:11px}.lvl-row .lvl-chips{grid-column:2;grid-row:1 / 3;min-width:0;font-size:11.5px}@media (max-width: 480px){.level-pop{position:fixed;left:12px;right:12px;top:64px;width:auto}}.arcade-scene{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:linear-gradient(180deg,#120a2e,#3b0f5c 45%,#ff4fa3 58%,#1a0b33 58.5%,#0b0620)}.as-sun{position:absolute;left:50%;top:14%;width:46%;aspect-ratio:1;transform:translate(-50%);border-radius:50%;background:linear-gradient(180deg,#ffe66d,#ff9a3c 45%,#ff3f8e);-webkit-mask:linear-gradient(180deg,#000 52%,transparent 52% 57%,#000 57% 64%,transparent 64% 68%,#000 68% 74%,transparent 74% 77%,#000 77% 83%,transparent 83% 86%,#000 86%);mask:linear-gradient(180deg,#000 52%,transparent 52% 57%,#000 57% 64%,transparent 64% 68%,#000 68% 74%,transparent 74% 77%,#000 77% 83%,transparent 83% 86%,#000 86%);filter:drop-shadow(0 0 18px rgba(255,79,163,.7))}.as-grid{position:absolute;left:-50%;right:-50%;bottom:0;height:42%;transform-origin:50% 0;transform:perspective(120px) rotateX(55deg);background-image:linear-gradient(rgba(56,189,248,.9) 1.5px,transparent 1.5px),linear-gradient(90deg,rgba(56,189,248,.9) 1.5px,transparent 1.5px);background-size:22px 22px;animation:as-grid .7s linear infinite;box-shadow:inset 0 30px 30px -10px #0b0620}@keyframes as-grid{to{background-position:0 22px}}.as-coin{position:absolute;width:10px;height:10px;border-radius:50%;background:#fde047;box-shadow:0 0 10px #fde047;animation:as-coin 2.4s linear infinite}.as-coin.c1{top:30%;animation-delay:0s}.as-coin.c2{top:42%;animation-delay:-.8s}.as-coin.c3{top:22%;animation-delay:-1.6s}@keyframes as-coin{0%{left:105%}to{left:-10%}}.bg-game:before{opacity:.45}.bg-game:after{background:linear-gradient(180deg,transparent 0%,transparent 40%,rgba(8,8,12,.9) 100%)}.mode-bg .mode-player{left:50%;right:auto;top:auto;bottom:46%;margin-left:-24px;width:48px;height:48px;border-radius:50%;border-color:#fff;box-shadow:0 0 0 3px #38bdf8,0 0 18px #38bdf8cc;animation:player-hop 1.2s ease-in-out infinite;z-index:3}@keyframes player-hop{0%,to{transform:translateY(0)}40%{transform:translateY(-14px)}60%{transform:translateY(-14px)}}.as-sun{left:66%;top:8%;width:40%}.mode-bg .mode-player{left:26%;bottom:44%;width:42px;height:42px;margin-left:-21px}.mode-bg .mode-player{left:44%;top:22px;bottom:auto}.my-games.after-games{margin-top:40px}.mode-tabs button .mode-icon{width:38px;height:38px;border-radius:12px;color:#fff;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 6px 16px -4px var(--mi-glow),inset 0 1px #ffffff59;transition:transform .15s,box-shadow .15s}.mode-tabs button .mode-icon.mi-avatar,.mode-tabs button.on .mode-icon.mi-avatar{background:linear-gradient(135deg,#f472b6,#db2777);--mi-glow: rgba(236,72,153,.7)}.mode-tabs button .mode-icon.mi-image,.mode-tabs button.on .mode-icon.mi-image{background:linear-gradient(135deg,#38bdf8,#6366f1);--mi-glow: rgba(56,189,248,.7)}.mode-tabs button .mode-icon.mi-video,.mode-tabs button.on .mode-icon.mi-video{background:linear-gradient(135deg,#fb923c,#ef4444);--mi-glow: rgba(249,115,22,.7)}.mode-tabs button .mode-icon.mi-game,.mode-tabs button.on .mode-icon.mi-game{background:linear-gradient(135deg,#a3e635,#10b981);--mi-glow: rgba(52,211,153,.7)}.mode-tabs button:hover .mode-icon,.mode-tabs button.on .mode-icon{transform:translateY(-1px) scale(1.06);box-shadow:0 0 0 2px #ffffffd9,0 8px 22px -2px var(--mi-glow)}.builder .field-label .step{background:linear-gradient(135deg,#ec4899,#8b5cf6);color:#fff;border:none;box-shadow:0 4px 12px -3px #ec4899b3;font-weight:700}.feature-lore.compact .fl-marquee{grid-area:chips;overflow:hidden;min-width:0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 4%,#000 92%,transparent)}.fl-track{display:flex;width:max-content;animation:fl-marquee 90s linear infinite}.fl-marquee:hover .fl-track,.fl-marquee:focus-within .fl-track{animation-play-state:paused}.fl-run{display:flex;gap:6px;padding-right:6px}.fl-run .pill{flex-shrink:0}@keyframes fl-marquee{to{transform:translate(-50%)}}@media (prefers-reduced-motion: reduce){.fl-track{animation:none}.feature-lore.compact .fl-marquee{overflow-x:auto}}.feature-lore.compact .fl-copy{grid-template-areas:"badge title cta";row-gap:0}.lore-bar{gap:8px}.lore-search{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;height:30px;padding:0 10px;border-radius:999px;background:var(--surface-2, rgba(255,255,255,.05));border:1px solid var(--border);color:var(--text-3)}.lore-search:focus-within{border-color:#c084fc;color:#e9d5ff}.lore-search input{width:96px;background:none;border:0;outline:0;color:var(--text);font:inherit;font-size:12.5px}.lore-nav{flex-shrink:0;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:transparent;border:1px solid var(--border);color:var(--text-2);cursor:pointer}.lore-nav:hover{color:#fff;border-color:#c084fc}.lore-chips{flex:1;min-width:0}@media (max-width: 700px){.lore-label,.lore-nav{display:none}.lore-search input{width:70px}}@media (max-width: 1100px){.lore-bar .lore-label{display:none}}@media (min-width: 901px){.builder-preview.game-side{margin-top:var(--game-offset, 0px);top:90px}}.gg-card.empty .gg-screen{aspect-ratio:auto;height:172px;max-height:none}.feature-actions:not(.single){grid-template-columns:repeat(3,1fr);gap:6px}.feature-actions .btn.sm{padding-left:6px;padding-right:6px;gap:5px;font-size:13px}.feature-actions .build-btn{background:linear-gradient(135deg,#38bdf8,#6366f1);color:#fff;border:0}.feature-actions .build-btn:hover{filter:brightness(1.1)}.mh-actions .mh-delete:hover{color:#f43f5e;border-color:#f43f5e99}.mh-confirm{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:8px;padding:8px 10px;border-radius:10px;font-size:12.5px;background:#f43f5e1a;border:1px solid rgba(244,63,94,.35)}.mh-confirm span{flex:1 1 100%;color:var(--text-2)}.btn.danger{background:#e11d48;color:#fff;border:0}.btn.danger:hover{background:#f43f5e}.hero-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:20px;text-align:center;color:#ffffffbf;background:radial-gradient(80% 70% at 50% 40%,color-mix(in srgb,var(--accent) 35%,#2a1650),#120d22 75%)}.hero-placeholder:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.14) 0 2px,transparent 2px 4px)}.hero-placeholder .hp-icon{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;color:#fff;background:color-mix(in srgb,var(--accent) 55%,transparent);box-shadow:0 0 0 6px color-mix(in srgb,var(--accent) 18%,transparent),0 0 30px color-mix(in srgb,var(--accent) 60%,transparent)}.hero-placeholder strong{color:#fff;font-size:16px}.hero-placeholder span:last-child{font-size:13px}.mh-art{position:relative}.mh-art .mh-delete{position:absolute;top:8px;left:8px;z-index:2;display:grid;place-items:center;width:30px;height:30px;border-radius:9px;cursor:pointer;color:#fff;background:#0000008c;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background .15s,border-color .15s}.mh-art .mh-delete:hover{background:#e11d48;border-color:#e11d48}.mh-art .mh-delete{left:auto;right:8px}.my-game-wrap{position:relative;display:flex}.my-game-wrap>.my-game{flex:1;width:100%}.mg-delete{position:absolute;top:8px;right:8px;z-index:2;display:grid;place-items:center;width:30px;height:30px;border-radius:9px;cursor:pointer;color:#fff;background:#0000008c;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background .15s,border-color .15s}.mg-delete:hover{background:#e11d48;border-color:#e11d48}.mg-confirm{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:14px;text-align:center;border-radius:16px;background:#0c0814eb;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(244,63,94,.45);font-size:13.5px}.mg-confirm>div{display:flex;gap:6px}.feature-lore.compact .fl-copy{grid-template-areas:"badge title cta" "chips chips chips";row-gap:12px}.fl-track{animation-duration:140s}.lore-topic{display:inline-flex;align-self:flex-start;align-items:center;gap:7px;padding:5px 6px 5px 11px;border-radius:999px;font-size:12.5px;color:var(--text-2);background:linear-gradient(90deg,#ec489929,#8b5cf629);border:1px solid rgba(192,132,252,.4)}.lore-topic svg{color:#f0abfc}.lore-topic strong{color:#fff}.lore-topic button{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;border:0;background:#ffffff1a;color:var(--text-2);cursor:pointer}.lore-topic button:hover{background:#fff3;color:#fff}.builder-preview .preview-cta{margin-top:12px}.builder-preview .preview-hint{display:block;margin-top:8px;text-align:center}.gg-card.empty .gg-screen span{padding:0 12px}.gg-card.has-media .gg-screen.gg-media{padding:0;height:172px;aspect-ratio:auto;max-height:none}.gg-card.has-media .gg-media img,.gg-card.has-media .gg-media video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center 20%}.gg-card.has-media .gg-media:after{display:none}