:root{--night:#090617;--night-card:#15102d;--stellar-purple:#7938f6;--stellar-pink:#f23fb5;--stellar-cyan:#38dce8;--stellar-gold:#ffbf45}
html{background:#090617}
body{color:#fbf9ff;background:radial-gradient(circle at 50% -10%,#2c1558 0,#0a0718 42%,#05040d 100%)}
.app-shell{max-width:520px;background:linear-gradient(180deg,#0b071b,#070612 72%);box-shadow:0 0 100px #000b}
.topbar{min-height:112px;padding-bottom:22px;background:linear-gradient(135deg,#160c38,#0b071c);border-bottom:1px solid #ffffff10}
.topbar:before{content:"";position:absolute;inset:-80px -50px auto 42%;height:180px;background:radial-gradient(circle,#8f45ff66,transparent 67%)}
.topbar:after{width:96px;height:96px;border:1px solid #ffffff22;right:-42px;top:8px;box-shadow:0 0 0 24px #ffffff08;opacity:1}
.brand-orb{color:#5f2bd6;background:linear-gradient(145deg,#fff3a2,#ffbc45);box-shadow:0 10px 25px #b762ff44}
.balance-pill{background:#24154a;border-color:#ffffff14}
main{padding:0 18px}.page:not([data-page="cases"]){padding-top:18px}
.hero{min-height:188px;margin:0;border-radius:30px;background:linear-gradient(135deg,#7938f6,#bd43ed 56%,#f23fb5);box-shadow:0 20px 50px #7d2de84d}
.hero:before{right:-44px;top:-35px;width:190px;height:190px;box-shadow:0 0 0 28px #ffffff0a,0 0 0 58px #ffffff08}
.hero:after{background:linear-gradient(90deg,#6f31e8e8 0,#8c37e995 50%,transparent 78%)}
.hero-copy{padding:30px 0 26px 20px}.hero h2{font-size:34px}.hero-art{filter:drop-shadow(0 14px 25px #22063f88)}
.streak-strip{color:#fff;background:#15102d;border:1px solid #ffffff0c;box-shadow:0 10px 30px #0006}.streak-strip small{color:#8f89a8}.streak-days i{background:#2a2148;border-color:#392c60}.streak-days i.on{background:#ffbf45;border-color:#ffbf45;box-shadow:0 0 12px #ffbf4588}
.quick-promo{background:linear-gradient(110deg,#1d1640,#342069 60%,#4b287b);border:1px solid #ffffff12}.quick-promo-icon{background:linear-gradient(145deg,#ffdd66,#ff8e44);box-shadow:0 8px 18px #ff9d3d55}
.section-heading h3{color:#fff}.section-heading .eyebrow,.page-title .eyebrow{color:#8f89a8}.ready-count{color:#050d0a;background:#48e39c}
.case-list{grid-template-columns:1fr;gap:12px}.case-card{min-height:142px;display:grid;grid-template-columns:104px 1fr;border:1px solid #ffffff12;border-radius:26px;background:linear-gradient(145deg,#211445,#100c22)!important;box-shadow:0 16px 35px #0005}.case-card:before{left:-55px;right:auto;top:2px;opacity:.25}.case-art{width:88px;height:98px;margin:22px 4px 18px 12px}.case-copy{padding:22px 16px 16px 4px}.case-topline{display:flex}.case-card h4{color:#fff;font-size:18px}.case-card p{color:#918aa9;min-height:auto;font-size:10px}.status-badge{margin:0;color:#45e59b;background:#183e38}.case-meta{flex-direction:row;align-items:center}.reward-range{color:#ffcf63;background:#2a2045}.open-button{width:auto;min-width:104px;border-radius:16px;padding:11px 15px;color:#fff;background:linear-gradient(120deg,#7838f5,#f13eb6);box-shadow:0 8px 22px #a436df55}.open-button:disabled{color:#8c84a4;background:#251d40}
.reminder-banner{margin:14px 0 0;display:grid;grid-template-columns:54px 1fr;gap:12px;align-items:center;padding:15px;border:1px solid #4de6ff33;border-radius:24px;background:linear-gradient(120deg,#15364a,#28164f);box-shadow:0 14px 34px #0004}.reminder-bell{width:52px;height:52px;border-radius:18px;background:linear-gradient(145deg,#40f2dd,#2771c7);position:relative;box-shadow:0 8px 20px #2ce9dc33}.reminder-bell:before{content:"";position:absolute;left:16px;top:13px;width:19px;height:22px;border:2px solid #fff;border-radius:11px 11px 7px 7px}.reminder-bell:after{content:"";position:absolute;left:22px;top:37px;width:8px;height:3px;border-radius:3px;background:#fff}.reminder-banner div{display:grid;gap:4px}.reminder-banner b{font-size:13px}.reminder-banner small{color:#9a94b0;font-size:9px;line-height:1.35}.reminder-banner em{grid-column:2;width:max-content;padding:5px 8px;border-radius:99px;color:#05120d;background:#43e49a;font-size:8px;font-style:normal;font-weight:900}
.bonus-case{background:linear-gradient(120deg,#392160,#6d2e87);border:1px solid #ffffff12;box-shadow:0 15px 34px #0004}
.page-title{background:linear-gradient(135deg,#1b1040,#532889);color:#fff}.task-summary>div,.creator-card,.panel,.history-block,.stats-grid div,.info-row,.admin-hero{color:#fff;background:#15102d;border:1px solid #ffffff0d;box-shadow:0 12px 30px #0004}.profile-card{color:#fff;background:linear-gradient(135deg,#6f35eb,#ee43b6)}.task-summary span,.panel p,.panel li,.stats-grid span{color:#9992ad}.task-card,.task-card.user-task,.empty-state{color:#fff;background:#15102d;border:1px solid #ffffff0d;box-shadow:0 10px 28px #0004}.task-card p,.creator-card label,.creator-card .form-hint{color:#9891aa}input{color:#fff!important;background:#0c091a!important;border-color:#ffffff12!important}.budget-box{color:#fff;background:#241848;border-color:#ffffff12}.primary-button{color:#fff;background:linear-gradient(120deg,#7738f4,#f13fb7)}
.wheel-hero{background:radial-gradient(circle at 82% 20%,#ffcd56 0 5%,transparent 24%),linear-gradient(145deg,#4a20c4,#aa35e8 55%,#ed4eb4)}
.main-wheel-card{background:radial-gradient(circle at 50% 26%,#3f2076,#120d25 66%);box-shadow:0 22px 48px #0007}.wheel-disc{border-color:#ecdfff}.roulette-grid{grid-template-columns:1fr 1fr;gap:10px}.roulette-card{min-height:244px;padding:14px;border-radius:24px;background:linear-gradient(150deg,#271341,#100c22)}.roulette-card:nth-child(2n){background:linear-gradient(150deg,#0e414b,#0b1822)}.roulette-card h3,.roulette-card p{padding-right:0}.roulette-card img.roulette-icon{position:relative;right:auto;top:auto;width:100%;height:118px;margin-bottom:10px;border-radius:18px}.roulette-card p{min-height:36px;font-size:10px}.roulette-card footer{display:grid;gap:8px}.roulette-card footer button{width:100%}
.inventory-grid{gap:10px}.gift-card{color:#fff;background:linear-gradient(150deg,#20143e,#100c22);box-shadow:0 14px 30px #0005}.gift-card small{color:#9992ac}.gift-card img{background:#201641}.gift-actions button.secondary{background:linear-gradient(135deg,#7136ec,#d63ebf)}
.bottom-nav{border-color:#ffffff14;background:#120d26f2;box-shadow:0 16px 45px #000a}.bottom-nav button{color:#8f89a5}.bottom-nav button.active{color:#fff;background:#2c1959}.bottom-nav button.active span{color:#ffbd45}
.reward-dialog,.sheet-dialog{color:#fff;background:#130e28;border-color:#ffffff12}.reward-dialog p,.sheet-dialog p,.sheet-dialog li{color:#a29bb5}.reel-reward{background:#211741;border-color:#ffffff12}.reel-reward strong{color:#fff}
@media(max-width:390px){main{padding-left:14px;padding-right:14px}.hero{margin:0}.roulette-grid{gap:8px}.roulette-card{min-height:232px}.roulette-card img.roulette-icon{height:108px}}