:root{color-scheme:dark;--bg:#0b101b;--panel:#151d2b;--panel-2:#192334;--line:#283344;--ink:#edf3fb;--muted:#8d9aad;--gold:#e6b95c;--violet:#9e8af6;--mint:#58d4b0;--red:#eb717d;--shade:#111826;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--ink)}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}a{color:inherit}#app{min-height:100vh;display:flex}.sidebar{width:238px;flex-shrink:0;border-right:1px solid var(--line);background:#0f1623;min-height:100vh;padding:25px 17px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:10px;padding:0 10px 37px}.brand-mark{width:39px;height:39px;display:grid;place-items:center;background:linear-gradient(130deg,#f4d98c,#bd8d40);border-radius:11px;color:#17151e;font-size:27px;font-weight:900;box-shadow:0 5px 25px #edc46a27}.brand b{letter-spacing:.3px;font-size:21px}.brand small{display:block;color:var(--gold);font-size:9px;letter-spacing:2px;margin-top:3px}.side-caption{font-size:10px;letter-spacing:1.8px;color:#60718a;margin:0 14px 12px;font-weight:700}.nav-item{display:flex;align-items:center;gap:13px;border:0;background:none;color:#91a0b4;width:100%;padding:13px 14px;text-align:left;border-radius:11px;font-size:13px;font-weight:650;margin:2px 0}.nav-item span.icon{font-size:19px;width:21px;text-align:center}.nav-item:hover{background:#1d283a;color:white}.nav-item.active{background:linear-gradient(90deg,#3f3549,#241f33);color:#f6d68a;box-shadow:inset 3px 0 0 var(--gold)}.sidebar-bottom{margin-top:auto;border-top:1px solid var(--line);padding:20px 8px 0;font-size:10px;letter-spacing:1.5px;font-weight:800;color:var(--mint)}.sidebar-bottom p{font-size:11px;line-height:1.5;letter-spacing:0;font-weight:400;color:#65768d}.live-dot{display:inline-block;width:7px;height:7px;background:var(--mint);border-radius:50%;margin-right:4px;box-shadow:0 0 12px #58d4b070}.main{width:min(100%,1450px);flex:1;min-width:0;padding:0 38px 32px}.topbar{height:85px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #1c2636}.top-left,.top-right{display:flex;align-items:center;gap:12px}.spark{font-size:24px;color:var(--gold)}.top-title{font-size:16px;font-weight:800}.top-title em{font-style:normal;font-weight:500;color:var(--muted)}.env-tag{border:1px solid #746544;background:#302a1d;color:#eac37c;padding:6px 9px;border-radius:6px;font-size:9px;font-weight:850;letter-spacing:1.3px}.balance-chip{background:#1b2835;padding:9px 13px;border:1px solid #334257;border-radius:10px;white-space:nowrap;color:var(--gold);font-size:16px}.balance-chip b{font-size:15px}.balance-chip small{color:#9ba9bd;font-size:9px;letter-spacing:1px}.profile-chip{background:#1c2534;border:1px solid var(--line);padding:11px 13px;border-radius:10px;color:var(--ink);font-size:12px}.disclaimer{font-size:12px;line-height:1.5;color:#d3bd8b;background:#27231c;border:1px solid #4c4129;padding:11px 15px;margin:22px 0 16px;border-radius:10px}.page-header{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:27px 0}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--gold);font-weight:800;margin-bottom:8px}.page-title{margin:0;font-size:clamp(26px,3.5vw,37px);letter-spacing:-.9px}.page-subtitle{color:var(--muted);font-size:13px;line-height:1.6;margin:8px 0 0}.section-title{display:flex;justify-content:space-between;align-items:center;margin:28px 0 15px;gap:12px}.section-title h2{font-size:17px;margin:0}.section-title span{font-size:11px;color:var(--muted)}.hero{background:radial-gradient(circle at 82% 44%,#60462644,transparent 32%),linear-gradient(120deg,#252b3b 0%,#151e2b 57%,#241b29 100%);border:1px solid #544735;border-radius:19px;padding:40px 40px;display:flex;justify-content:space-between;gap:25px;overflow:hidden;position:relative;min-height:247px}.hero::after{content:'✦';font-size:205px;position:absolute;right:12%;top:-25px;color:#f9cd7330;transform:rotate(-15deg);pointer-events:none}.hero-content{position:relative;z-index:1;max-width:530px}.hero h1{font-size:clamp(29px,3.9vw,47px);line-height:1.12;margin:10px 0 14px;letter-spacing:-1.6px}.hero p{color:#b5c1ce;font-size:13px;max-width:470px;line-height:1.7}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.hero-icon{font-size:120px;filter:drop-shadow(0 5px 35px #cf905666);align-self:center;margin-right:55px;z-index:1}.pill{background:#403529;color:#f5d184;display:inline-flex;padding:7px 10px;border-radius:8px;letter-spacing:1.3px;font-size:10px;font-weight:850}.btn{background:#253145;color:#e5eaf3;border:1px solid #354257;border-radius:10px;padding:11px 15px;font-size:12px;font-weight:800;transition:transform .12s ease,background .15s}.btn:hover:not(:disabled){transform:translateY(-1px);background:#36455d}.btn.gold{background:linear-gradient(115deg,#f1cd80,#c8964d);border-color:#f0c571;color:#28211c}.btn.gold:hover{background:#f0ce88}.btn.red{background:#4d2733;border-color:#804354;color:#ffbec8}.btn.mint{background:#1b413c;border-color:#377367;color:#97f1d8}.btn.small{padding:8px 11px;font-size:11px}.btn.full{width:100%}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:15px;padding:20px;min-width:0}.game-tile{background:var(--panel);border:1px solid var(--line);padding:20px;border-radius:15px;display:flex;flex-direction:column;gap:10px;min-height:148px}.game-tile .tile-icon{font-size:31px}.game-tile h3{font-size:14px;margin:0}.game-tile p{font-size:11px;line-height:1.5;color:var(--muted);margin:0;flex:1}.game-tile:hover{border-color:#796a4a;background:#1e2937}.case-card{border:1px solid #35415a;background:linear-gradient(145deg,#222b3b,#121b28);border-radius:15px;overflow:hidden;position:relative;min-width:0}.case-art{height:170px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 60%,#8d724447,transparent 54%);font-size:80px;filter:drop-shadow(0 8px 18px #0006)}.case-art.eclipse{background:radial-gradient(circle,#68518460,transparent 60%)}.case-art.aurora{background:radial-gradient(circle,#4a85b960,transparent 60%)}.case-info{padding:17px;border-top:1px solid #2f3b4f}.case-info h3{margin:0 0 5px;font-size:15px}.case-info p{margin:0 0 15px;color:#8090a8;font-size:11px}.case-footer{display:flex;gap:10px;align-items:center;justify-content:space-between}.price{color:var(--gold);font-size:16px;font-weight:800}.item-card{background:linear-gradient(160deg,#202a3a,#151c29);border:1px solid #303b4e;border-radius:13px;padding:14px;display:flex;flex-direction:column;gap:6px;position:relative;min-width:0}.item-card .art{font-size:56px;text-align:center;padding:18px 0 10px;filter:drop-shadow(0 4px 15px #ffffff15)}.item-card .item-name{font-size:13px;font-weight:800}.item-card .item-value{font-size:13px;color:#f6cc79;font-weight:800}.item-card .rarity{font-size:10px;color:var(--tint,#aaa);font-weight:700;letter-spacing:.2px}.item-card .item-id{font-size:9px;color:#78869b}.item-card .item-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px}.item-card.epic{border-color:#795aa1}.item-card.legendary,.item-card.mythic{border-color:#9a7941}.kpi{padding:20px;background:linear-gradient(140deg,#1b2634,#151e2a);border:1px solid var(--line);border-radius:14px}.kpi strong{font-size:26px;display:block;margin:5px 0}.kpi span{color:var(--muted);font-size:11px}.two-cols{display:grid;grid-template-columns:1.15fr .85fr;gap:20px}.form-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:12px 0}.field{display:flex;flex-direction:column;gap:7px;flex:1;min-width:130px}.field label{font-size:11px;color:var(--muted);font-weight:800}.field input,.field select{min-width:0;width:100%;background:#0f1724;border:1px solid #38445a;padding:12px 14px;color:white;border-radius:9px;font-size:13px;outline:none}.field input:focus,.field select:focus{border-color:#d4b266}.choice-row{display:flex;gap:9px;flex-wrap:wrap;margin:14px 0}.choice{background:#202a38;border:1px solid #354359;border-radius:10px;padding:12px 17px;color:white;font-size:12px;font-weight:750}.choice.active{outline:2px solid #e8b964;outline-offset:-2px}.choice.red-choice{background:#4e2932}.choice.black-choice{background:#252938}.choice.green-choice{background:#1b4944}.choice.heads-choice,.choice.tails-choice{min-width:110px}.roulette-wheel{width:min(245px,100%);aspect-ratio:1;border-radius:50%;border:13px solid #8c7149;background:conic-gradient(#e96970 0 12deg,#22293a 12deg 24deg,#e96970 24deg 36deg,#22293a 36deg 48deg,#299d85 48deg 60deg,#e96970 60deg 72deg,#22293a 72deg 84deg,#e96970 84deg 96deg,#22293a 96deg 108deg,#e96970 108deg 120deg,#22293a 120deg 132deg,#e96970 132deg 144deg,#22293a 144deg 156deg,#e96970 156deg 168deg,#22293a 168deg 180deg,#e96970 180deg 192deg,#22293a 192deg 204deg,#e96970 204deg 216deg,#22293a 216deg 228deg,#e96970 228deg 240deg,#22293a 240deg 252deg,#e96970 252deg 264deg,#22293a 264deg 276deg,#e96970 276deg 288deg,#22293a 288deg 300deg,#e96970 300deg 312deg,#22293a 312deg 324deg,#e96970 324deg 336deg,#22293a 336deg 360deg);display:grid;place-items:center;box-shadow:0 0 60px #d69b4b20,inset 0 0 0 8px #111621;margin:10px auto 20px}.roulette-center{display:grid;place-items:center;background:#171c27;border:5px solid #a88c60;border-radius:50%;width:45%;aspect-ratio:1;font-size:42px}.result{padding:18px;background:#202b3a;border:1px solid #46546a;border-radius:12px;margin:15px 0;font-size:13px;line-height:1.7}.result strong{color:#f6d58d}.mini-note{font-size:11px;color:var(--muted);line-height:1.5}.muted{color:var(--muted)}.gift-badge{display:inline-block;padding:5px 9px;font-size:10px;font-weight:800;border:1px solid #4b5270;color:#beb8f8;background:#29243d;border-radius:8px}.alert-card{border-radius:12px;border:1px solid #615034;background:#30281e;color:#f5daa0;padding:15px;line-height:1.6;font-size:12px}.mine-grid{display:grid;grid-template-columns:repeat(3,minmax(0,90px));gap:8px;justify-content:center;margin:20px auto}.mine-cell{width:100%;aspect-ratio:1;border-radius:11px;border:1px solid #4b5e77;background:linear-gradient(130deg,#354660,#26354c);color:#e9f4ff;font-size:31px}.mine-cell:hover:not(:disabled){border-color:var(--gold);transform:scale(1.03)}.mine-cell.open{background:#1f4845;border-color:#4e9f85}.mine-cell.lost{background:#61303a;border-color:#ad525b}.market-row{display:grid;grid-template-columns:55px 1fr auto auto;gap:15px;align-items:center;padding:14px;border-bottom:1px solid var(--line)}.market-row:last-child{border-bottom:none}.market-art{font-size:33px;text-align:center}.market-name{font-size:13px;font-weight:800}.market-sub{font-size:11px;color:var(--muted);margin-top:3px}.empty{background:#141e2b;border:1px dashed #3c4b61;padding:38px 20px;text-align:center;color:#8ea0b8;border-radius:15px;font-size:13px}.history-row{display:flex;gap:12px;align-items:start;padding:13px 0;border-bottom:1px solid #283346}.history-row:last-child{border-bottom:0}.history-icon{background:#263343;width:36px;height:36px;display:grid;place-items:center;border-radius:10px;flex-shrink:0}.history-text{font-size:12px;line-height:1.5}.history-text small{display:block;color:#8496ac;margin-top:4px}.footer{text-align:center;color:#617084;font-size:10px;margin-top:45px}.access-overlay{position:fixed;z-index:1000;inset:0;background:#07101be8;display:grid;place-items:center;padding:25px;backdrop-filter:blur(10px)}.access-overlay.hidden{display:none}.access-card{border:1px solid #5a4c35;background:#192230;border-radius:20px;text-align:center;padding:38px 30px;max-width:410px;box-shadow:0 30px 100px #000b}.access-icon{font-size:50px}.access-card h2{font-size:22px}.access-card p{font-size:13px;color:#c0c9d6;line-height:1.7}.access-foot{border-top:1px solid var(--line);margin-top:25px;padding-top:16px;color:#8591a5;font-size:11px;line-height:1.5}#toast{position:fixed;z-index:1200;bottom:35px;right:30px;max-width:350px;color:#fff;background:#2b3a50;border:1px solid #7088a4;padding:13px 16px;border-radius:12px;box-shadow:0 12px 36px #0008;font-size:13px;display:none}#toast.show{display:block}#modal-root:empty{display:none}.modal-backdrop{position:fixed;z-index:900;inset:0;background:#060b13dc;display:grid;place-items:center;padding:20px;backdrop-filter:blur(7px)}.modal{background:#1b2534;border:1px solid #7b6747;box-shadow:0 30px 90px #000a;padding:27px;border-radius:19px;width:min(430px,100%);text-align:center;max-height:90vh;overflow-y:auto}.modal h2{margin:8px 0}.modal .prize-art{font-size:78px;padding:20px}.modal p{font-size:13px;color:#aebdcb;line-height:1.6}.modal-buttons{display:flex;justify-content:center;gap:10px;margin-top:25px}.mobile-nav{display:none}
@media(max-width:1080px){.main{padding:0 22px 28px}.sidebar{width:210px;padding:20px 12px}.grid-4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:790px){.sidebar{display:none}.main{padding:0 15px 105px}.mobile-nav{display:flex;position:fixed;z-index:200;bottom:0;left:0;right:0;height:70px;background:#111a29;border-top:1px solid #354055;align-items:center;justify-content:space-around;padding-bottom:env(safe-area-inset-bottom)}.mobile-nav button{flex:1;background:none;border:0;color:#91a0b4;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:9px;font-weight:700;padding:6px 2px}.mobile-nav button.active{color:var(--gold)}.mobile-nav .icon{font-size:21px}.topbar{height:67px}.profile-chip{padding:9px}.profile-chip span{display:none}.top-title{font-size:14px}.env-tag{font-size:8px;padding:4px 6px}.hero{padding:25px;min-height:210px}.hero-icon{font-size:68px;margin-right:0}.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.two-cols{grid-template-columns:1fr}.disclaimer{font-size:11px}.page-header{margin-top:21px}}
@media(max-width:480px){.grid-3,.grid-2{grid-template-columns:1fr 1fr}.grid-4{grid-template-columns:1fr 1fr}.hero-icon{position:absolute;right:5px;top:35px;opacity:.3}.hero-content{z-index:2}.hero{padding:23px}.hero h1{font-size:29px;max-width:285px}.hero p{max-width:285px}.top-left{gap:7px}.balance-chip{padding:7px 9px}.balance-chip small{display:none}.profile-chip{padding:8px 10px}.case-art{height:117px;font-size:60px}.case-info{padding:12px}.case-info h3{font-size:13px}.case-info p{font-size:10px}.case-footer{flex-direction:column;align-items:stretch}.case-footer .btn{width:100%}.item-card .art{font-size:40px}.item-card{padding:11px}.market-row{grid-template-columns:38px 1fr auto;gap:7px}.market-row button{grid-column:2 / span 2;justify-self:end}.market-name{font-size:12px}.modal{padding:20px}.page-title{font-size:27px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Home: a complete, responsive catalogue, independent of the navigation rail. */
button:focus-visible{outline:3px solid #f5d58d;outline-offset:4px}
.sidebar{overflow-y:auto}.sidebar-bottom{padding-bottom:12px}
.home-page{--muted:#a7b3c5}.home-hero{padding:38px;min-height:300px;border-color:#4a4051;background:radial-gradient(ellipse at 85% 45%,#705e8c32,transparent 52%),linear-gradient(120deg,#202838,#141a29 60%,#262135)}
.home-hero::after{display:none}.home-hero h1{font-size:clamp(30px,3.8vw,48px);letter-spacing:-1.8px;line-height:1.13}.home-hero h1>span{color:#edcd92}.home-hero .pill{background:#e8c88410;border:1px solid #c9a96b40;font-size:9px;letter-spacing:1.8px}.home-hero p{max-width:390px}.hero-note{display:block;margin-top:18px;color:#b8b0a4;font-size:10px;line-height:1.6}
.hero-art{flex:0 0 230px;align-self:center;height:230px;position:relative;display:grid;place-items:center}.hero-orbit{position:absolute;inset:8px;border:1px solid #dbc18a30;border-radius:50%;box-shadow:0 0 0 25px #b8a4de05,0 0 0 50px #b8a4de04}.hero-orbit::after{content:'';position:absolute;inset:22px;border:1px dashed #dbc18a25;border-radius:50%}.hero-gift{font-size:104px;transform:rotate(-12deg);filter:drop-shadow(0 15px 25px #0006)}.hero-star{position:absolute;color:#edcd92;font-size:30px}.star-one{right:15px;top:20px}.star-two{left:8px;bottom:44px;font-size:22px}.hero-art-label{position:absolute;bottom:0;font-size:8px;letter-spacing:2.5px;color:#c8b8a0}
.home-daily{background:linear-gradient(100deg,#2e2932,#1b2230 60%);border-color:#65543c;padding:20px 24px;margin:20px 0 32px}.home-daily h2{font-size:17px;margin:0}.home-daily .eyebrow{font-size:9px;margin-bottom:6px}.home-daily .page-subtitle{font-size:11px;max-width:580px}.daily-symbol{flex:0 0 48px;height:48px;display:grid;place-items:center;border-radius:14px;background:#d6ac5d14;border:1px solid #d6ac5d35;color:#f0cb83;font-size:30px}
.home-section-title{align-items:end}.home-section-title h2{font-size:23px;letter-spacing:-.6px}.home-section-title .eyebrow{font-size:9px;color:#b2a3d5}.home-section-title .game-count{border:1px solid #354257;border-radius:20px;padding:7px 10px;color:#b8c5d5;white-space:nowrap;font-size:10px}
.home-games{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.home-games .game-tile{--accent:#e9bc73;background:radial-gradient(ellipse at 50% 35%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 68%),linear-gradient(145deg,#1b2434,#141c29);color:var(--ink);padding:17px;gap:0;text-align:left;min-width:0;border-color:#323d50;border-radius:18px;position:relative;transition:border-color .18s,transform .18s,background .18s;overflow-wrap:anywhere}.home-games .game-tile:hover{border-color:var(--accent);transform:translateY(-3px);background-color:#202a3b}.home-games .game-tile:active{transform:translateY(0)}
.home-games .game-roulette{--accent:#f18c9c}.home-games .game-zeus{--accent:#c1a2fa}.home-games .game-upgrade{--accent:#7de2c4}.home-games .game-battle{--accent:#f6aa81}.home-games .game-jackpot{--accent:#f0d38a}.home-games .game-coinflip{--accent:#a9b7ff}.home-games .game-mines{--accent:#7cd8f0}
.tile-top,.tile-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%}.tile-category{font-size:8px;letter-spacing:1.2px;color:var(--accent);font-weight:750}.tile-number{font-size:10px;color:#99a7bd;font-variant-numeric:tabular-nums}.tile-art{display:grid;place-items:center;align-self:center;width:100%;height:102px;position:relative}.tile-art::before{content:'';position:absolute;width:66px;height:66px;border:1px solid color-mix(in srgb,var(--accent) 25%,transparent);border-radius:20px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 12%,transparent),#ffffff02);transform:rotate(-12deg);box-shadow:0 8px 28px #0002}.tile-art>span{font-size:43px;z-index:1;color:var(--accent);text-shadow:0 6px 22px #0005}.tile-name{font-size:14px;font-weight:750;letter-spacing:-.2px;line-height:1.4}.tile-arrow{color:var(--accent);font-size:19px}.tile-description{color:#a7b3c5;font-size:11px;line-height:1.6;margin-top:6px}.home-summary .kpi strong{font-size:24px;overflow-wrap:anywhere}
@media(max-width:1200px) and (min-width:791px){.home-games{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-art{flex-basis:170px;height:190px}.hero-gift{font-size:85px}.home-hero{padding:28px}}
@media(max-width:790px){.home-hero{padding:28px}.home-games{grid-template-columns:repeat(2,minmax(0,1fr))}.home-daily{margin-bottom:27px}.daily-symbol{display:none}.topbar{height:auto;min-height:67px;flex-wrap:wrap;padding:12px 0}.top-left,.top-right{min-width:0}.top-right{margin-left:auto}.balance-chip b{overflow-wrap:anywhere;white-space:normal}.balance-chip{min-width:0}.mobile-nav{height:calc(70px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px)}.mobile-nav button{min-height:48px}.main{padding-bottom:calc(105px + env(safe-area-inset-bottom,0px));padding-left:max(15px,env(safe-area-inset-left,0px));padding-right:max(15px,env(safe-area-inset-right,0px))}#toast{bottom:calc(85px + env(safe-area-inset-bottom,0px));right:15px;max-width:calc(100vw - 30px)}}
@media(max-width:480px){.home-hero{padding:24px;min-height:0}.home-hero h1{font-size:35px;letter-spacing:-1.2px}.home-hero .hero-content{max-width:100%}.home-hero p{max-width:100%;font-size:12px}.hero-art{display:none}.home-hero .hero-actions{gap:8px;margin-top:20px}.home-hero .btn{flex:1 1 180px;min-height:44px}.home-daily{padding:18px;gap:14px}.home-daily .btn{min-height:44px}.home-section-title{align-items:start;flex-wrap:wrap;gap:10px}.home-section-title h2{font-size:21px}.home-games{gap:10px}.home-games .game-tile{padding:13px;border-radius:15px}.tile-category{font-size:7px;letter-spacing:.7px}.tile-top{gap:4px}.tile-art{height:92px}.tile-art>span{font-size:38px}.tile-name{font-size:13px}.tile-description{font-size:11px}.home-summary{grid-template-columns:1fr}.home-summary .kpi{padding:16px;display:grid;grid-template-columns:1fr auto;gap:5px 12px;align-items:center}.home-summary .kpi strong{grid-column:2;grid-row:1 / span 2;font-size:22px;margin:0}.home-summary .kpi span{grid-column:1}.top-title em{display:none}.top-left{gap:6px}.top-right{gap:6px}.spark{font-size:20px}}
@media(prefers-reduced-motion:reduce){.home-games .game-tile:hover{transform:none}}

/* GiftLab v2 — cinematic effects are visual-only; backend outcome is authoritative. */
.case-reveal{width:min(850px,calc(100vw - 18px));background:radial-gradient(circle at 50% 0,#56433366,transparent 42%),#141c2a;border:1px solid #806a4b;box-shadow:0 35px 100px #000b;border-radius:21px;padding:clamp(14px,3vw,30px);text-align:center;overflow:hidden}
.case-reveal h2{font-size:clamp(19px,3vw,30px);margin:10px 0 25px;letter-spacing:1px}.case-reveal h2 span{color:var(--gold)}
.case-reel-window{height:206px;background:linear-gradient(90deg,#101725,#1d2637 15%,#283448 50%,#1d2637 85%,#101725);position:relative;overflow:hidden;border:1px solid #68758c;border-radius:16px;box-shadow:inset 0 0 35px #000b}
.case-reel-window::before,.case-reel-window::after{content:'';position:absolute;top:0;bottom:0;width:14%;z-index:2;pointer-events:none}.case-reel-window::before{left:0;background:linear-gradient(90deg,#0b101b,transparent)}.case-reel-window::after{right:0;background:linear-gradient(270deg,#0b101b,transparent)}
.case-reel-marker{position:absolute;left:50%;transform:translateX(-50%);top:0;bottom:0;width:3px;background:#ffe4a4;z-index:4;box-shadow:0 0 16px #eec77c80}.case-reel-marker::before,.case-reel-marker::after{content:'◆';position:absolute;left:50%;transform:translateX(-50%);color:#ffdda0;font-size:18px}.case-reel-marker::before{top:-8px}.case-reel-marker::after{bottom:-8px}
.case-reel-track{display:flex;gap:10px;align-items:center;width:max-content;height:100%;padding:0 10px;will-change:transform}
.case-reel-item{flex:0 0 147px;height:157px;padding:12px 8px;background:radial-gradient(circle at 50% 56%,color-mix(in srgb,var(--rarity-glow) 25%,transparent),transparent 70%),#1b2535;border:1px solid var(--rarity-glow);border-bottom:4px solid var(--rarity-glow);border-radius:11px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px}
.case-reel-item span{font-size:50px;filter:drop-shadow(0 3px 15px #fff3)}.case-reel-item b{font-size:11px}.case-reel-item small{font-size:10px;color:#bac8d7}.spin-status{color:#ddbd7c;font-size:13px;margin:14px 0}
.roulette-wrap{width:min(280px,100%);position:relative;margin:0 auto}.roulette-wrap::before{content:'▼';position:absolute;top:-15px;left:50%;transform:translateX(-50%);z-index:4;color:#ffe09d;font-size:25px;text-shadow:0 2px 10px #000}.roulette-wrap .roulette-wheel{margin:17px auto 18px;box-shadow:0 0 46px #d8a66337,inset 0 0 0 8px #131922}.roulette-wheel.wheel-spinning{transition:transform 3.6s cubic-bezier(.12,.69,.10,1)}
.slot-hero{margin-top:16px;position:relative;overflow:hidden;max-width:930px;border:1px solid #a07a4b;background:radial-gradient(ellipse at 50% 10%,#734b8855,transparent 55%),linear-gradient(140deg,#211830,#131c31 55%,#201a30);border-radius:24px;padding:clamp(14px,4vw,36px);box-shadow:inset 0 1px #fff2,0 20px 70px #05091740}
.slot-hero::before{content:'⚡';position:absolute;right:-18px;top:-55px;font-size:230px;color:#f9cc7c0b;transform:rotate(-18deg);pointer-events:none}
.slot-hero-top{display:flex;justify-content:space-between;align-items:center;gap:14px;position:relative;z-index:1}.slot-badge{border:1px solid #ad8757;border-radius:30px;padding:7px 11px;color:#ffdb9f;font-size:10px;letter-spacing:.5px}.slot-title{position:relative;font-weight:950;font-size:clamp(28px,5vw,54px);line-height:1.2;letter-spacing:1.8px;color:#f1e1c5;text-shadow:0 3px 24px #dfbf7255}.slot-title span{color:#e9bb60}.slot-hero>p{font-size:12px;color:#acb8c8;position:relative}
.slot-machine{position:relative;border:2px solid #967552;border-radius:17px;padding:12px;background:linear-gradient(135deg,#33243d,#121c2d);box-shadow:inset 0 0 24px #0009,0 0 55px #c79d3120;margin:23px 0 20px;isolation:isolate}
.slot-machine-header{display:flex;align-items:center;justify-content:center;gap:12px;padding-bottom:12px;font-size:11px;letter-spacing:2px;color:#f6d99e}.slot-machine-header span{font-size:17px}
.slot-reels{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(3px,1vw,9px);border-radius:9px;background:#0d1020;padding:clamp(5px,1vw,9px)}
.slot-symbol{display:grid;place-items:center;min-width:0;aspect-ratio:1;background:radial-gradient(circle,#3d3454,#211c34);border:1px solid #625079;border-radius:10px;font-size:clamp(23px,4.5vw,48px);box-shadow:inset 0 0 17px #0009;transition:filter .12s,transform .18s}.slot-active .slot-symbol:not(.landed){filter:blur(4px);transform:translateY(-5px)}.slot-symbol.landed{animation:slot-land .25s both;background:radial-gradient(circle,#5c4770,#26203d)}
@keyframes slot-land{from{transform:translateY(-28px);opacity:.45}to{transform:translateY(0);opacity:1}}
.lightning-mult{position:absolute;z-index:5;top:50%;left:50%;transform:translate(-50%,-50%) scale(.5);font-size:clamp(30px,8vw,80px);font-weight:1000;color:#ffeb8a;text-shadow:0 0 10px #ffc54b,0 0 45px #c67eff;background:#22102fca;border-radius:16px;padding:7px 18px;opacity:0;pointer-events:none}.lightning-mult.visible{animation:lightning-pop 1s both}
@keyframes lightning-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.3) rotate(-8deg)}20%,78%{opacity:1;transform:translate(-50%,-50%) scale(1.05)}100%{opacity:0;transform:translate(-50%,-50%) scale(1.2)}}
.slot-thunder{animation:slot-flash .65s ease-out}@keyframes slot-flash{0%,27%,65%{box-shadow:0 0 110px #ffe37da9,inset 0 0 60px #dec2ff}13%,45%,100%{box-shadow:inset 0 0 24px #0009}}
.slot-controls{display:flex;align-items:end;gap:12px}.slot-controls .field{flex:1}.slot-spin{flex:0 0 165px;height:44px;letter-spacing:1px}.slot-result{max-width:930px;border-color:#89734c;background:linear-gradient(135deg,#342739,#1a2737)}
@media(max-width:520px){.case-reel-window{height:174px}.case-reel-item{flex-basis:118px;height:136px}.case-reel-item span{font-size:39px}.slot-controls{flex-direction:column;align-items:stretch}.slot-spin{flex-basis:auto;width:100%}.slot-symbol{border-radius:6px}.slot-hero{padding:15px}}
@media(prefers-reduced-motion:reduce){.roulette-wheel.wheel-spinning,.case-reel-track{transition:none!important}.slot-active .slot-symbol,.slot-symbol.landed,.slot-thunder,.lightning-mult.visible{animation:none!important;filter:none;transform:none}}

.slot-rules{margin-top:17px;max-width:930px}.slot-rules h3{margin-top:0}.slot-rules h3 small{font-weight:400;color:var(--muted);font-size:11px}.slot-paytable{display:grid;grid-template-columns:65px repeat(3,minmax(0,1fr));align-items:center;gap:3px 12px}.slot-paytable span{font-size:23px;padding:5px}.slot-paytable small{font-size:12px;color:#d2dae7}.slot-paytable span:nth-of-type(odd){background:#263044}

/* V3: accessible demonstration incentives and outcome-accurate upgrade animation */
.daily-feature{display:flex;gap:18px;align-items:center;justify-content:space-between;margin:18px 0;}
.daily-feature>div{flex:1;min-width:0;}
.daily-feature .btn{flex-shrink:0;}
.upgrade-wheel-wrap{width:210px;height:230px;margin:20px auto;position:relative;display:grid;place-items:center;}
.upgrade-wheel{position:relative;border-radius:50%;width:190px;height:190px;border:7px solid #1c2534;box-shadow:0 5px 28px #0508139c; background:conic-gradient(#46c995 0 var(--win-slice),#dc657b var(--win-slice) 100%);display:grid;place-items:center;}
.upgrade-wheel-center{border-radius:50%;width:125px;height:125px;background:#111928;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:27px;color:white;font-weight:800;box-shadow:0 0 0 5px #151d2e;}
.upgrade-wheel-center small{font-size:12px;font-weight:500;color:#b9c6d3;}
.upgrade-pointer{position:absolute;z-index:2;top:0;left:50%;transform:translateX(-50%);width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:22px solid #f7d38f;filter:drop-shadow(0 2px 3px #000);}
@media(max-width:650px){.daily-feature{flex-direction:column;align-items:stretch;}.daily-feature .btn{width:100%;}}
@media(prefers-reduced-motion:reduce){.upgrade-wheel{transition:none!important;}}