:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{color:#fff;background:#000;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial}#root{min-height:100%}button,input{font-family:inherit}:root{--bg:#050508;--panel:#121218eb;--panel2:#16161eeb;--accent:#ff8a1f;--accent2:#ffb04d;--stroke:#ff8a1f38;--stroke2:#ff8a1f59;--text:#ffffffeb;--muted:#ffffffa6;--danger:#ff5b5b;--slot:92px;--gap:12px;--step:104px}html,body{height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji}*{box-sizing:border-box}button{font:inherit}button,a,[role=button]{cursor:pointer}.app{background:#06070a;justify-content:center;min-height:100vh;padding:18px;display:flex;position:relative;overflow-x:hidden}.app:before,.app:after{content:"";pointer-events:none;z-index:0;position:fixed;inset:0}.app:before{background:radial-gradient(1200px 700px at 20% -10%,#ff8a1f2e,#0000 60%),radial-gradient(1200px 700px at 80% 0,#ff8a1f1a,#0000 55%),linear-gradient(#0000,#0009)}.app:after{opacity:.9;background:radial-gradient(900px 520px at 50% -10%,#ffb04d24,#0000 55%),radial-gradient(900px 520px at 50% 120%,#ff8a1f14,#0000 60%)}.shell{z-index:1;flex-direction:column;width:min(520px,100%);min-height:calc(100vh - 36px);display:flex;position:relative}.content{flex-direction:column;flex:1;gap:14px;padding-bottom:98px;display:flex}.h1{letter-spacing:.2px;margin:2px 2px 0;font-size:22px;font-weight:1000}.sectionTitle{margin:8px 2px 0;font-size:18px;font-weight:1000}.loader{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;display:flex}.loaderLogo{border:1px solid var(--stroke2);background:linear-gradient(135deg,#ff8a1f38,#ff8a1f0f);border-radius:20px;justify-content:center;align-items:center;width:82px;height:82px;display:flex;box-shadow:0 18px 60px #0000008c}.loaderLogoInner{letter-spacing:1px;color:var(--accent2);font-size:26px;font-weight:1000}.loaderTitle{font-size:26px;font-weight:1000}.loaderSub{color:#ffffff8c;font-size:13px}.loaderBarWrap{width:min(420px,100% - 60px);margin-top:8px}.loaderBarTop{color:#ffffff8c;justify-content:space-between;margin-bottom:8px;font-size:12px;display:flex}.loaderBar{background:#ffffff1a;border-radius:999px;width:100%;height:6px;overflow:hidden}.loaderBarFill{background:linear-gradient(90deg,#ff8a1feb,#ffb04deb);height:100%;transition:width .12s linear}.loaderDots{gap:8px;margin-top:10px;display:flex}.dot{background:#ffffff26;border-radius:99px;width:7px;height:7px}.dot.active{background:#ffffffb3}.loaderFooter{color:#ffffff59;margin-top:12px;font-size:12px}.topBar{background:linear-gradient(90deg,#ff8a1ff2,#ff8a1f8c);border:1px solid #ffffff1a;border-radius:18px;justify-content:space-between;align-items:center;gap:12px;padding:14px;display:flex;box-shadow:0 18px 60px #00000073}.topLeft{align-items:center;gap:10px;display:flex}.coinBadge{background:#0003;border:1px solid #ffffff29;border-radius:12px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.topMetricLabel{color:#fffc;font-size:12px}.topMetricValue{font-size:22px;font-weight:1000}.caseCard{background:#12121899;border:1px solid #ffffff1a;border-radius:22px;padding:14px;overflow:hidden;box-shadow:0 16px 60px #0000008c}.reelWrap{background:#00000038;border:1px solid #ffffff14;border-radius:18px;margin-top:12px;padding:12px;position:relative}.reelPointer{filter:drop-shadow(0 6px 10px #0009);border-top:10px solid #ff8a1ff2;border-left:8px solid #0000;border-right:8px solid #0000;width:0;height:0;position:absolute;top:-7px;left:50%;transform:translate(-50%)}.reelWrap:before,.reelWrap:after{content:"";opacity:.95;pointer-events:none;background:linear-gradient(#ff8a1f00,#ff8a1fd9,#ff8a1f00);width:2px;position:absolute;top:16px;bottom:16px;left:50%;transform:translate(-50%)}.reelWrap:after{opacity:.65;margin-left:10px}.reelViewport{border-radius:14px;height:112px;position:relative;overflow:hidden}.reelViewport:after{content:"";pointer-events:none;background:radial-gradient(closest-side,#ff8a1f38,#0000);width:140px;position:absolute;top:-20px;bottom:-20px;left:50%;transform:translate(-50%)}.reelTrack{gap:var(--gap);will-change:transform;display:flex}.slot{width:var(--slot);height:var(--slot);-webkit-user-select:none;user-select:none;background:#ffffff0a;border:1px solid #ffffff14;border-radius:18px;justify-content:center;align-items:center;font-size:34px;display:flex;position:relative;overflow:hidden}.slotInner{z-index:1;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex;position:relative}.slotEmoji{font-size:34px;line-height:1}.slotText{letter-spacing:1px;color:#ffffffd1;font-size:12px;font-weight:1000}.slot:after{content:"";opacity:.8;background:linear-gradient(#ff8a1f00,#ff8a1f14);position:absolute;inset:0}.slot>span{z-index:1;position:relative}.cta{letter-spacing:.3px;background:linear-gradient(#ff8a1ff2,#ff8a1f8c);border:0;border-radius:18px;width:100%;margin-top:12px;padding:14px;font-weight:1000;box-shadow:0 18px 50px #0000008c}.cta:active{transform:translateY(1px)}.cta.disabled{box-shadow:none;color:#ffffffa6;cursor:default;background:#ffffff14;border:1px solid #ffffff1a}.ctaRow{justify-content:center;align-items:center;gap:10px;display:flex}.play{opacity:.9}.coin{opacity:.95}.btnSpinner{border:2px solid #ffffff40;border-top-color:#ffffffd9;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.hintRow{color:#ffffff73;justify-content:space-between;margin-top:10px;font-size:12px;display:flex}.errorBox{color:#ffc8c8f2;background:#ff28281a;border:1px solid #ff282859;border-radius:16px;padding:12px 14px}.prizesGrid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.prizeCard{background:#ffffff0a;border:1px solid #ffffff14;border-radius:18px;min-height:92px;padding:14px;position:relative;overflow:hidden}.prizeCardTitle{font-size:14px;font-weight:900}.prizeCardSub{color:#ffffffa6;margin-top:4px;font-size:12px}.flame{opacity:.6;position:absolute;top:10px;right:12px}.nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:20;background:#0000009e;border:1px solid #ffffff1f;border-radius:18px;justify-content:space-between;gap:8px;width:min(420px,100% - 36px);padding:10px;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 22px 70px #000000a6}.navBtn{color:#ffffffc7;background:0 0;border:0;border-radius:14px;flex:1;justify-content:center;align-items:center;padding:10px 0;display:flex}.navBtn.active{color:#fffffff2;background:linear-gradient(#ff8a1f42,#ff8a1f1f);border:1px solid #ff8a1f59}.navBtn svg{width:22px;height:22px}@media (hover:hover){.navBtn:hover{background:#ffffff0f}.cta:hover{filter:brightness(1.05)}}.toast{z-index:30;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f0f12eb;border:1px solid #ffffff1a;border-radius:16px;max-width:min(480px,100% - 36px);padding:12px 14px;position:fixed;top:14px;left:50%;transform:translate(-50%);box-shadow:0 18px 70px #000000a6}.modalOverlay{z-index:40;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000008c;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.modalCard{text-align:center;background:#121218eb;border:1px solid #ffffff1f;border-radius:22px;width:min(420px,100%);padding:18px;position:relative;box-shadow:0 30px 120px #000000b3}.modalGrip{background:#ffffff2e;border-radius:99px;width:60px;height:5px;margin:0 auto 10px}.modalClose{color:#ffffffd9;background:#0000004d;border:1px solid #ffffff1f;border-radius:12px;width:34px;height:34px;position:absolute;top:12px;right:12px}.modalMedia{background:#ffffff0a;border:1px solid #ffffff14;border-radius:18px;justify-content:center;align-items:center;width:160px;height:120px;margin:8px auto 14px;font-size:58px;display:flex}.modalKicker{color:#ffffff8c;letter-spacing:1px;text-transform:uppercase;font-size:12px;font-weight:900}.modalTitle{margin-top:6px;font-size:22px;font-weight:1000}.modalGain{color:#78ffa0eb;margin-top:8px;font-size:28px;font-weight:1000}.modalBtn{color:#ffffffe0;background:#ffffff14;border:1px solid #ffffff1f;border-radius:18px;width:100%;margin-top:14px;padding:14px}@media (hover:hover){.modalBtn:hover{background:#ffffff1f}}
