.curtain-overlay{z-index:40;position:fixed;inset:0;overflow:hidden}.curtain-panel{transform-origin:top;width:50%;position:absolute;top:0;bottom:0;overflow:hidden}.curtain-panel-left{--curtain-exit:-100%;left:0}.curtain-panel-right{--curtain-exit:100%;right:0}.curtain-fabric{transform-origin:top;background:radial-gradient(at 50% 38%,#0000 15%,#200008d9 100%),repeating-linear-gradient(90deg,#390511 0%,#740c21 5%,#a8263b 8%,#650a20 12%,#30040f 16%);animation:4.8s ease-in-out infinite alternate curtain-breathe;position:absolute;inset:0;box-shadow:inset 0 0 36px #160006}.curtain-fabric:after{content:"";border-top:3px solid var(--gold-line);background:repeating-linear-gradient(90deg, #9a5b12 0 2px, var(--gold) 2px 4px, #d18c23 4px 6px);height:15px;position:absolute;inset:auto 0 0}.curtain-valance{background:linear-gradient(#5e290c, var(--gold-hi) 18%, var(--gold) 35%, #b16c16);height:clamp(24px,5vh,50px);position:absolute;inset:0 0 auto;box-shadow:0 8px 18px #21000799}.curtain-valance:after{content:"";background:radial-gradient(ellipse at 50% 0, var(--gold) 62%, #a86816 66%, transparent 70%) 0 0 / 64px 25px repeat-x;height:20px;position:absolute;inset:auto 0 -18px}.curtain-center{padding:max(24px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));place-items:center;display:grid;position:absolute;inset:0}.curtain-medallion{isolation:isolate;border:1px solid var(--gold-line);text-align:center;background:#450c1b;border-radius:46%/22%;flex-direction:column;align-items:center;gap:12px;width:min(100%,420px);padding:clamp(18px,4vh,36px) 24px;display:flex;position:relative;box-shadow:inset 0 0 30px #ffbe1f1a,0 12px 48px #16000899,0 0 28px #ffd44726}.curtain-medallion:before{content:"";z-index:-1;border-radius:inherit;background:linear-gradient(120deg,#0000 20%,#fff6c233 50%,#0000 80%);animation:3.6s ease-in-out infinite alternate curtain-shimmer;position:absolute;inset:0}.curtain-logo{object-fit:contain;filter:drop-shadow(0 0 14px #ffd44770);border-radius:20%;width:min(96px,22vh);height:min(96px,22vh)}.curtain-brand{max-width:100%;color:var(--gold);font:400 clamp(24px, 5vw, 38px) / 1.08 var(--display);overflow-wrap:anywhere;text-shadow:0 2px 0 var(--brown), 0 0 18px #ffbe1f50}.curtain-loader{color:var(--gold-hi);gap:12px;font-size:16px;display:flex}.curtain-star{animation:1.2s ease-in-out infinite alternate curtain-shimmer}.curtain-star:nth-child(2){animation-delay:.3s}.curtain-star:nth-child(3){animation-delay:.6s}.curtain-sparkles{position:absolute;top:50%;left:50%}.curtain-sparkle{opacity:0;background:var(--gold-hi);clip-path:polygon(50% 0,63% 37%,100% 50%,63% 63%,50% 100%,37% 63%,0 50%,37% 37%);width:8px;height:8px;position:absolute}.curtain-sparkle:first-child{--curtain-travel:-130px, -100px}.curtain-sparkle:nth-child(2){--curtain-travel:-70px, -150px}.curtain-sparkle:nth-child(3){--curtain-travel:25px, -170px}.curtain-sparkle:nth-child(4){--curtain-travel:95px, -125px}.curtain-sparkle:nth-child(5){--curtain-travel:145px, -35px}.curtain-sparkle:nth-child(6){--curtain-travel:125px, 85px}.curtain-sparkle:nth-child(7){--curtain-travel:60px, 145px}.curtain-sparkle:nth-child(8){--curtain-travel:-30px, 125px}.curtain-sparkle:nth-child(9){--curtain-travel:-115px, 95px}.curtain-sparkle:nth-child(10){--curtain-travel:-145px, -10px}.curtain-overlay[data-state=opening]{pointer-events:none}.curtain-overlay[data-state=opening] .curtain-medallion{animation:.25s ease-in both curtain-pop}.curtain-overlay[data-state=opening] .curtain-panel{animation:.9s cubic-bezier(.7,0,.2,1) .25s both curtain-part}.curtain-overlay[data-state=opening] .curtain-valance{animation:.6s ease-in .25s both curtain-pop}.curtain-overlay[data-state=opening] .curtain-sparkle{animation:.65s ease-out .25s both curtain-burst}.curtain-overlay[data-reduced] .curtain-fabric,.curtain-overlay[data-reduced] .curtain-medallion,.curtain-overlay[data-reduced] .curtain-medallion:before,.curtain-overlay[data-reduced] .curtain-star,.curtain-overlay[data-reduced] .curtain-panel,.curtain-overlay[data-reduced] .curtain-valance{animation:none}.curtain-overlay[data-reduced] .curtain-sparkles{display:none}.curtain-overlay[data-state=opening][data-reduced]{animation:.2s ease-out both curtain-fade}@keyframes curtain-breathe{to{transform:scaleX(1.025)}}@keyframes curtain-shimmer{0%{opacity:.35}to{opacity:1}}@keyframes curtain-pop{to{opacity:0;transform:translateY(-28px)scale(1.06)}}@keyframes curtain-part{to{transform:translateX(var(--curtain-exit)) scaleY(.96)}}@keyframes curtain-burst{15%{opacity:1}to{transform:translate(var(--curtain-travel)) rotate(120deg) scale(.2);opacity:0}}@keyframes curtain-fade{to{opacity:0}}.hat-hud{--hat-plum-900:#1a0f24;--hat-plum-700:#2d1840;--hat-glass:#28163ab8;--hat-line:#ffdcff2e;--hat-gold:#f6c75a;--hat-gold-hi:#fff1c2;--hat-violet:#6b3fa0;--hat-gap:clamp(12px, 2.4svh, 24px);padding:calc(var(--safe-top,0px) + 16px) calc(var(--safe-right,0px) + 22px) calc(var(--safe-bottom,0px) + 24px) calc(var(--safe-left,0px) + 22px);color:#fff5fa;font-family:var(--ui);pointer-events:none;flex-direction:column;align-items:center;display:flex;position:absolute;inset:0}.hat-hud button{pointer-events:auto;touch-action:manipulation}.hat-hud button:focus-visible{outline:3px solid var(--hat-gold-hi);outline-offset:5px}.hat-topbar{inset:calc(var(--safe-top,0px) + 16px) calc(var(--safe-right,0px) + 18px) auto calc(var(--safe-left,0px) + 18px);z-index:1;justify-content:space-between;display:flex;position:absolute}.hat-round-btn{border:1px solid var(--hat-line);color:#f5e1f6;background:linear-gradient(145deg, #633a72a6, var(--hat-glass));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:50%;place-items:center;width:44px;height:44px;transition:transform .16s;display:grid;box-shadow:inset 0 1px #ffefff17,0 4px 12px #10071940}.hat-icon{flex:none;width:24px;height:24px}.hat-title-block{text-align:center;flex-direction:column;flex:none;align-items:center;width:100%;max-width:420px;display:flex}.hat-logo{object-fit:contain;filter:drop-shadow(0 0 10px #f4b65c40);width:clamp(48px,8svh,68px);height:clamp(48px,8svh,68px)}.hat-title-wrap{width:100%;padding:2px 27px 22px;position:relative}.hat-title{letter-spacing:-.045em;text-wrap:balance;overflow-wrap:anywhere;color:var(--hat-gold-hi);-webkit-text-fill-color:transparent;-webkit-text-stroke:.35px #5c2c1e73;-webkit-line-clamp:2;filter:drop-shadow(0 2px 1px #160a20)drop-shadow(0 0 12px #eeb37030);background:linear-gradient(175deg,#fff9e6 10%,#ffe8ad 44%,#e8b25d 75%,#fff0be 96%);-webkit-background-clip:text;background-clip:text;-webkit-box-orient:vertical;margin:0;padding:0 7px;font-family:Playfair Display,Georgia,serif;font-size:clamp(40px,min(13vw,6.6svh),70px);font-style:italic;font-weight:800;line-height:.96;display:-webkit-box;overflow:hidden}.hat-title>span{display:block}.hat-sparkle{color:var(--hat-gold-hi);text-shadow:0 0 12px #f8b553;font-size:26px;line-height:1;position:absolute;top:48%}.hat-sparkle-left{left:9px}.hat-sparkle-right{font-size:21px;top:33%;right:9px}.hat-swoosh{width:46%;height:20px;color:var(--hat-gold-hi);filter:drop-shadow(0 0 4px #edb55b60);position:absolute;bottom:0;left:28%}.hat-live-pill,.hat-waiting-pill{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(120deg,#4c2c4d5c,#211429b8);border:1px solid #b97ba966;border-radius:999px;justify-content:center;align-items:center;max-width:100%;font-size:clamp(12px,1.9svh,16px);line-height:1.3;display:flex;box-shadow:inset 0 1px #ffe3f211,0 3px 12px #0d071b26}.hat-live-pill{min-height:32px;margin-top:14px;padding:6px 15px}.hat-live-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.hat-live-dot{background:#ff3559;border-radius:50%;flex:none;width:9px;height:9px;margin-right:8px;animation:2.6s ease-in-out infinite hat-live-pulse;box-shadow:0 0 10px #ff35594d}.hat-live-pill[data-closed] .hat-live-dot{box-shadow:none;background:#b6a6bc;animation:none}.hat-countdown{white-space:pre;font-variant-numeric:tabular-nums;flex:none}.hat-stage-slot{flex:1 1 0;width:100%;min-width:0;min-height:0}.hat-sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.hat-bottom{align-items:center;gap:var(--hat-gap);flex-direction:column;flex:none;width:100%;max-width:400px;animation:.32s ease-out both hat-panel-in;display:flex}.hat-participants{border:1px solid var(--hat-line);background:linear-gradient(125deg, #56314666, transparent 70%), var(--hat-glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);text-align:left;border-radius:20px;align-items:center;gap:10px;width:100%;min-height:clamp(54px,7.5svh,72px);padding:10px 15px;transition:transform .16s;display:flex;box-shadow:inset 0 1px #ffe8f00d,0 8px 24px #11091c3d}.hat-people{color:#c3a2c5;flex:none;width:32px;height:28px}.hat-participants-label{flex:1;min-width:0;font-size:clamp(13px,1.9svh,16px)}.hat-participants-label small{color:#d5b6cf;margin-top:3px;font-size:11px;display:block}.hat-participants-count{font-variant-numeric:tabular-nums;font-size:clamp(20px,2.7svh,26px);font-weight:650}.hat-chevron{color:#d9b8d2;flex:none;width:16px;height:20px}.hat-draw-btn,.hat-again-btn,.hat-drawing-pill{text-align:center;border-radius:999px;justify-content:center;align-items:center;gap:12px;width:94%;min-height:clamp(58px,8.5svh,82px);padding:12px 22px;display:flex;position:relative}.hat-draw-btn,.hat-again-btn{transition:transform .16s,opacity .16s}.hat-draw-btn{isolation:isolate;color:#36172a;letter-spacing:-.035em;text-transform:uppercase;text-shadow:0 1px #ffe8b366;background:linear-gradient(#ffeab3 0%,#f8cc76 22%,#eaa445 80%,#f0b85f 100%);border:1.5px solid #ffe7a8;font-size:clamp(23px,3.4svh,32px);font-weight:800;overflow:hidden;box-shadow:inset 0 2px 2px #fff9dbd9,inset 0 -3px 4px #b96d2d4d,0 0 0 3px #e1a5531a,0 0 25px #ffb54d52,0 8px 30px #f0992533}.hat-draw-btn:before{z-index:-1;content:"";background:linear-gradient(90deg,#0000,#fffbeaad,#0000);width:45%;animation:6s ease-in-out infinite hat-shimmer;position:absolute;inset:-40% auto -40% -60%;transform:translate(0)skew(-22deg)}.hat-wand{flex:none;width:34px;height:34px}.hat-button-label{overflow-wrap:anywhere;min-width:0;line-height:1.1}.hat-draw-btn:disabled,.hat-again-btn:disabled{opacity:.5;cursor:wait}.hat-draw-btn:disabled:before{animation:none}.hat-round-btn:active,button.hat-participants:active,.hat-draw-btn:active:not(:disabled),.hat-again-btn:active:not(:disabled){transform:translateY(2px)scale(.98)}.hat-drawing-pill{color:#f9e4e9;background:linear-gradient(#5d34494d,#29172edb);border:1.5px solid #f4cea0;width:82%;font-size:clamp(18px,2.5svh,24px);font-weight:600;box-shadow:inset 0 0 12px #f4bb7833,0 0 18px #efac6b40}.hat-drawing-dots{color:var(--hat-gold);letter-spacing:.08em;animation:1.4s ease-in-out infinite hat-live-pulse}.hat-drawing-dots:last-child{animation-delay:.35s}.hat-prize-panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:radial-gradient(at 100% 100%,#f4a94966,#0000 58%),linear-gradient(120deg,#542142dd,#2c173bed 65%,#5a2941e6);border:1.5px solid #edc47c;border-radius:24px;align-items:center;gap:12px;width:100%;min-height:clamp(94px,13svh,136px);padding:12px 14px 12px 8px;display:flex;position:relative;box-shadow:inset 0 0 0 1px #fff1c21f,inset 0 2px 10px #ffd7a31a,0 0 18px #f4b15838,0 6px 24px #14081d66}.hat-gift{filter:drop-shadow(0 4px 5px #13081966);flex:none;width:clamp(42px,6svh,62px);height:76px;margin-top:-18px;transform:rotate(-9deg)}.hat-prize-copy{flex:1;min-width:0}.hat-prize-eyebrow{color:#e9a5c6;letter-spacing:.18em;font-size:12px;font-weight:600}.hat-prize-label{letter-spacing:-.035em;overflow-wrap:anywhere;-webkit-line-clamp:2;text-shadow:0 2px 3px #18092180;-webkit-box-orient:vertical;margin:5px 0 0;font-size:clamp(18px,2.7svh,25px);font-weight:650;line-height:1.15;display:-webkit-box;overflow:hidden}.hat-prize-image{object-fit:contain;filter:drop-shadow(0 0 12px #ffd49055)drop-shadow(0 6px 8px #1b0e294d);flex:none;width:25%;max-width:104px;height:clamp(66px,11svh,110px)}.hat-again-btn{background:linear-gradient(#98509e,#6b347f 46%,#4e246d);border:1px solid #cd84d47a;width:76%;min-height:clamp(48px,6.5svh,62px);font-size:clamp(16px,2.3svh,22px);font-weight:600;box-shadow:inset 0 1px 2px #ffc6ff4d,inset 0 -2px 5px #2b154b4d,0 5px 16px #180c2b4d}.hat-waiting-pill{color:#e2c9de;min-height:36px;padding:8px 18px}.hat-complete{color:#dec0d5;letter-spacing:.03em;margin:0;font-size:13px}@media (max-height:650px) and (orientation:portrait){.hat-hud{padding-bottom:calc(var(--safe-bottom,0px) + 16px)}.hat-logo{width:48px;height:48px}.hat-live-pill{min-height:28px;margin-top:8px;padding-block:4px}}@media (orientation:landscape){.hat-hud{padding-top:calc(var(--safe-top,0px) + 18px);padding-bottom:calc(var(--safe-bottom,0px) + 18px);grid-template:"stage title""stage."minmax(0,1fr)"stage bottom"/minmax(0,1fr) minmax(240px,40%);place-items:stretch center;column-gap:clamp(14px,3vw,56px);display:grid}.hat-title-block{grid-area:title}.hat-title{font-size:clamp(32px,8svh,68px)}.hat-logo{width:clamp(36px,9svh,64px);height:clamp(36px,9svh,64px)}.hat-live-pill{margin-top:8px}.hat-stage-slot{grid-area:stage}.hat-bottom{grid-area:bottom;align-self:end}}@media (orientation:landscape) and (max-height:450px){.hat-hud{--hat-gap:10px}.hat-logo{width:32px;height:32px}.hat-title{font-size:clamp(27px,8.4svh,34px)}.hat-title-wrap{padding-bottom:12px}.hat-swoosh{height:14px}.hat-live-pill{min-height:26px;margin-top:5px;padding-block:4px}.hat-participants{min-height:48px;padding-block:7px}.hat-draw-btn,.hat-drawing-pill{min-height:48px;padding-block:8px;font-size:20px}.hat-prize-panel{gap:8px;min-height:82px;padding-block:8px}.hat-gift{width:36px;height:60px}.hat-prize-label{font-size:17px}.hat-again-btn{gap:8px;width:94%;min-height:44px;padding:8px 12px}}@keyframes hat-panel-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes hat-live-pulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes hat-shimmer{0%,65%{opacity:0;transform:translate(0)skew(-22deg)}72%{opacity:.75}92%,to{opacity:0;transform:translate(470%)skew(-22deg)}}.app[data-reduced-motion] .hat-hud *,.app[data-reduced-motion] .hat-hud :before{transition:none;animation:none}.hat-fallback{place-items:center;height:100%;display:grid}.hat-fallback img{filter:drop-shadow(0 0 28px #ffbe5a73);width:min(48vw,180px);height:auto}.hat-fallback-card{border:3px solid var(--hat-gold);color:#3a1830;background:linear-gradient(160deg,#fff9ea,#f4dba6);border-radius:18px;place-items:center;gap:6px;min-width:180px;padding:22px 28px;display:grid;transform:rotate(-4deg);box-shadow:0 0 40px #ffbe5a8c}.hat-fallback-crown{color:var(--hat-gold);font-size:34px;line-height:1}.hat-fallback-name{font:800 26px/1.1 system-ui,sans-serif}.app[data-game=top-hat]{background:radial-gradient(at 50% 55%,#3a1c52 0%,#0000 60%),linear-gradient(#120919 0%,#241034 55%,#0c0511 100%)}@font-face{font-family:Lilita One;src:url(/fonts/lilita-one-subset.woff2)format("woff2");font-display:swap;font-weight:400}@font-face{font-family:Playfair Display;src:url(/fonts/playfair-display-800i-subset.woff2)format("woff2");font-display:swap;font-weight:800;font-style:italic}:root{--gold-hi:#fff6c2;--gold:#ffd447;--gold-mid:#ffbe1f;--gold-lo:#f39a10;--gold-line:#e9b949;--brown:#6b2c06;--navy:#140f52;--navy-2:#221a86;--red:#d4231a;--green:#36b336;--text:#fff;--muted:#c9c3ff;--display:"Lilita One", "Arial Rounded MT Bold", system-ui, sans-serif;--ui:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{overscroll-behavior:none;background:#120d5a;height:100%;margin:0;overflow:hidden}body{font-family:var(--ui);color:var(--text);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}button:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #fff}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.app{--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--magic:clamp(34px, min(16vw, 7.4vh), 92px);--pill-h:clamp(30px, 4.7vh, 46px);--spin-h:clamp(46px, 7vh, 74px);--spin-w:clamp(170px, 54vw, 320px);--round:clamp(42px, 6.6vh, 68px);--free-h:clamp(26px, 4vh, 40px);--gap:clamp(4px, 1.2vh, 14px);background:radial-gradient(70% 45% at 50% 42%,#7896ff8c,#0000 70%),radial-gradient(120% 80% at 50% 30%,#2f46d6 0%,#2030b8 38%,#191a8a 70%,#120d5a 100%);position:fixed;inset:0;overflow:hidden}@supports (height:1svh){.app{--magic:clamp(34px, min(16vw, 7.4svh), 92px);--pill-h:clamp(30px, 4.7svh, 46px);--spin-h:clamp(46px, 7svh, 74px);--round:clamp(42px, 6.6svh, 68px);--free-h:clamp(26px, 4svh, 40px);--gap:clamp(4px, 1.2svh, 14px)}}.canvas-host{position:absolute;inset:0}.game-canvas{opacity:0;width:100%;height:100%;transition:opacity .45s ease-out;display:block}.app[data-wheel=ready] .game-canvas,.app[data-wheel=lost] .game-canvas{opacity:1}.hud{row-gap:var(--gap);padding:calc(var(--safe-top) + 10px) calc(var(--safe-right) + 12px) calc(var(--safe-bottom) + 10px) calc(var(--safe-left) + 12px);pointer-events:none;grid-template:"top""title""stage"minmax(0,1fr)"controls""free"/minmax(0,1fr);display:grid;position:absolute;inset:0}.hud>*{pointer-events:auto}.topbar{padding-left:calc(var(--pill-h) * .15);grid-area:top;justify-content:space-between;align-items:center;gap:12px;display:flex}.title{pointer-events:none;grid-area:title;justify-content:center;margin:0;display:flex}.stage-slot{cursor:default;grid-area:stage;min-height:0;position:relative}.controls{grid-area:controls;justify-content:center;align-items:center;gap:clamp(12px,5vw,32px);display:flex}.free-row{min-height:var(--free-h);grid-area:free;justify-content:center;display:flex}@media (min-aspect-ratio:5/4){.app{--magic:clamp(28px, min(6.4vw, 10.5vh), 96px);--pill-h:clamp(28px, 8.5vh, 48px);--spin-h:clamp(42px, 12vh, 76px);--spin-w:clamp(160px, 24vw, 330px);--round:clamp(40px, 11vh, 68px);--free-h:clamp(26px, 7.4vh, 40px);--gap:clamp(4px, 2.2vh, 18px)}.hud{grid-template:"stage top""stage title"minmax(0,1fr)"stage controls""stage free""stage."minmax(0,.35fr)/minmax(0,1.2fr) minmax(0,1fr);column-gap:clamp(8px,2vw,40px)}.title{align-items:center}}.pill{height:var(--pill-h);box-shadow:inset 0 0 0 2px var(--gold-line), inset 0 2px 0 3px #ffffff0f, 0 3px 10px #05022873;padding-right:calc(var(--pill-h) * .12);background:linear-gradient(#120c42eb,#24186eeb);border-radius:999px;align-items:center;display:flex}.pill-icon{width:calc(var(--pill-h) * 1.2);height:calc(var(--pill-h) * 1.2);margin-left:calc(var(--pill-h) * -.2);object-fit:contain;filter:drop-shadow(0 2px 2px #00000059)}.pill-icon-gem{width:calc(var(--pill-h) * 1.1);height:calc(var(--pill-h) * 1.1)}.pill-value{font-family:var(--display);font-size:calc(var(--pill-h) * .52);letter-spacing:.02em;text-align:center;font-variant-numeric:tabular-nums;text-shadow:0 2px #00000059;min-width:4.6ch;padding:0 .35em 0 .15em}.pill-plus{width:calc(var(--pill-h) * .78);height:calc(var(--pill-h) * .78);color:#fff;background:radial-gradient(circle at 50% 28%,#8deb73 0%,#3cbf38 55%,#1f8b1f 100%);border-radius:50%;place-items:center;display:grid;box-shadow:inset 0 0 0 1.5px #dcffc8b3,0 2px #13561a,0 3px 6px #00000059}.pill-plus svg{filter:drop-shadow(0 1px #003c0099);width:58%;height:58%}.pill-plus:active{transform:translateY(1px)scale(.96)}.title-art{padding-top:calc(var(--magic) * .55);flex-direction:column;align-items:center;display:flex;position:relative}.title-glow{width:calc(var(--magic) * 5.6);height:calc(var(--magic) * 2.6);pointer-events:none;background:radial-gradient(34% 40% at 50% 34%,#ffecaa80,#0000 70%),radial-gradient(50% 50% at 50% 45%,#7882ff59,#0000 75%);position:absolute;top:0;left:50%;transform:translate(-50%)}.title-hat{top:calc(var(--magic) * -.32);width:calc(var(--magic) * 1.25);height:calc(var(--magic) * 1.25);z-index:2;filter:drop-shadow(0 4px 6px #00000073);position:absolute;left:50%;transform:translate(-46%)rotate(-4deg)}.title-magic{z-index:1;font-family:var(--display);font-size:var(--magic);letter-spacing:.02em;line-height:1;display:grid;position:relative}.magic-stroke,.magic-fill{grid-area:1/1;padding:0 .08em}.magic-stroke{color:var(--brown);-webkit-text-stroke:calc(var(--magic) * .13) var(--brown);text-shadow:0 calc(var(--magic) * .07) 0 #3d1703, 0 calc(var(--magic) * .12) calc(var(--magic) * .22) #0500288c}.magic-fill{color:#0000;background:linear-gradient(#fffdf0 0%,#fff0a0 22%,#ffd23c 48%,#f59a10 74%,#ffcf4a 100%);-webkit-text-stroke:calc(var(--magic) * .025) #fff4c0;-webkit-background-clip:text;background-clip:text}.title-side{top:calc(var(--magic) * .48);width:calc(var(--magic) * .95);height:calc(var(--magic) * 1.05);position:absolute}.title-side-left{right:calc(50% + var(--magic) * 1.72)}.title-side-right{left:calc(50% + var(--magic) * 1.72);transform:scaleX(-1)}.laurel{width:100%;height:100%;position:absolute;inset:0}.title-star{filter:drop-shadow(0 2px 3px #0006);width:62%;height:62%;position:absolute;bottom:2%;right:0}.ribbon{z-index:1;width:calc(var(--magic) * 4.2);height:calc(var(--magic) * .92);margin-top:calc(var(--magic) * -.16);place-items:center;display:grid;position:relative}.ribbon-shape{filter:drop-shadow(0 4px 5px #0a002880);width:100%;height:100%;position:absolute;inset:0;overflow:visible}.ribbon-text{margin-top:calc(var(--magic) * -.1);font-family:var(--display);font-size:calc(var(--magic) * .36);letter-spacing:.05em;color:#fff;text-shadow:0 2px #7a0e0a,0 0 6px #78000066;position:relative}.spin-btn{width:var(--spin-w);height:var(--spin-h);background:linear-gradient(#fff6be 0%,#ffdc4e 20%,#ffbf22 56%,#f49812 100%);border-radius:999px;place-items:center;transition:transform .12s ease-out,box-shadow .12s ease-out,filter .2s;display:grid;position:relative;box-shadow:inset 0 0 0 3px #fff0a0,inset 0 -6px #b0540480,0 0 0 2.5px #8a4206,0 6px #9c4c07,0 12px 24px #08033299,0 0 30px #ffc84659}.spin-btn:before{content:"";pointer-events:none;background:linear-gradient(#fffc,#fff0);border-radius:999px;height:36%;position:absolute;top:9%;left:9%;right:9%}.spin-btn-face{align-items:center;gap:calc(var(--spin-h) * .12);margin-top:calc(var(--spin-h) * -.02);display:flex;position:relative}.spin-btn-label{font-family:var(--display);font-size:calc(var(--spin-h) * .6);letter-spacing:.03em;color:var(--red);-webkit-text-stroke:calc(var(--spin-h) * .022) #7a0b06;text-shadow:0 2px #ffffff8c;line-height:1}.spin-btn-play{width:calc(var(--spin-h) * .4);height:calc(var(--spin-h) * .4);color:var(--red);filter:drop-shadow(0 1.5px #ffffff8c)}.spin-btn[data-paid] .spin-btn-face{margin-top:calc(var(--spin-h) * -.18)}.spin-btn[data-paid] .spin-btn-label{font-size:calc(var(--spin-h) * .48)}.spin-btn-cost{bottom:calc(var(--spin-h) * .1);font-family:var(--display);font-size:calc(var(--spin-h) * .24);color:#7a2a04;align-items:center;gap:3px;display:flex;position:absolute}.spin-btn-cost img{width:1.3em;height:1.3em}.spin-btn:active:not([aria-disabled=true]){transform:translateY(4px);box-shadow:inset 0 0 0 3px #fff0a0,inset 0 -4px #b0540480,0 0 0 2.5px #8a4206,0 2px #9c4c07,0 6px 14px #08033299}.spin-btn[aria-disabled=true]{cursor:default;filter:saturate(.7)brightness(.88)}.spin-btn[data-busy]{filter:saturate(.85)brightness(.92)}.round-btn{width:var(--round);height:var(--round);background:radial-gradient(circle at 50% 30%,#a66dff 0%,#6f33e2 52%,#43169a 100%);border-radius:50%;place-items:center;transition:transform .12s ease-out;display:grid;position:relative;box-shadow:inset 0 0 0 3px #ffd75a,inset 0 0 0 5px #7a3a0699,inset 0 -6px #1e065a80,0 0 0 2px #7a3a06,0 6px 14px #0803328c}.round-btn:active{transform:translateY(2px)scale(.97)}.round-btn-icon{filter:drop-shadow(0 2px 1px #1e005099);width:56%;height:56%}.badge-dot{background:radial-gradient(circle at 35% 30%,#ff9a8a,#e5281c 55%,#a10f0a);border-radius:50%;width:30%;height:30%;position:absolute;top:0;right:0;box-shadow:0 0 0 2px #fff,0 2px 4px #00000073}.free-pill{height:var(--free-h);padding:0 calc(var(--free-h) * .6) 0 calc(var(--free-h) * .2);box-shadow:inset 0 0 0 1.5px var(--gold-line), 0 3px 8px #00000059;font-weight:700;font-size:calc(var(--free-h) * .46);white-space:nowrap;background:linear-gradient(#0e0938e6,#1c145ce6);border-radius:999px;align-items:center;gap:8px;display:inline-flex}.free-pill:empty{visibility:hidden}.free-pill-icon{width:calc(var(--free-h) * 1.15);height:calc(var(--free-h) * .85)}.stage-status{text-align:center;place-content:center;justify-items:center;gap:12px;font-weight:700;display:grid;position:absolute;inset:0}.stage-status p{background:#0a0632b3;border-radius:12px;margin:0;padding:8px 14px}.loader{border:4px solid #ffffff2e;border-top-color:var(--gold);border-radius:50%;width:44px;height:44px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.win-layer{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.win-banner{pointer-events:auto;padding:calc(var(--magic) * .12) calc(var(--magic) * .45) calc(var(--magic) * .16);border-radius:calc(var(--magic) * .4);box-shadow:inset 0 0 0 2.5px var(--gold-line), 0 0 44px #ffc85073, 0 12px 30px #00000073;background:radial-gradient(at 50% 30%,#3c22a0f2,#160c50f2);flex-direction:column;align-items:center;animation:.55s cubic-bezier(.34,1.56,.64,1) both win-pop;display:flex;transform:translateY(32%)}.win-banner[data-big]{box-shadow:inset 0 0 0 3px #ffe27a,0 0 70px #ffd25ab3,0 12px 30px #00000073}.win-kicker{font-family:var(--display);font-size:calc(var(--magic) * .34);letter-spacing:.1em;color:#ffe27a}.win-amount{font-family:var(--display);font-size:calc(var(--magic) * .88);color:#ffd447;text-shadow:0 3px #8a4206,0 0 18px #ffbe3c99;font-variant-numeric:tabular-nums;align-items:center;line-height:1.05;display:flex}.win-amount img{filter:drop-shadow(0 2px 2px #0006);width:.9em;height:.9em;margin-right:.12em}@keyframes win-pop{0%{opacity:0;transform:translateY(32%)scale(.4)}to{opacity:1;transform:translateY(32%)scale(1)}}.toast-layer{left:0;right:0;top:calc(var(--safe-top) + var(--pill-h) + 18px);pointer-events:none;z-index:10;justify-content:center;padding:0 16px;display:flex;position:absolute}.toast{pointer-events:auto;background:#0e0938f5;border-radius:16px;align-items:center;gap:12px;max-width:440px;padding:10px 10px 10px 16px;font-size:15px;font-weight:600;animation:.25s ease-out both toast-in;display:flex;box-shadow:inset 0 0 0 1.5px #ffffff2e,0 8px 24px #00000073}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}}.btn{white-space:nowrap;background:#ffffff1f;border-radius:999px;justify-content:center;align-items:center;gap:6px;min-height:44px;padding:0 18px;font-size:15px;font-weight:800;display:inline-flex;box-shadow:inset 0 0 0 1.5px #ffffff40}.btn:disabled{opacity:.55;cursor:default}.btn-small{min-height:36px;padding:0 14px;font-size:14px}.btn-gold{color:#6a1f02;background:linear-gradient(#fff3b0,#ffcf3a 45%,#f39a12);box-shadow:inset 0 0 0 2px #fff0a0,0 3px #9c4c07}.btn-green{color:#fff;text-shadow:0 1px #003c0080;background:radial-gradient(circle at 50% 20%,#7fe36a,#36b336 60%,#1f8b1f);box-shadow:inset 0 0 0 1.5px #dcffc899,0 3px #13561a}.btn-wide{width:100%;min-height:52px;font-family:var(--display);letter-spacing:.02em;font-size:20px;font-weight:400}.icon-btn{background:#ffffff1a;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.icon-btn svg{width:20px;height:20px}.sheet-layer{z-index:20;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet-backdrop{background:#06031e9e;animation:.2s ease-out both fade-in;position:absolute;inset:0}.sheet{width:min(100%,520px);max-height:calc(100% - var(--safe-top) - 24px);overscroll-behavior:contain;padding:14px calc(18px + var(--safe-right)) calc(20px + var(--safe-bottom)) calc(18px + var(--safe-left));box-shadow:inset 0 2px 0 var(--gold-line), 0 -12px 40px #00000073;-webkit-user-select:text;user-select:text;background:linear-gradient(#2c2296 0%,#1c157a 40%,#140f5c 100%);border-radius:26px 26px 0 0;animation:.32s cubic-bezier(.2,.9,.3,1) both sheet-up;position:relative;overflow-y:auto}@media (min-width:640px) and (min-height:560px){.sheet-layer{align-items:center}.sheet{max-height:min(86%,760px);box-shadow:inset 0 0 0 2px var(--gold-line), 0 20px 60px #00000080;border-radius:26px}}@keyframes sheet-up{0%{opacity:0;transform:translateY(40px)}}@keyframes fade-in{0%{opacity:0}}.sheet-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.sheet-header h2{font-family:var(--display);letter-spacing:.02em;color:var(--gold);text-shadow:0 2px #00000059;margin:0;font-size:26px;font-weight:400}.sheet-body{flex-direction:column;gap:12px;display:flex}.sheet-center .sheet-body{text-align:center;align-items:center}.sheet-intro,.callout,.fineprint,.muted{margin:0;line-height:1.45}.sheet-intro{color:var(--muted);font-size:14px}.callout{background:#ffd44724;border-radius:14px;padding:10px 14px;font-size:15px;font-weight:600;box-shadow:inset 0 0 0 1.5px #ffd44773}.fineprint{color:var(--muted);font-size:13px}.muted{color:var(--muted);font-size:14px}.sheet-subtitle{color:#fff;margin:8px 0 0;font-size:15px;font-weight:800}.earn-list,.spin-list,.odds-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.earn-row{background:#ffffff12;border-radius:16px;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 12px;display:grid}.earn-row h3{margin:0 0 2px;font-size:16px}.earn-row p{color:var(--muted);margin:0;font-size:14px;line-height:1.35}.earn-icon{object-fit:contain;width:44px;height:44px}.earn-icon-gift{background:radial-gradient(circle at 50% 30%,#a66dff,#6f33e2 55%,#43169a);border-radius:50%;padding:4px}.earn-status{color:var(--gold);white-space:nowrap;font-size:14px;font-weight:800}.gift-hero{background:radial-gradient(circle at 50% 30%,#a66dff,#6f33e2 55%,#43169a);border-radius:50%;place-items:center;width:112px;height:112px;display:grid;box-shadow:inset 0 0 0 4px #ffd75a,0 0 40px #aa6eff8c}.gift-hero-icon{width:64px;height:64px}.gift-amount{font-family:var(--display);color:var(--gold);align-items:center;gap:6px;margin:0;font-size:30px;display:flex}.gift-amount img{width:34px;height:34px;margin-left:8px}.gift-note{margin:0;font-weight:700}.setting-row{background:#ffffff12;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;min-height:52px;padding:6px 14px;display:flex}.setting-row-stack{flex-direction:column;align-items:stretch;padding:10px 14px 12px}.setting-label{font-size:16px;font-weight:700;display:block}.setting-note{color:var(--muted);font-size:13px;display:block}.switch{background:#fff3;border-radius:999px;flex:none;width:52px;height:32px;transition:background .2s;position:relative}.switch[aria-checked=true]{background:var(--green)}.switch:disabled{opacity:.45}.switch-knob{background:#fff;border-radius:50%;width:26px;height:26px;transition:transform .2s cubic-bezier(.3,1.4,.5,1);position:absolute;top:3px;left:3px;box-shadow:0 2px 4px #00000059}.switch[aria-checked=true] .switch-knob{transform:translate(20px)}.segmented{background:#00000040;border-radius:12px;margin-top:8px;padding:3px;display:flex}.segmented-item{min-height:38px;color:var(--muted);border-radius:9px;flex:1;font-size:14px;font-weight:700}.segmented-item[aria-checked=true]{color:#5a1a02;background:linear-gradient(#fff3b0,#ffcf3a 50%,#f5a81c)}.setting-link{text-align:left;background:#ffffff12;border-radius:16px;grid-template-columns:28px minmax(0,1fr) 20px;align-items:center;gap:12px;min-height:56px;padding:8px 14px;display:grid}.setting-link-icon{color:#7ee06b;width:28px;height:28px}.setting-link-chevron{width:20px;height:20px;color:var(--muted)}.seed-list{background:#00000038;border-radius:16px;grid-template-columns:auto minmax(0,1fr);gap:8px 12px;margin:0;padding:12px 14px;font-size:13px;display:grid}.seed-list dt{color:var(--muted);font-weight:700}.seed-list dd{overflow-wrap:anywhere;min-width:0;margin:0}.mono{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}.seed-input{color:#fff;background:#0000004d;border:1px solid #ffffff4d;border-radius:8px;width:100%;min-height:32px;padding:4px 8px;font-size:13px}.spin-row{background:#ffffff12;border-radius:14px;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:48px;padding:6px 8px 6px 12px;display:grid}.spin-row-nonce{color:var(--muted);font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}.spin-row-prize{font-family:var(--display);align-items:center;gap:6px;font-size:18px;display:flex}.spin-row-prize img{width:22px;height:22px}.spin-row-status{color:var(--muted);align-items:center;gap:4px;font-size:13px;font-weight:700;display:inline-flex}.spin-row-status svg{width:18px;height:18px}.spin-row-status.verified{color:#7ee06b}.spin-row-status.failed{color:#ff8a7a}.odds-list li{grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:10px;font-size:14px;display:grid}.odds-swatch{border-radius:5px;width:18px;height:18px;box-shadow:inset 0 0 0 1px #fff6}.fallback-wheel{place-items:center;display:grid;position:absolute;inset:4%}.fallback-disc{aspect-ratio:1;border-radius:50%;height:min(100%,100vw - 48px);position:relative;box-shadow:0 0 0 10px #d8392c,0 0 0 14px #ffd447,0 12px 30px #00000080}.fallback-label{justify-content:center;display:flex;position:absolute;inset:0}.fallback-label span{writing-mode:vertical-rl;font-family:var(--display);text-shadow:0 2px #0000004d;margin-top:9%;font-size:clamp(14px,4.5vw,30px);transform:rotate(180deg)}.fallback-hub{background:radial-gradient(circle at 40% 35%,#fff3b0,#ffc93a 45%,#b8650c);border-radius:50%;position:absolute;inset:40%;box-shadow:0 2px 8px #00000080}.fallback-pointer{z-index:1;filter:drop-shadow(0 2px 2px #00000080);border-top:30px solid #ffd447;border-left:16px solid #0000;border-right:16px solid #0000;grid-area:1/1;align-self:start;width:0;height:0;margin-bottom:-18px;position:relative}.fallback-disc{grid-area:1/1}.app[data-reduced-motion] .win-banner,.app[data-reduced-motion] .sheet,.app[data-reduced-motion] .sheet-backdrop,.app[data-reduced-motion] .toast{animation:none}@media (prefers-reduced-motion:reduce){.win-banner,.sheet,.sheet-backdrop,.toast,.loader{animation-duration:.01ms!important}.game-canvas{transition:none}}.session-pill{padding-left:calc(var(--pill-h) * .22)}.session-pill-icon{width:calc(var(--pill-h) * .82);height:calc(var(--pill-h) * .62)}.session-pill[data-closed] .pill-value{color:#ffb4a8}.app[data-mode=stream] .pill-value{min-width:3.4ch}.title-hat[data-brand]{top:calc(var(--magic) * -.22);width:calc(var(--magic) * 1.05);height:calc(var(--magic) * 1.05);object-fit:contain;border-radius:18%;transform:translate(-50%)}.spin-slot{width:var(--spin-w,1px)}.win-label{max-width:88vw;font-size:calc(var(--magic) * .7);text-align:center;overflow-wrap:anywhere}.app[data-mode=stream] .free-pill{padding:0 calc(var(--free-h) * .6);text-overflow:ellipsis;max-width:88vw;overflow:hidden}