:root{--bg: #0a0714;--canvas: #020106;--surface: rgba(255, 255, 255, .045);--surface-2: rgba(255, 255, 255, .07);--surface-3: rgba(255, 255, 255, .1);--line: rgba(255, 255, 255, .1);--line-soft: rgba(255, 255, 255, .06);--text: #f6f4ff;--muted: #a29cc4;--muted-2: #6e668f;--red: #ff3d6e;--blue: #3e7bff;--green: #1fe3a8;--yellow: #ffce3d;--purple: #b45cff;--orange: #ff8a3d;--cyan: #2de4ff;--grad: linear-gradient(115deg, var(--blue) 0%, var(--purple) 55%, var(--red) 100%);--f-display: "Bricolage Grotesque", sans-serif;--f-body: "Manrope", sans-serif;--f-mono: "JetBrains Mono", monospace;--shadow: 0 30px 70px -18px rgba(0, 0, 0, .75);--glow-purple: 0 0 60px -8px rgba(180, 92, 255, .55);--blur-card: blur(22px) saturate(180%);--nav-height: 72px;color-scheme:dark}[data-theme=light]{--bg: #f3f1fb;--canvas: #e7e3f5;--surface: rgba(255, 255, 255, .62);--surface-2: rgba(255, 255, 255, .85);--surface-3: rgba(255, 255, 255, .95);--line: rgba(30, 20, 60, .1);--line-soft: rgba(30, 20, 60, .06);--text: #171225;--muted: #6a6285;--muted-2: #9992b5;--shadow: 0 30px 70px -18px rgba(60, 40, 110, .22);--glow-purple: 0 0 50px -10px rgba(180, 92, 255, .35);color-scheme:light}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;background:var(--canvas);font-family:var(--f-body);color:var(--text)}#root{display:flex;justify-content:center;min-height:100vh;min-height:100dvh;height:100%}.app-shell{width:100%;max-width:430px;min-height:100vh;min-height:100dvh;height:100vh;height:100dvh;overflow:hidden;background:radial-gradient(circle at 15% 8%,rgba(62,123,255,.2),transparent 42%),radial-gradient(circle at 88% 78%,rgba(180,92,255,.22),transparent 46%),radial-gradient(circle at 20% 92%,rgba(255,61,110,.14),transparent 40%),var(--bg);display:flex;flex-direction:column;box-shadow:var(--shadow);position:relative}.screen{flex:1;display:flex;flex-direction:column;min-height:0;height:100%;padding-bottom:calc(var(--nav-height) + env(safe-area-inset-bottom,0px))}.screen-scroll{overflow-y:auto;min-height:0;padding-bottom:12px}.px{padding:0 18px}.h1{font-family:var(--f-display);font-size:21px;font-weight:700;letter-spacing:-.01em}.h2{font-family:var(--f-display);font-size:15.5px;font-weight:700}.muted{color:var(--muted);font-size:12.5px;line-height:1.5}.mono{font-family:var(--f-mono)}.topbar{display:flex;align-items:center;justify-content:space-between;padding:18px 18px 6px}@keyframes gradShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.balance-pill{display:flex;align-items:center;gap:6px;background:var(--surface-2);border:1px solid var(--line);-webkit-backdrop-filter:var(--blur-card);backdrop-filter:var(--blur-card);border-radius:20px;padding:6px 12px 6px 8px}.balance-pill .dot{width:16px;height:16px;border-radius:50%;background:var(--grad);background-size:200% 200%;animation:gradShift 5s ease infinite;flex-shrink:0}.balance-pill span{font-family:var(--f-mono);font-size:12.5px;font-weight:600}.iconbtn{width:34px;height:34px;border-radius:11px;background:var(--surface-2);border:1px solid var(--line);-webkit-backdrop-filter:var(--blur-card);backdrop-filter:var(--blur-card);display:flex;align-items:center;justify-content:center;color:var(--text);flex-shrink:0;cursor:pointer;transition:transform .15s}.iconbtn:active{transform:scale(.92)}.iconbtn svg{width:16px;height:16px}.card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:14px;-webkit-backdrop-filter:var(--blur-card);backdrop-filter:var(--blur-card)}.room-info-row{display:flex;justify-content:space-between;font-size:12.5px}.room-info-row+.room-info-row{margin-top:8px}.btn{border:none;border-radius:15px;padding:14px;font-family:var(--f-body);font-weight:700;font-size:13.5px;cursor:pointer;text-align:center;width:100%;display:flex;align-items:center;justify-content:center;gap:6px}.btn-primary{background:var(--grad);color:#fff;box-shadow:var(--glow-purple)}.btn-outline{background:var(--surface-2);border:1px solid var(--line);color:var(--text);-webkit-backdrop-filter:var(--blur-card);backdrop-filter:var(--blur-card)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.45;pointer-events:none;transform:none}.btn-join{width:auto;padding:9px 16px;font-size:12px}.badge{font-family:var(--f-mono);font-size:10px;font-weight:600;padding:3px 9px;border-radius:8px;display:inline-flex;align-items:center;gap:4px}.badge-live{background:#1fe3a824;color:var(--green);border:1px solid rgba(31,227,168,.22)}.badge-live .dt{width:5px;height:5px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green);animation:blink 1.4s infinite}.badge-wait{background:#ffce3d24;color:var(--yellow);border:1px solid rgba(255,206,61,.22)}.badge.trig{background:var(--surface-3);color:var(--muted);border:1px solid var(--line);font-weight:600}@keyframes blink{0%,to{opacity:1}50%{opacity:.25}}.navbar{position:fixed;left:50%;transform:translate(-50%);bottom:0;width:100%;max-width:430px;z-index:30;display:flex;border-top:1px solid var(--line);background:var(--surface);-webkit-backdrop-filter:var(--blur-card);backdrop-filter:var(--blur-card);padding:9px 8px calc(14px + env(safe-area-inset-bottom,0px));flex-shrink:0}.navbar .nitem{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--muted-2);cursor:pointer;transition:color .15s}.navbar .nitem.active{color:var(--text)}.navbar .nitem.active svg{filter:drop-shadow(0 0 6px rgba(180,92,255,.7))}.navbar .nitem svg{width:19px;height:19px}.navbar .nitem span{font-size:9.5px;font-weight:600}.modetabs{display:flex;gap:8px;background:var(--surface-2);border:1px solid var(--line);-webkit-backdrop-filter:var(--blur-card);backdrop-filter:var(--blur-card);border-radius:14px;padding:4px}.modetabs .mt{flex:1;text-align:center;padding:9px 4px;border-radius:11px;font-size:11.5px;font-weight:700;color:var(--muted);cursor:pointer;transition:all .18s}.modetabs .mt.active{background:var(--grad);color:#fff;box-shadow:var(--glow-purple)}.chipset{display:flex;gap:8px}.chip{flex:1;text-align:center;padding:10px;border-radius:12px;background:var(--surface);border:1.5px solid var(--line);-webkit-backdrop-filter:var(--blur-card);backdrop-filter:var(--blur-card);font-size:12.5px;font-weight:700;cursor:pointer;transition:all .15s;color:var(--muted)}.chip.selected{border-color:var(--purple);background:#b45cff1f;box-shadow:0 0 16px -6px var(--purple);color:var(--text)}.promo-pill{display:flex;align-items:center;gap:9px;background:var(--surface);border:1px solid var(--line);-webkit-backdrop-filter:var(--blur-card);backdrop-filter:var(--blur-card);border-radius:13px;padding:10px 12px;font-size:11.5px;color:var(--text)}.tablecard{background:var(--surface);border:1px solid var(--line);border-radius:17px;padding:13px 14px;-webkit-backdrop-filter:var(--blur-card);backdrop-filter:var(--blur-card);transition:transform .15s}.tablecard:active{transform:scale(.98)}.tc-row{display:flex;align-items:center;gap:12px}.tc-gem{position:relative;width:32px;height:32px;flex-shrink:0;background:linear-gradient(155deg,#fff 0%,var(--c) 38%,color-mix(in srgb,var(--c) 55%,#000) 100%);clip-path:polygon(50% 0%,100% 38%,80% 100%,20% 100%,0% 38%);box-shadow:0 4px 14px -4px var(--c)}.tc-gem:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,rgba(255,255,255,.5) 0%,transparent 32%);clip-path:polygon(50% 0%,100% 38%,80% 100%,20% 100%,0% 38%)}.tc-info{flex:1;min-width:0}.tc-price{font-family:var(--f-display);font-weight:700;font-size:15.5px;display:flex;align-items:center;gap:5px}.tc-meta{display:flex;gap:5px;margin-top:5px}.toast{position:absolute;bottom:calc(var(--nav-height) + env(safe-area-inset-bottom,0px) + 16px);left:50%;transform:translate(-50%);background:var(--surface-3);border:1px solid var(--line);-webkit-backdrop-filter:var(--blur-card);backdrop-filter:var(--blur-card);color:var(--text);font-size:12px;font-weight:600;padding:9px 16px;border-radius:20px;box-shadow:var(--shadow);white-space:nowrap;z-index:40}.join-error{border-color:#ff3d6e66;color:var(--red);text-align:center;font-size:12.5px;font-weight:600}.color-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-content:start}.color-grid[data-count="3"]{grid-template-columns:1fr 1fr 1fr}.color-grid .colorbox:last-child:nth-child(odd){grid-column:1 / span 2}.color-grid[data-count="3"] .colorbox:last-child:nth-child(odd){grid-column:auto}.colorbox{width:100%;-moz-appearance:none;appearance:none;-webkit-appearance:none;border-radius:17px;border:2px solid var(--line);background:var(--surface);-webkit-backdrop-filter:var(--blur-card);backdrop-filter:var(--blur-card);padding:14px 8px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:border-color .18s,transform .12s,box-shadow .18s;color:var(--text);font-family:var(--f-body)}.colorbox .cb-circle{width:38px;height:38px;position:relative;background:linear-gradient(155deg,#fff 0%,var(--c) 38%,color-mix(in srgb,var(--c) 55%,#000) 100%);clip-path:polygon(50% 0%,100% 38%,80% 100%,20% 100%,0% 38%);box-shadow:0 6px 18px -4px var(--c)}.colorbox .cb-circle:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,rgba(255,255,255,.55) 0%,transparent 30%);clip-path:polygon(50% 0%,100% 38%,80% 100%,20% 100%,0% 38%)}.colorbox span{font-size:12px;font-weight:700}.colorbox.selected{border-color:var(--c);background:color-mix(in srgb,var(--c) 14%,var(--surface));transform:scale(1.03);box-shadow:0 0 24px -6px var(--c)}.colorbox.locked,.colorbox:disabled{pointer-events:none}.wait-screen .wait-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;text-align:center;padding:0 18px 12px}.wait-ring-wrap{position:relative;width:158px;height:158px;display:flex;align-items:center;justify-content:center}.wait-ring-glow{position:absolute;width:158px;height:158px;border-radius:50%;box-shadow:0 0 46px -6px #b45cff8c;animation:pulseGlow 2s ease-in-out infinite}.wait-ring-svg{position:absolute;transform:rotate(-90deg)}.wait-ring-label{position:relative;z-index:1}.wait-time{font-size:32px;font-weight:700;color:var(--yellow);text-shadow:0 0 30px rgba(255,206,61,.55)}.wait-pick-card{display:flex;align-items:center;gap:10px;width:220px}.wait-pick-dot{width:26px;height:26px;border-radius:50%;flex-shrink:0}@keyframes pulseGlow{0%,to{box-shadow:0 0 46px -6px #b45cff8c}50%{box-shadow:0 0 68px -4px #b45cffd9}}.grad-text{background:var(--grad);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;color:transparent}.badge-bad{background:#ff3d6e24;color:var(--red);border:1px solid rgba(255,61,110,.22)}.result-screen{position:relative}.result-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:0 24px 12px;position:relative;z-index:2}.result-icon{width:70px;height:70px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:30px;animation:trophyPop .7s cubic-bezier(.2,1.4,.4,1) both}.result-icon-win{background:radial-gradient(circle,rgba(31,227,168,.25),transparent 70%);box-shadow:0 0 40px -4px #1fe3a899}.result-icon-lose{background:radial-gradient(circle,rgba(255,61,110,.22),transparent 70%);box-shadow:0 0 40px -4px #ff3d6e73}.result-icon-rollover{background:var(--surface-2);border:1px dashed var(--line);font-size:28px;animation:none}.result-title{font-family:var(--f-display);font-size:23px;font-weight:800}.result-payout{font-size:32px;font-weight:800;margin-top:6px}.result-payout-lose{color:var(--muted);font-size:26px}.result-actions{padding-bottom:12px;position:relative;z-index:2;display:flex;flex-direction:column;gap:8px}.audit-sheet{gap:14px}.audit-winners{display:flex;flex-wrap:wrap;gap:8px}.audit-winner-chip,.audit-seat-pick{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;background:color-mix(in srgb,var(--c) 16%,var(--surface));border:1px solid color-mix(in srgb,var(--c) 40%,var(--line));font-size:12px;font-weight:700}.audit-gem{width:16px;height:16px;position:relative;flex-shrink:0;background:linear-gradient(155deg,#fff 0%,var(--c) 38%,color-mix(in srgb,var(--c) 55%,#000) 100%);clip-path:polygon(50% 0%,100% 38%,80% 100%,20% 100%,0% 38%);box-shadow:0 2px 8px -2px var(--c)}.audit-counts{display:flex;flex-direction:column;gap:8px}.audit-color-row{display:flex;align-items:center;gap:10px}.audit-colorbox{flex:1;flex-direction:row;justify-content:flex-start;gap:10px;padding:10px 12px;cursor:default;text-align:start}.audit-colorbox .cb-circle{width:28px;height:28px}.audit-colorbox span{font-size:12.5px;font-weight:700}.audit-count{font-weight:800;font-size:16px;min-width:1.6em;text-align:end}.audit-color-row.won .audit-count{color:var(--green)}.audit-color-row.won .audit-colorbox{border-color:color-mix(in srgb,var(--c) 70%,var(--line));box-shadow:0 0 0 1px color-mix(in srgb,var(--c) 28%,transparent)}.audit-seat+.audit-seat{margin-top:8px}.confetti-wrap{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:1}.confetti-wrap span{position:absolute;top:-10px;width:7px;height:12px;opacity:.9;animation:confetti 3s linear infinite}@keyframes trophyPop{0%{transform:scale(.3) rotate(-15deg);opacity:0}70%{transform:scale(1.15) rotate(4deg)}to{transform:scale(1) rotate(0);opacity:1}}@keyframes confetti{0%{transform:translateY(-10px) translate(0) rotate(0);opacity:1}25%{transform:translateY(160px) translate(14px) rotate(90deg)}50%{transform:translateY(330px) translate(-10px) rotate(180deg)}75%{transform:translateY(500px) translate(12px) rotate(270deg)}to{transform:translateY(686px) translate(-6px) rotate(360deg);opacity:0}}.wallet-hero{text-align:center;margin:6px 0 14px}.wallet-hero-amt{font-size:31px;font-weight:700}.wallet-hero-amt span{font-size:15px;color:var(--muted)}.wallet-segs{display:flex;gap:8px;margin-bottom:14px}.segbtn{flex:1;-moz-appearance:none;appearance:none;-webkit-appearance:none;text-align:center;padding:10px;border-radius:13px;background:var(--surface-2);border:1px solid var(--line);-webkit-backdrop-filter:var(--blur-card);backdrop-filter:var(--blur-card);font-size:12.5px;font-weight:700;color:var(--muted);cursor:pointer;transition:all .15s;font-family:var(--f-body)}.segbtn.active{background:var(--grad);background-size:200% 200%;animation:gradShift 5s ease infinite;color:#fff;border:none;box-shadow:var(--glow-purple)}.inp{background:var(--surface-2);border:1px solid var(--line);border-radius:11px;padding:11px 12px;font-size:13px;color:var(--text);width:100%;outline:none;font-family:inherit}.inp.mono{font-family:var(--f-mono)}.wallet-addr{font-size:10.5px;background:var(--surface-2);border-radius:8px;padding:8px;word-break:break-all}.wallet-fee-row{display:flex;justify-content:space-between}.wallet-net-row{display:flex;justify-content:space-between;padding-top:6px;border-top:1px solid var(--line-soft);font-weight:700;font-size:12.5px}.txrow{display:flex;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid var(--line-soft);font-size:12.5px}.friends-invite-card{background:linear-gradient(135deg,#3e7bff2e,#b45cff2e);border-color:#b45cff52;box-shadow:var(--glow-purple)}.friends-invite-row{display:flex;gap:8px;align-items:center}.friends-invite-link{font-size:11px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friends-pending-card{display:flex;align-items:center;gap:10px;background:#1fe3a814;border-color:#1fe3a840}.friends-pending-amt{font-size:19px;font-weight:700;color:var(--green)}.friends-stats{display:flex;gap:8px;margin-bottom:12px}.friends-stat{flex:1;text-align:center}.friends-stat-count{font-size:18px;font-weight:700;margin:4px 0}.friends-stat-earned{font-size:11px;color:var(--green)}.refrow{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--line);-webkit-backdrop-filter:var(--blur-card);backdrop-filter:var(--blur-card);border-radius:14px;padding:9px 12px}.lb-av{width:30px;height:30px;border-radius:50%;background:var(--surface-3);display:flex;align-items:center;justify-content:center;font-family:var(--f-display);font-weight:700;font-size:12px;color:#fff;flex-shrink:0}.taskcard{background:var(--surface);border:1px solid var(--line);-webkit-backdrop-filter:var(--blur-card);backdrop-filter:var(--blur-card);border-radius:15px;padding:12px}.taskcard-claimed{opacity:.55}.tc-top{display:flex;justify-content:space-between;align-items:center;font-size:12.5px;font-weight:700;margin-bottom:8px;gap:8px}.tc-bar{height:7px;background:var(--surface-2);border-radius:5px;overflow:hidden}.tc-bar div{height:100%;background:var(--grad);background-size:200% 200%;animation:gradShift 5s ease infinite;border-radius:5px}.tc-bar.done div{background:var(--green);animation:none}.profile-head{display:flex;align-items:center;gap:12px;margin:16px 0 6px}.profile-av{width:50px;height:50px;border-radius:50%;background:var(--grad);background-size:200% 200%;animation:gradShift 5s ease infinite;display:flex;align-items:center;justify-content:center;font-family:var(--f-display);font-weight:700;color:#fff;box-shadow:var(--glow-purple);flex-shrink:0}.profile-name{font-weight:700;font-size:15px}.settingrow{display:flex;align-items:center;justify-content:space-between;padding:13px 14px;background:var(--surface);border:1px solid var(--line);-webkit-backdrop-filter:var(--blur-card);backdrop-filter:var(--blur-card);border-radius:13px;font-size:13px;font-weight:600}.settingrow[role=button]{cursor:pointer}.switch{width:38px;height:22px;border-radius:20px;background:var(--grad);background-size:200% 200%;animation:gradShift 5s ease infinite;position:relative;cursor:pointer;flex-shrink:0;box-shadow:var(--glow-purple);border:none;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.switch.off{background:var(--surface-3);animation:none;box-shadow:none}.switch .knob{width:16px;height:16px;border-radius:50%;background:#fff;position:absolute;top:3px;left:19px;transition:left .2s;display:block}.switch.off .knob{left:3px}.notif{display:flex;gap:10px;align-items:center;padding:11px;border-radius:15px;background:var(--surface);border:1px solid var(--line);-webkit-backdrop-filter:var(--blur-card);backdrop-filter:var(--blur-card);position:relative;cursor:pointer}.notif.unread:after{content:"";position:absolute;top:11px;right:11px;width:7px;height:7px;border-radius:50%;background:var(--purple);box-shadow:0 0 8px var(--purple)}.ntc{width:36px;height:36px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.historyrow{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--line);-webkit-backdrop-filter:var(--blur-card);backdrop-filter:var(--blur-card);border-radius:14px;padding:10px 12px}.historyrow.tappable{cursor:pointer}.historyrow.tappable:active{transform:scale(.99)}.historyrow .hr-mid{flex:1}.rulestep{display:flex;align-items:flex-start;gap:12px;background:var(--surface);border:1px solid var(--line);-webkit-backdrop-filter:var(--blur-card);backdrop-filter:var(--blur-card);border-radius:14px;padding:12px}.rs-num{width:30px;height:30px;border-radius:50%;background:var(--grad);background-size:200% 200%;animation:gradShift 5s ease infinite;color:#fff;font-family:var(--f-mono);font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:var(--glow-purple);margin-top:1px}.rules-warn{margin-top:4px;background:#ffce3d14;border-color:#ffce3d40}.lang-current{display:flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;white-space:nowrap}.lang-sheet-backdrop{position:fixed;left:50%;top:0;bottom:0;width:100%;max-width:430px;transform:translate(-50%);z-index:50;background:#0201069e;display:flex;align-items:flex-end}.lang-sheet{width:100%;background:var(--surface);border:1px solid var(--line);border-bottom:none;-webkit-backdrop-filter:var(--blur-card);backdrop-filter:var(--blur-card);border-radius:22px 22px 0 0;padding:20px 18px calc(18px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:9px;max-height:min(86dvh,640px);overflow-y:auto}.lang-sheet .h1{margin:0}.langrow{display:flex;justify-content:space-between;align-items:center;padding:13px 14px;border-radius:13px;background:var(--surface);border:1px solid var(--line);-webkit-backdrop-filter:var(--blur-card);backdrop-filter:var(--blur-card);font-size:13.5px;font-weight:600;font-family:inherit;color:inherit;width:100%;text-align:start;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;transition:border-color .15s,transform .1s}.langrow:active:not(:disabled){transform:scale(.98)}.langrow:disabled{cursor:wait;opacity:.65}.langrow.selected{border-color:var(--purple);background:#b45cff1a;box-shadow:0 0 0 1px #b45cff40 inset}.langrow .chk{color:var(--purple);font-weight:800;margin-inline-start:auto;padding-inline-start:10px}html[dir=rtl] .navbar,html[dir=rtl] .toast,html[dir=rtl] .lang-sheet-backdrop{left:50%;right:auto;transform:translate(-50%)}html[dir=rtl] .navbar .nitem span{text-align:center;line-height:1.15;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.skin-sheet-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.skin-card{-moz-appearance:none;appearance:none;-webkit-appearance:none;display:flex;flex-direction:column;align-items:center;gap:10px;padding:14px 10px 12px;border-radius:14px;border:1px solid var(--line);background:#02010673;color:var(--text);cursor:pointer;font:inherit;text-align:center}.skin-card:disabled{cursor:wait;opacity:.65}.skin-card.selected{border-color:var(--yellow);box-shadow:0 0 0 1px color-mix(in srgb,var(--yellow) 55%,transparent),0 8px 22px -10px #ffce3d73;background:color-mix(in srgb,var(--yellow) 8%,rgba(2,1,6,.45))}[data-theme=light] .skin-card{background:var(--surface-2)}.skin-card .skin-name{font-size:.82rem;font-weight:700;line-height:1.3}.skin-preview{height:56px;display:flex;align-items:center;justify-content:center}.prev-neon{display:flex;gap:5px;align-items:flex-end;height:52px}.pn-vial{width:9px;height:48px;border:1px solid rgba(255,255,255,.15);border-radius:0 0 4px 4px;position:relative;overflow:hidden;background:#ffffff0a;flex-shrink:0}.pn-liquid{position:absolute;bottom:0;left:0;right:0;height:20%;background:var(--vc);box-shadow:0 0 8px var(--vc);animation:pnRise 2.2s ease-in-out infinite alternate}@keyframes pnRise{0%{height:12%}to{height:85%}}.prev-space{position:relative;width:56px;height:56px;overflow:hidden}.ps-star{position:absolute;width:2px;height:2px;background:#fff;border-radius:50%;opacity:.55}.ps-rocket{position:absolute;bottom:4px;width:7px;height:17px;background:var(--rc);border-radius:4px 4px 1px 1px;animation:psRise 2s ease-in-out infinite;box-shadow:0 0 8px -1px var(--rc)}.ps-flame{position:absolute;bottom:-5px;left:50%;transform:translate(-50%);width:4px;height:6px;background:linear-gradient(#ffce3d,#ff3d6e);border-radius:0 0 3px 3px;animation:psFlicker .15s ease-in-out infinite alternate}@keyframes psRise{0%,to{bottom:4px}50%{bottom:32px}}@keyframes psFlicker{0%{transform:translate(-50%) scaleY(1)}to{transform:translate(-50%) scaleY(1.5)}}.prev-wheel-led{position:relative;width:56px;height:56px}.prev-wheel{width:40px;height:40px;border-radius:50%;background:conic-gradient(var(--red) 0 20%,var(--blue) 20% 40%,var(--green) 40% 60%,var(--yellow) 60% 80%,var(--purple) 80% 100%);animation:spinSlow 2.4s linear infinite;box-shadow:0 0 16px -4px #b45cff99}.prev-wheel-led .prev-wheel{position:absolute;top:7px;right:7px;bottom:7px;left:7px}.pw-led{position:absolute;width:3px;height:3px;border-radius:50%;background:var(--muted-2);top:50%;left:50%;margin:-1.5px;transform:rotate(calc(var(--i) * 45deg)) translate(25px);animation:pwBlink 1.6s linear infinite;animation-delay:calc(var(--i) * -.2s)}@keyframes spinSlow{to{transform:rotate(360deg)}}@keyframes pwBlink{0%,88%,to{background:var(--muted-2);box-shadow:none}4%{background:var(--yellow);box-shadow:0 0 6px var(--yellow)}}.prev-slot{display:flex;gap:4px;height:42px}.ps-reel{width:13px;height:42px;overflow:hidden;border-radius:3px;background:#050510;border:1px solid rgba(255,255,255,.1);flex-shrink:0}.ps-strip{display:flex;flex-direction:column;animation:psScroll 1s linear infinite}.ps-strip span{width:13px;height:14px;flex-shrink:0}@keyframes psScroll{0%{transform:translateY(0)}to{transform:translateY(-56px)}}.reveal-screen{align-items:center;justify-content:center}.reveal-stage{position:relative;width:calc(100% - 24px);max-width:420px;height:420px;margin:12px auto;border-radius:20px;overflow:hidden;border:1px solid var(--line);background:radial-gradient(ellipse at 50% 28%,#150c28,#030105 78%);display:flex;align-items:center;justify-content:center}.reveal-flash{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:8;opacity:0;background:radial-gradient(circle at 50% 50%,var(--flash, #fff),transparent 60%);animation:revealFlash 1.05s ease 3.6s 1}@keyframes revealFlash{0%{opacity:0}12%{opacity:.85}to{opacity:0}}.reveal-vials{display:flex;gap:12px;align-items:flex-end;height:290px}.reveal-vials.n-7{gap:6px}.vial{position:relative;width:36px;height:240px}.reveal-vials.n-7 .vial{width:28px}.vial-mark{position:absolute;top:-28px;left:0;right:0;text-align:center;font-size:16px;color:var(--yellow)}.vial-glass{position:absolute;bottom:0;left:0;right:0;height:100%;border:2px solid #4a3f6a;border-top:none;border-radius:0 0 18px 18px;background:linear-gradient(100deg,#ffffff1a,#fff0 18%,#fff0 82%,#ffffff0f);overflow:hidden}.vial-liquid{position:absolute;bottom:0;left:0;right:0;height:0%;transition:height 3.3s cubic-bezier(.2,.8,.2,1);filter:saturate(1.4)}.vial-liquid:before{content:"";position:absolute;top:-4px;left:0;right:0;height:8px;background:inherit;border-radius:50%;opacity:.8}.vial-liquid:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,rgba(255,255,255,.4),transparent 30%)}.bubble-rise{position:absolute;bottom:4px;width:4px;height:4px;border-radius:50%;background:#fff9;animation:riseUp 3.6s linear infinite}@keyframes riseUp{0%{transform:translateY(0);opacity:0}15%{opacity:.8}to{transform:translateY(-180px);opacity:0}}.vial.pop .vial-glass{animation:shatter .9s forwards}.vial.pop .vial-liquid{animation:fadeout .75s forwards}.vial.winner .vial-glass{animation:pulseGlow 1.65s ease-in-out infinite}@keyframes shatter{to{transform:scale(1.22) rotate(5deg);opacity:0;filter:blur(3px)}}@keyframes fadeout{to{opacity:0}}@keyframes pulseGlow{0%,to{box-shadow:0 0 18px 2px var(--glow)}50%{box-shadow:0 0 38px 12px var(--glow)}}.launchpad{position:relative;width:100%;height:100%}.rocket{position:absolute;bottom:36px;width:34px;height:90px;margin-left:-17px;transition:transform 3.9s cubic-bezier(.32,.6,.2,1),opacity 1.05s ease,bottom 3.9s ease}.rocket .flame{opacity:0}.rocket.rise .flame,.rocket.escape .flame{opacity:1}.rocket.rise{bottom:58%}.rocket.fall{bottom:-110px;transform:rotate(45deg);opacity:0}.rocket.escape{bottom:560px;transform:scale(.3)}.star{position:absolute;border-radius:50%;background:#fff;opacity:.6}.rocket-mark{position:absolute;top:-24px;left:0;right:0;text-align:center;font-size:14px;color:var(--yellow)}.wheel-wrap{position:relative;width:240px;height:240px}.wheel{width:100%;height:100%;border-radius:50%;position:relative;transition:transform 6.9s cubic-bezier(.1,.7,.15,1);box-shadow:0 0 0 7px #1c1435,0 0 0 10px #4a3a72,0 24px 60px -10px #000000a6}.wheel-gem{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle at 50% 50%,transparent 40%,rgba(0,0,0,.35) 100%)}.led{position:absolute;width:6px;height:6px;border-radius:50%;background:#4a3a72;transition:background .18s ease,box-shadow .18s ease}.led.on{background:var(--yellow);box-shadow:0 0 9px 3px var(--yellow)}.pointer{position:absolute;top:-8px;left:50%;transform:translate(-50%);width:0;height:0;border-left:11px solid transparent;border-right:11px solid transparent;border-top:20px solid var(--yellow);z-index:5;filter:drop-shadow(0 0 8px rgba(255,215,106,.85))}.wheel-hub{position:absolute;top:50%;left:50%;width:28px;height:28px;background:radial-gradient(circle at 35% 30%,#6a5498,#0a0612);border:2px solid #4a3a72;border-radius:50%;transform:translate(-50%,-50%);z-index:4;box-shadow:0 4px 10px #00000080}.wheel-star{position:absolute;z-index:3;color:#fff;font-size:14px;left:0;top:0;pointer-events:none;transform-origin:120px 120px}.slot-machine{display:flex;flex-direction:column;align-items:center;gap:18px}.marquee{display:flex;gap:8px}.bulb{width:6px;height:6px;border-radius:50%;background:#4a3a72;animation:bulbBlink 1.5s ease-in-out infinite}@keyframes bulbBlink{0%,to{background:#4a3a72}50%{background:var(--yellow);box-shadow:0 0 8px 2px var(--yellow)}}.cabinet{padding:16px;background:linear-gradient(180deg,#241a3e,#140c26);border-radius:20px;border:2px solid #4a3a72;box-shadow:inset 0 6px 18px #0000008c,0 20px 40px -10px #0009}.slot-row{display:flex;gap:18px;align-items:center}.reels{display:flex;gap:10px;padding:12px;background:#05030a;border-radius:14px;position:relative}.payline{position:absolute;left:6px;right:6px;top:50%;height:70px;transform:translateY(-50%);border:2px solid transparent;border-radius:8px;pointer-events:none;transition:border-color .6s ease,box-shadow .6s ease}.payline.win{border-color:var(--yellow);box-shadow:0 0 26px 6px #ffd76a8c}.reel{width:60px;height:70px;overflow:hidden;border-radius:8px;background:#0a0614;border:1px solid #4a3a72}.reel-strip{display:flex;flex-direction:column}.reel-block{width:60px;height:70px;flex-shrink:0}.reel.spin .reel-strip{filter:blur(6px)}.reel.settle{animation:reelSettle .45s ease}@keyframes reelSettle{0%,to{transform:scaleY(1)}40%{transform:scaleY(.9)}70%{transform:scaleY(1.04)}}.lever{width:12px;height:80px;background:linear-gradient(180deg,#6a5498,#2a2140);border-radius:6px;position:relative;transition:transform .375s ease}.lever:after{content:"";position:absolute;top:-16px;left:50%;transform:translate(-50%);width:30px;height:30px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ff7a90,#b0102f);box-shadow:0 5px 12px #00000073}.slot-pick{font-size:12px;color:var(--muted)}@media (prefers-reduced-motion: reduce){.reveal-stage *,.colorbox,.wait-ring-glow,.pn-liquid,.ps-rocket,.ps-flame,.prev-wheel,.pw-led,.ps-strip{animation:none!important;transition:none!important}}