:root{--font:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--gold:#ffd166;--panel:#0c1026b8;color:#fff;font-family:var(--font);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#app{background:#050714;width:100%;height:100%;margin:0;overflow:hidden}html.join-document,body.join-document,body.join-document #app{height:auto;min-height:100%;overflow:hidden auto}button{font:inherit}.game-shell{--left-gutter:218px;--right-gutter:82px;width:100vw;height:100svh;padding-left:var(--left-gutter);padding-right:var(--right-gutter);background-color:#0000;background-image:radial-gradient(circle at 25% 45%,#0f5dde33,#0000 36%),radial-gradient(circle at 78% 46%,#091848b8,#0000 36%),linear-gradient(#02051261,#02040eeb),url(./football-stage-bg.webp),linear-gradient(#111637 0%,#08091a 56%,#050611 100%);background-position:50%;background-repeat:repeat,repeat,repeat,repeat,repeat;background-size:cover;background-attachment:scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box;place-items:center;display:grid;overflow:hidden}.stage-frame{width:calc(100vw - var(--left-gutter) - var(--right-gutter));aspect-ratio:16/9;isolation:isolate;transform-origin:50%;min-width:360px;max-width:177.778svh;height:auto;position:relative;overflow:visible}.pixi-layer,.pixi-layer canvas{z-index:1;width:100%;height:100%;display:block;position:absolute;inset:0}.platinum-screen-flash{z-index:20;opacity:0;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(circle at 50% 44%,#fffffffa,#fff9dcd6 27%,#0000 56%),linear-gradient(90deg,#0000 0%,#ffffffe6 48% 52%,#0000 100%),#fff3;position:absolute;inset:0}.stage-frame.is-platinum-flashing .platinum-screen-flash{animation:.18s ease-in-out 4 platinumScreenFlash}.mystery-wheel-overlay{z-index:11;opacity:0;visibility:hidden;pointer-events:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:radial-gradient(circle,#0b235c61,#030512c2 68%);place-items:center;transition:opacity .34s,visibility .34s,transform .65s cubic-bezier(.12,.78,.16,1);display:grid;position:absolute;inset:0;transform:translateY(100%)}.mystery-wheel-overlay.is-visible{opacity:1;visibility:visible;transform:translateY(0)}.mystery-wheel-overlay.is-spinning .mystery-wheel-stage{filter:drop-shadow(0 0 44px #ffdd74c7)saturate(1.28)brightness(1.12)}.mystery-wheel-stage{aspect-ratio:1;filter:drop-shadow(0 38px 54px #0000008f);place-items:center;width:min(1180px,116vw);display:grid;position:relative;transform:translateY(24px)scale(1.08)}.mystery-wheel-spinner{will-change:transform;border-radius:50%;width:100%;height:100%;transition:transform 4.3s cubic-bezier(.12,.78,.16,1);position:relative}.mystery-wheel-slices{inset:8.5%}.wheel-label.mystery-wheel-label{letter-spacing:0;width:350px;transform:rotate(calc(var(--i) * 36deg)) translateY(-38%) translateX(0) translateY(-322px) rotate(90deg);margin-left:-175px;font-size:70px;line-height:1}.mystery-wheel-frame{object-fit:contain;width:100%;height:100%;inset:0}.mystery-wheel-logo{width:24%;top:50%;left:50%;transform:translate(-50%,-50%)}.mystery-wheel-pointer{z-index:2;filter:drop-shadow(0 10px 18px #0000008a);width:17%;top:-2.5%;left:50%;transform:translate(-50%)}.big-win-overlay{z-index:80;opacity:0;visibility:hidden;pointer-events:none;background:radial-gradient(circle at 50% 52%,#fff4b96b,#ffb81c3d 34%,#030512c7 100%);transition:opacity .24s,visibility .24s;position:absolute;inset:0;overflow:hidden}.big-win-overlay.is-visible{opacity:1;visibility:visible;pointer-events:auto}.big-win-atlas-layer{width:100%;height:100%;display:block;position:absolute;inset:0;overflow:hidden}.big-win-coin{opacity:0;width:150px;height:150px;transform:translate3d(calc(var(--x) + 95px), -180px, 0) scale(var(--scale));filter:drop-shadow(0 0 14px #ffe878ad);background-image:url(../spine/jinbi.png);background-position:-1730px -2px;background-repeat:no-repeat;background-size:3166px 1513px;position:absolute;top:-170px;left:0}.big-win-coin:nth-child(7n+2){background-position:-366px -83px}.big-win-coin:nth-child(7n+3){background-position:-518px -83px}.big-win-coin:nth-child(7n+4){background-position:-2289px -59px}.big-win-coin:nth-child(7n+5){background-position:-2441px -59px}.big-win-coin:nth-child(7n+6){background-position:-2593px -59px}.big-win-coin:nth-child(7n){background-position:-2745px -59px}.big-win-overlay.is-visible .big-win-coin{animation:bigWinCoinFall var(--duration) linear var(--delay) infinite}.big-win-content{z-index:2;text-align:center;opacity:0;grid-template-rows:235px auto auto auto 1fr;place-items:center;padding:58px 24px 0;display:grid;position:absolute;inset:0;transform:scale(.82)}.big-win-overlay.is-visible .big-win-content{animation:.48s cubic-bezier(.16,.9,.2,1.28) forwards bigWinPop}.big-win-title{object-fit:contain;filter:drop-shadow(0 0 28px #ffe868b8)drop-shadow(0 18px 22px #00000075);grid-row:1;align-self:center;width:min(720px,66vw);max-height:210px;animation:1.1s ease-in-out infinite bigWinTitlePulse}.big-win-player{color:#fff8cf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#050918b8;border:2px solid #ffe8a0db;border-radius:999px;grid-row:2;align-items:center;gap:18px;min-height:104px;padding:14px 38px 14px 16px;font-size:44px;font-weight:950;display:inline-flex;box-shadow:0 0 38px #ffd1666b,inset 0 0 22px #ffffff14}.big-win-avatar{color:#081022;border:3px solid #ffffffe0;border-radius:50%;place-items:center;width:78px;height:78px;font-size:38px;font-weight:950;display:grid}.big-win-amount{color:#fff;text-shadow:0 0 18px #ffd166,0 8px #471f00b3,0 16px 22px #0000007a;grid-row:3;align-self:start;margin-top:14px;font-size:104px;font-weight:950;line-height:1;animation:.72s ease-in-out infinite bigWinAmountPulse}.big-win-continue{color:#10101d;cursor:pointer;background:linear-gradient(#fff7ba,#ffd166 48%,#f59e0b 100%);border:2px solid #ffffffb8;border-radius:999px;grid-row:4;min-width:220px;min-height:58px;margin-top:22px;font-size:24px;font-weight:950;box-shadow:0 0 34px #ffd166c2,inset 0 2px #ffffffdb,0 14px 28px #00000061}.big-win-continue:hover{filter:brightness(1.08)saturate(1.08)}.big-win-continue:active{transform:translateY(2px)scale(.98)}.activity-roster{z-index:6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none;background:#050a1b94;border:1px solid #7ee7ff47;border-radius:8px;width:196px;padding:10px;position:absolute;top:52px;left:-206px;box-shadow:0 0 30px #0099ff2e,inset 0 0 24px #ffffff0a}.activity-roster-head{color:#b8f1ff;justify-content:space-between;align-items:center;margin-bottom:9px;font-size:13px;font-weight:950;display:flex}.activity-roster-head strong{color:#081022;text-align:center;background:#ffd166;border-radius:999px;min-width:46px;padding:3px 9px}.activity-roster-list{gap:5px;display:grid}.activity-roster-item{color:#f4fbff;background:#ffffff0f;border:1px solid #ffffff12;border-radius:6px;grid-template-columns:20px 24px 1fr;align-items:center;gap:6px;min-height:28px;padding:3px 5px;font-size:12px;font-weight:850;display:grid}.activity-roster-rank{color:#80e7ff;font-size:11px;font-weight:950}.activity-avatar,.activity-full-avatar,.activity-history-avatar,.join-list-item img,.join-list-item span,.join-user img,.join-user span{color:#071225;object-fit:cover;border-radius:50%;place-items:center;font-weight:950;display:grid}.activity-avatar{width:24px;height:24px;font-size:12px}.activity-page-indicator{color:#86dfff;text-align:center;margin-top:8px;font-size:11px;font-weight:900}.activity-tool-dock{z-index:14;gap:9px;display:grid;position:absolute;top:50%;right:-66px;transform:translateY(-50%)}.activity-tool-dock button{color:#06111f;cursor:pointer;background:linear-gradient(#fff,#8be8ff 54%,#3aa2ff);border:1px solid #ffffff5c;border-radius:50%;width:50px;height:50px;font-size:17px;font-weight:950;box-shadow:0 0 22px #38d5ff75,inset 0 2px #ffffffc7}.activity-tool-dock button:hover{filter:brightness(1.08)saturate(1.08)}.activity-modal{z-index:70;opacity:0;visibility:hidden;pointer-events:none;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#020410b8;place-items:center;transition:opacity .22s,visibility .22s;display:grid;position:absolute;inset:0}.activity-modal.is-visible{opacity:1;visibility:visible;pointer-events:auto}.activity-modal-panel{background:linear-gradient(#0d1632f5,#050818f5);border:1px solid #ffe8a066;border-radius:8px;width:min(1040px,100% - 70px);max-height:calc(100% - 56px);position:relative;overflow:hidden;box-shadow:0 28px 80px #00000080,0 0 46px #38d5ff2e}.activity-modal-panel[data-mode=qr]{width:520px}.activity-modal-close{z-index:2;color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff42;border-radius:50%;width:40px;height:40px;font-size:26px;line-height:1;position:absolute;top:12px;right:12px}.activity-modal-content,#activityModalContent{max-height:calc(100svh - 88px);overflow-y:auto}.activity-modal-kicker{color:#8deaff;margin:0 0 8px;font-size:14px;font-weight:950}.activity-qr-view,.activity-full-list,.activity-history-view,.activity-guide-view{padding:34px}.activity-qr-view{text-align:center}.activity-qr-view h2,.activity-full-list h2,.activity-history-view h2,.activity-guide-view h2{color:#fff;margin:0 0 22px;font-size:34px;line-height:1.1}.activity-qr-view canvas{background:#fff;border-radius:8px;width:310px;height:310px;padding:12px}.activity-join-url{color:#d9f8ff;overflow-wrap:anywhere;max-width:430px;margin:16px auto 0;font-size:14px;line-height:1.45}.activity-full-grid{grid-template-columns:repeat(5,1fr);gap:12px;display:grid}.activity-full-person{text-align:center;background:#ffffff12;border:1px solid #ffffff1f;border-radius:8px;place-items:center;gap:6px;min-height:156px;padding:14px 8px;display:grid}.activity-full-rank{color:#ffd166;font-size:12px;font-weight:950}.activity-full-avatar{width:62px;height:62px;font-size:28px}.activity-full-person strong{font-size:18px}.activity-full-person small{color:#9edcf0}.activity-modal-pages{justify-content:center;align-items:center;gap:16px;margin-top:18px;display:flex}.activity-modal-pages button{color:#081022;cursor:pointer;background:#ffd166;border:0;border-radius:999px;min-width:112px;min-height:40px;font-weight:950}.activity-modal-pages button:disabled{cursor:default;opacity:.35}.activity-history-list{gap:10px;display:grid}.activity-history-item{background:#ffffff12;border:1px solid #ffffff1a;border-radius:8px;grid-template-columns:54px 1fr auto;align-items:center;gap:14px;min-height:74px;padding:10px 14px;display:grid}.activity-history-avatar{width:54px;height:54px;font-size:24px}.activity-history-item strong{font-size:18px;display:block}.activity-history-item small{color:#9edcf0}.activity-history-item b{color:#ffe28a;font-size:24px}.activity-guide-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.activity-guide-card{background:#ffffff12;border:1px solid #ffffff1f;border-radius:8px;padding:16px}.activity-guide-card>img{object-fit:contain;filter:drop-shadow(0 16px 18px #0006);width:94px;height:94px;margin-bottom:10px;display:block}.activity-guide-card h3{margin:0 0 12px;font-size:21px}.activity-guide-card div{flex-wrap:wrap;gap:6px;display:flex}.activity-guide-card b{color:#eafaff;background:#7ee7ff1f;border-radius:999px;padding:4px 7px;font-size:12px}.activity-empty{color:#9edcf0;text-align:center;padding:48px}.activity-empty.mini{color:#9edcf0;background:#ffffff0d;border:1px solid #ffffff14;border-radius:6px;padding:14px 6px;font-size:12px}.join-page{color:#f7fbff;background-color:#06111f;background-image:linear-gradient(#0206147a,#030714f0),url(./football-stage-bg.webp),none;background-position:50%;background-repeat:repeat,repeat,repeat;background-size:cover;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;height:auto;min-height:100svh;padding:18px 18px 96px;overflow:visible}.join-hero{max-width:540px;margin:0 auto 16px;padding:20px 0 6px}.join-kicker{color:#ffd166;letter-spacing:0;margin:0 0 6px;font-size:13px;font-weight:950}.join-hero h1{margin:0;font-size:42px;font-weight:950;line-height:1}.join-hero p:last-child{color:#bfeeff;margin:10px 0 0;font-weight:850}.join-card,.join-tabs{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#050a1bc2;border:1px solid #7ee7ff3d;border-radius:8px;max-width:540px;margin:0 auto 14px;position:relative;box-shadow:0 18px 44px #00000057}.join-card{z-index:1;padding:16px}.join-tabs{z-index:2}.join-user{grid-template-columns:58px 1fr;align-items:center;column-gap:12px;min-height:70px;display:grid}.join-user img,.join-user span{background:#8be8ff;grid-row:span 2;width:58px;height:58px;font-size:24px}.join-user strong{align-self:end;font-size:20px}.join-user small{color:#9edcf0;align-self:start}.join-actions{gap:10px;margin-top:14px;display:flex}.join-primary,.join-secondary{border:0;border-radius:8px;flex:1;justify-content:center;align-items:center;min-height:48px;font-weight:950;text-decoration:none;display:inline-flex}.join-primary{color:#06111f;background:linear-gradient(#fff7ba,#ffd166 52%,#f59e0b)}.join-primary:disabled{opacity:.72}.join-secondary{color:#d9f8ff;background:#ffffff1a;flex:0 0 104px}.join-tabs{max-height:none;margin-bottom:64px;overflow:visible}.join-tab-buttons{border-bottom:1px solid #7ee7ff2e;grid-template-columns:1fr 1fr;display:grid}.join-tab-buttons button{color:#bfeeff;background:0 0;border:0;min-height:48px;font-weight:950}.join-tab-buttons button.active{color:#06111f;background:#8be8ff}.join-tab-panel{max-height:none;padding:12px;overflow:visible}.join-list{gap:9px;padding-bottom:24px;display:grid}.join-list-item{background:#ffffff12;border:1px solid #ffffff14;border-radius:8px;grid-template-columns:44px 1fr auto;align-items:center;gap:10px;min-height:58px;padding:9px;display:grid}.join-list-item.is-me{border-color:#ffd166a6;box-shadow:0 0 18px #ffd1662e}.join-list-item img,.join-list-item span{width:44px;height:44px}.join-list-item strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.join-list-item small{color:#9edcf0}.join-list-item.history{grid-template-columns:50px 1fr;grid-template-areas:"avatar name""avatar prize""amount amount";align-items:center;row-gap:4px;min-height:92px}.join-list-item.history img,.join-list-item.history span{grid-area:auto/avatar;width:50px;height:50px;font-size:20px}.join-list-item.history strong{grid-area:name;align-self:end;font-size:18px}.join-list-item.history small{text-overflow:ellipsis;white-space:nowrap;grid-area:prize;place-self:start;min-width:0;overflow:hidden}.join-list-item b{color:#ffe28a;white-space:nowrap;grid-area:amount;justify-self:start;padding-top:6px;font-size:20px}.join-empty{color:#9edcf0;text-align:center;padding:28px}@media (width<=720px){.join-hero h1{font-size:34px}.join-actions{flex-direction:column}.join-secondary{flex-basis:auto}}.stage-frame.is-big-win .hud,.stage-frame.is-big-win .capsule-reveal,.stage-frame.is-big-win .brand-plate,.stage-frame.is-big-win .activity-roster,.stage-frame.is-big-win .activity-tool-dock{opacity:0;visibility:hidden}.brand-plate{z-index:4;color:#fff3ba;white-space:nowrap;background:#080c1e80;border:1px solid #ffd1667a;border-radius:999px;padding:9px 18px;font-size:12px;font-weight:900;position:absolute;top:16px;left:50%;transform:translate(-50%);box-shadow:0 0 26px #38d5ff2e,inset 0 0 18px #ffd16624}.hud{z-index:6;pointer-events:none;opacity:0;transition:opacity .25s;position:absolute;inset:0}.hud.is-ready{opacity:1}.bottom-console{pointer-events:auto;gap:10px;width:292px;display:grid;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.draw-button{color:#fff;cursor:pointer;background:linear-gradient(#6de7ff 0%,#158cff 48%,#0b47d9 100%);border:1px solid #ffffff9e;border-radius:999px;width:100%;min-height:56px;font-size:18px;font-weight:950;position:relative;box-shadow:0 0 30px #00aaffb8,0 12px 26px #0000005c,inset 0 2px #fffc,inset 0 -5px #00146c52}.draw-button:hover:not(:disabled){filter:brightness(1.08)saturate(1.08)}.draw-button:active:not(:disabled){transform:translateY(2px)scale(.985)}.draw-button:disabled{cursor:wait;opacity:.58}.result-panel{visibility:hidden;opacity:0;background:var(--panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid #ffffff38;border-radius:8px;width:100%;max-height:0;padding:0 14px;transition:opacity .24s,transform .24s,visibility .24s;overflow:hidden;transform:translateY(12px)scale(.98);box-shadow:0 0 32px #38d5ff38,inset 0 0 26px #ffffff0d}.result-panel.is-open{visibility:visible;opacity:1;max-height:260px;padding:14px;transform:translateY(0)scale(1)}.result-panel[data-rarity=normal]{box-shadow:0 0 34px #c0c0c075}.result-panel[data-rarity=rare]{box-shadow:0 0 40px #38bdf885}.result-panel[data-rarity=epic]{box-shadow:0 0 46px #facc1594}.result-panel[data-rarity=legendary]{box-shadow:0 0 56px #facc15c7}.result-panel[data-rarity=mystery]{box-shadow:0 0 48px #ffffff9e}.winner-row{align-items:center;gap:12px;display:flex}.winner-avatar{color:#081022;border:2px solid #ffffffad;border-radius:50%;flex:0 0 48px;place-items:center;width:48px;height:48px;font-size:22px;font-weight:950;display:grid;box-shadow:0 0 20px #52d2ff52}.result-kicker{color:#b8f1ff;text-transform:uppercase;margin:0 0 6px;font-size:12px;font-weight:900}.result-name{color:#fff;text-shadow:0 0 18px;margin:0;font-size:24px;font-weight:950;line-height:1.15}.result-meta{flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px;display:flex}.result-rarity,.winner-name{background:#ffffff14;border-radius:999px;align-items:center;min-height:28px;padding:4px 10px;font-size:12px;font-weight:900;display:inline-flex}.result-rarity{text-transform:uppercase;border:1px solid}.winner-name{color:#d7f8ff;background:#1c497d52;border:1px solid #7ee7ff57}.panel-actions{gap:10px;margin-top:15px;display:flex}.panel-actions button{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;flex:1;min-height:38px;font-weight:850}.panel-actions .primary{color:#10101d;background:linear-gradient(#74f0ff,#39a7ff);border-color:#ffffff8c}.wheel-zone{z-index:5;pointer-events:none;gap:8px;width:536px;display:grid;position:absolute;top:44px;right:24px}.wheel-player{color:#fff4bd;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#070c1eb8;border:1px solid #ffe8a080;border-radius:999px;justify-self:center;align-items:center;gap:10px;min-height:42px;padding:6px 16px 6px 8px;font-size:18px;font-weight:950;display:inline-flex;box-shadow:0 0 24px #ffd1663d}.wheel-player-avatar{color:#081022;border:2px solid #ffffffd1;border-radius:50%;place-items:center;width:34px;height:34px;font-size:17px;font-weight:950;display:grid}.wheel-status,.wheel-result{color:#dcfbff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#060d209e;border:1px solid #6fdbff57;border-radius:999px;justify-content:center;justify-self:center;align-items:center;gap:8px;min-height:34px;padding:7px 14px;font-size:13px;font-weight:900;display:inline-flex;box-shadow:0 0 24px #1b94ff3d}.status-dot{background:#4ade80;border-radius:50%;width:9px;height:9px;box-shadow:0 0 14px #4ade80e0}.wheel-result{color:#bfeeff;border-radius:8px;min-width:330px}.wheel-result.is-win{color:#fff4b8;background:linear-gradient(#543805b8,#0a1124b3);border-color:#ffd1669e;box-shadow:0 0 32px #ffd1665c}.wheel-stage{aspect-ratio:1;filter:drop-shadow(0 34px 48px #00000073);place-items:center;display:grid;position:relative}.wheel-stage:before{content:"";opacity:.72;filter:blur(16px);background:radial-gradient(circle,#ffe7994d,#0000 32%),conic-gradient(from -90deg,#10245a,#0db4ff,#4f46e5,#facc15,#0db4ff,#10245a);border-radius:50%;animation:4.2s ease-in-out infinite wheelAura;position:absolute;inset:8%}.wheel-zone.is-charging .wheel-stage:before{opacity:1;animation:.22s ease-in-out infinite alternate wheelChargePulse}.wheel-zone.is-charging .wheel-spinner,.wheel-zone.is-spinning .wheel-spinner{filter:saturate(1.36)brightness(1.14)drop-shadow(0 0 32px #ffdd74b8)}.wheel-spinner{will-change:transform;border-radius:50%;width:100%;height:100%;transition:transform 4.3s cubic-bezier(.12,.78,.16,1);position:relative}.wheel-slices{background:conic-gradient(from -90deg,#0f8fd6 0deg 36deg,#112a68 36deg 72deg,#e43f75 72deg 108deg,#f59e0b 108deg 144deg,#10b981 144deg 180deg,#4f46e5 180deg 216deg,#dc2626 216deg 252deg,#06b6d4 252deg 288deg,#eab308 288deg 324deg,#7c3aed 324deg 360deg);border-radius:50%;position:absolute;inset:8.5%;overflow:hidden;box-shadow:inset 0 0 34px #00000061}.wheel-slices:after{content:"";background:radial-gradient(circle,#0000 0 48%,#ffffff14 49%,#0000 50% 100%);border:2px solid #ffffff2e;border-radius:50%;position:absolute;inset:9%}.wheel-label{width:116px;transform:rotate(calc(var(--i) * 36deg)) translateY(-39%) translateX(0) translateY(-128px) rotate(90deg);color:#fff;text-align:center;text-shadow:0 2px 6px #000000b8, 0 0 14px var(--color);white-space:nowrap;margin-left:-58px;font-size:18px;font-weight:950;position:absolute;top:50%;left:50%}.wheel-frame,.wheel-logo,.wheel-pointer{-webkit-user-select:none;user-select:none;pointer-events:none;position:absolute}.wheel-frame{object-fit:contain;width:100%;height:100%;inset:0}.wheel-logo{filter:drop-shadow(0 0 18px #ffdd846b);border-radius:50%;width:25%;top:50%;left:50%;transform:translate(-50%,-50%)}.wheel-pointer{z-index:2;filter:drop-shadow(0 8px 18px #00000070);width:19%;top:-3%;left:50%;transform:translate(-50%)}.capsule-reveal{z-index:7;aspect-ratio:1;opacity:0;pointer-events:none;--wheel-dx:0px;--wheel-dy:0px;--spawn-dx:0px;--spawn-dy:0px;width:390px;transition:opacity .28s,transform 1.5s cubic-bezier(.15,.78,.18,1);position:absolute;top:218px;left:50%;transform:translate(-50%,18px)scale(.78)}.capsule-reveal.is-from-machine{opacity:1;transform:translate(calc(-50% + var(--spawn-dx)), var(--spawn-dy)) scale(.32) rotate(-22deg);transition:none}.capsule-reveal.is-visible{opacity:1;transform:translate(-50%)scale(1)}.capsule-reveal.is-to-wheel{transform:translate(-50%)scale(1)}.reveal-capsule-stage{place-items:center;display:grid;position:absolute;inset:0}.capsule-reveal.is-floating .reveal-capsule-stage{animation:1.25s ease-in-out infinite revealFloat}.reveal-ball{object-fit:contain;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 30px 30px #0000007a)drop-shadow(0 0 28px #ffdf7847);width:100%;height:100%;transition:opacity .2s,transform .3s;position:absolute}.reveal-open-ball{opacity:0;transform:scale(.82)}.capsule-reveal.is-opened .reveal-closed-ball{opacity:0;transform:scale(.72)rotate(-8deg)}.capsule-reveal.is-opened .reveal-open-ball{opacity:1;transform:scale(1.06)}.capsule-reveal.is-closed-again .reveal-closed-ball,.capsule-reveal.is-to-wheel .reveal-closed-ball{opacity:1;transform:scale(1.02)}.capsule-reveal.is-to-wheel .reveal-closed-ball{transform:translate(var(--wheel-dx), var(--wheel-dy)) scale(.36);transition:transform 1.5s cubic-bezier(.15,.78,.18,1),opacity .2s}.capsule-reveal.is-closed-again .reveal-open-ball,.capsule-reveal.is-to-wheel .reveal-open-ball{opacity:0}.reveal-gold-ring{aspect-ratio:1;opacity:0;filter:blur(1px)drop-shadow(0 0 24px #ffd0576b);background:repeating-conic-gradient(#ffe48a61 0deg 4deg,#0000 7deg 24deg),radial-gradient(circle,#fff4c138,#ffb81c1a 36%,#0000 62%);border-radius:50%;width:min(70vw,560px);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.capsule-reveal.is-opening .reveal-gold-ring,.capsule-reveal.is-opened .reveal-gold-ring{opacity:.58;animation:2.4s linear infinite revealGoldSpin}.reveal-platinum-flash{display:none}.reveal-user-card{opacity:0;justify-items:center;gap:8px;min-width:160px;transition:opacity .22s,transform .28s;display:grid;position:absolute;top:51%;left:50%;transform:translate(-50%,-50%)scale(.72)}.capsule-reveal.is-opened .reveal-user-card,.capsule-reveal.is-closed-again .reveal-user-card,.capsule-reveal.is-to-wheel .reveal-user-card{opacity:1;transform:translate(-50%,-50%)scale(1)}.reveal-avatar{color:#081022;border:4px solid #ffffffdb;border-radius:50%;place-items:center;width:112px;height:112px;font-size:48px;font-weight:950;display:grid;box-shadow:0 0 26px #ffffffb8,0 0 42px #ffd05794}.reveal-user-card strong{color:#fff6c9;background:#050918ad;border:1px solid #ffe8a0ad;border-radius:999px;padding:5px 14px;font-size:24px;font-weight:950;box-shadow:0 0 22px #ffd05747}.loading{z-index:8;color:#b8f1ff;pointer-events:none;background:#080c1eb3;border:1px solid #58daff6b;border-radius:8px;padding:12px 18px;font-size:14px;font-weight:800;transition:opacity .24s,visibility .24s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 28px #00aaff38}.loading.is-hidden{opacity:0;visibility:hidden}.is-jolting{animation:.18s ease-in-out infinite stageJolt}@keyframes stageJolt{0%,to{filter:saturate()}50%{filter:saturate(1.12)brightness(1.03)}}@keyframes wheelAura{0%,to{opacity:.58;transform:scale(.96)}50%{opacity:.82;transform:scale(1.04)}}@keyframes wheelChargePulse{0%{filter:blur(14px)hue-rotate();transform:scale(.98)}to{filter:blur(18px)hue-rotate(32deg);transform:scale(1.08)}}@keyframes revealFloat{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-18px)rotate(1deg)}}@keyframes revealGoldSpin{to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes platinumScreenFlash{0%,to{opacity:0}45%{opacity:1}}@keyframes bigWinPop{0%{opacity:0;transform:scale(.72)translateY(20px)}70%{opacity:1;transform:scale(1.08)translateY(0)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes bigWinTitlePulse{0%,to{filter:drop-shadow(0 0 28px #ffe868b8)drop-shadow(0 18px 22px #00000075);transform:scale(1)}50%{filter:drop-shadow(0 0 42px #ffffb4f2)drop-shadow(0 18px 22px #00000075);transform:scale(1.035)}}@keyframes bigWinAmountPulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes bigWinCoinFall{0%{opacity:0;transform:translate3d(var(--x), -180px, 0) scale(var(--scale)) rotate(0deg)}8%{opacity:1}88%{opacity:1}to{opacity:0;transform:translate3d(calc(var(--x) - 90px + 180px * var(--spin)), 790px, 0) scale(var(--scale)) rotate(calc(720deg * var(--spin)))}}