:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:#090b15;color:#f6f5fc;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}.shell{max-width:680px;margin:auto;padding:0 14px 30px}header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:18px 4px;background:#090b15ef;backdrop-filter:blur(12px)}.brand{font-weight:950;font-size:19px;letter-spacing:.4px}.brand span{color:#a98bff}.brand small{display:block;font-size:9px;color:#9397ad;letter-spacing:2px;margin:3px 0 0 22px}.coins{border:1px solid #343044;background:#201c30;border-radius:15px;padding:10px 14px;color:#e0c2ff}.banner{padding:28px 24px;border:1px solid #514173;border-radius:25px;background:radial-gradient(circle at 92% 15%,#7546b56b,transparent 50%),linear-gradient(125deg,#262039,#111624);margin:9px 0 22px}.tag{font-size:10px;letter-spacing:3px;color:#d2b9ff}.banner h1{font-size:36px;line-height:1.08;margin:14px 0}.banner em{font-style:normal;color:#bc9cff}.banner p{font-size:13px;color:#aeb0c1}.banner-stat{color:#f7e6ff;font-size:13px;margin-top:19px}.sectiontitle{font-size:18px;font-weight:850;margin:19px 0 12px;display:flex;align-items:center;justify-content:space-between}.sectiontitle span{font-size:12px;color:#8e91a6;font-weight:400}.catalog{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.game{min-height:130px;background:linear-gradient(145deg,#242137,#151923);border:1px solid #383449;border-radius:18px;padding:14px 9px;color:white;text-align:center;cursor:pointer}.game.active{border-color:#b18dff;box-shadow:0 0 18px #8857d52e}.game .emoji{font-size:36px;display:block;margin:5px 0 12px}.game b{font-size:12px;display:block}.game small{color:#9a99af;font-size:10px}.panel{background:#141722;border:1px solid #2c3041;border-radius:22px;padding:19px;margin-top:18px}.panel h2{font-size:22px;margin:0 0 5px}.panel p{color:#a0a5b8;font-size:12px;margin:0 0 12px}.controls{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.controls label{font-size:12px;color:#aaa8bd;align-self:center}.controls select,.controls input,.controls button,button.action{background:#22243a;border:1px solid #45405b;border-radius:11px;color:white;padding:12px;font-size:14px}.controls input{width:95px}.controls button,button.action{cursor:pointer}.controls button.primary,button.action.primary{background:linear-gradient(110deg,#9367f8,#ba77ff);border:0;font-weight:800;flex:1}.controls button:disabled{opacity:.45}.result{text-align:center;min-height:26px;color:#dfc8ff;font-weight:700;margin-top:15px;font-size:14px}.reels{display:flex;justify-content:center;gap:5px;background:#090c16;padding:18px 5px;border-radius:18px;overflow:hidden}.reel{display:grid;place-items:center;font-size:36px;width:18%;height:72px;border-radius:12px;background:linear-gradient(#36324c,#171827,#302b43);border:1px solid #555071}.reel.spin{animation:reelspin .13s linear infinite}@keyframes reelspin{0%{transform:translateY(-10px);filter:blur(3px)}50%{transform:translateY(10px);filter:blur(4px)}100%{transform:translateY(-10px);filter:blur(3px)}}.dice-stage{height:140px;display:grid;place-items:center;perspective:500px}.die{font-size:100px;filter:drop-shadow(0 8px 8px #0007)}.die.roll{animation:dieRoll 1.3s ease-in-out}@keyframes dieRoll{0%{transform:rotate(0) scale(.7)}35%{transform:rotate(540deg) scale(1.2)}75%{transform:rotate(950deg) scale(.9)}100%{transform:rotate(1080deg) scale(1)}}.roulette-wrap{height:240px;position:relative;display:grid;place-items:center}.wheel{width:215px;height:215px;border:9px solid #a27c43;border-radius:50%;background:repeating-conic-gradient(#a83242 0deg 9.73deg,#101116 9.73deg 19.46deg);box-shadow:0 0 0 5px #2b2632,inset 0 0 0 28px #13141b;display:grid;place-items:center;transition:transform 3.4s cubic-bezier(.12,.72,.18,1)}.wheel:after{content:'♛';font-size:55px;color:#dfb778}.ball{position:absolute;top:0;left:50%;width:17px;height:17px;border-radius:50%;background:radial-gradient(circle at 30% 25%,white,#c4c6cf 60%,#60616b);box-shadow:0 2px 5px #000;transform-origin:0 120px;transition:transform 3.5s cubic-bezier(.1,.6,.2,1)}.roulette-num{position:absolute;bottom:5px;font-weight:900;background:#1d1c28;padding:7px 20px;border-radius:10px}.cards{display:flex;gap:7px;justify-content:center;min-height:110px;align-items:center}.card{background:#faf6ee;color:#20202c;width:57px;height:83px;border-radius:8px;padding:8px;font-size:22px;font-weight:900;box-shadow:0 6px 12px #0006;animation:deal .4s ease-out both}.card.red{color:#c82f49}.card.back{background:repeating-linear-gradient(45deg,#633cb5,#633cb5 5px,#c0a3ff 5px,#c0a3ff 7px);color:transparent}@keyframes deal{from{opacity:0;transform:translate(80px,-40px) rotate(22deg)}to{opacity:1;transform:none}}.hand-title{text-align:center;color:#aaa8bc;margin:8px;font-size:12px}.flip{font-size:88px;text-align:center;animation:flip .8s ease-out}.flip.animate{animation:flip 1.4s ease-in-out}@keyframes flip{to{transform:rotateY(1440deg)}}.numberstage{font-size:100px;text-align:center;padding:20px}.history{display:grid;gap:7px}.history-row{display:flex;justify-content:space-between;gap:10px;padding:11px;background:#1c1e2c;border-radius:10px;font-size:12px}.history-row span{color:#a7a8b9}.win{color:#8ce5b0}.lose{color:#e5a4aa}footer{text-align:center;padding:25px 0;color:#747b91;font-size:11px}footer button{display:block;margin:0 auto 12px;background:#27203b;border:1px solid #4b3d66;color:white;padding:10px;border-radius:10px}.notice{padding:12px;background:#37243a;color:#ffcde2;border-radius:12px;font-size:13px}button{font-family:inherit}#refresh{background:none;color:#b79cf9;border:0;font-size:20px}

.slot-grid{display:grid;gap:5px;background:#090c16;padding:10px;border-radius:18px}.slot-grid .reels{padding:0;background:transparent}.slot-grid .reel{width:33.333%;height:64px;font-size:30px}

/* Solar Forge and a compact player wallet. */
.solar-stage{background:radial-gradient(ellipse at top,#73451d55,transparent 75%),#0c111c;border:1px solid #9e74413b;box-shadow:inset 0 0 40px #d38b1412}
.slot-grid .reel{display:flex;flex-direction:column;justify-content:center;gap:3px}
.solar-stage .reel{width:20%;height:100px;border:1px solid #a17a4045;background:linear-gradient(#30261d,#111827)}
.symbol-glyph{font-size:36px;line-height:1;text-shadow:0 0 15px currentColor}
.symbol-label{font-size:8px;letter-spacing:.7px;color:inherit;opacity:.8}
.slot-rules{margin-top:16px;font-size:12px;color:#aeb5c8;line-height:1.7}
.slot-rules summary{cursor:pointer;color:#e4c790;padding:8px 0}
.wallet-balances{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}
.wallet-balances>div{padding:16px;background:#1c2030;border-radius:12px}
.wallet-balances small,.wallet-balances b{display:block}.wallet-balances b{font-size:24px;margin-top:8px}
.game[data-game="solar_forge"]{background:radial-gradient(circle at 50% 30%,#d49a3750,transparent 60%),linear-gradient(140deg,#32251b,#0d1825);border-color:#aa793c}
.game[data-game="solar_forge"] .emoji{color:#ffd779;font-size:52px;text-shadow:0 0 30px #ff9c26}
.game[data-game="solar_forge"] small{color:#eac486}
.game[data-game="solar_forge"].active{border-color:#ffcd77;box-shadow:0 0 28px #b77a1429}
.catalog{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:420px){.solar-stage .reel{height:80px}.symbol-glyph{font-size:27px}.symbol-label{font-size:6px}}

/* Lobby navigation and distinct original-game covers. */
.shell{max-width:1080px}.banner{background:radial-gradient(circle at 87% 24%,#c28c2745,transparent 42%),linear-gradient(125deg,#252033,#101827)}
.banner h1{letter-spacing:-1px}.banner em{color:#ffd18a}
.lobby-toolbar{display:flex;gap:18px;align-items:end;justify-content:space-between;margin:12px 0 18px;flex-wrap:wrap}
.game-search{display:grid;gap:6px;font-size:11px;color:#a9afc2}
.game-search input{border:1px solid #383d52;background:#141a28;border-radius:10px;color:white;padding:12px;min-width:240px}
.lobby-tabs{display:flex;gap:6px}.lobby-tabs button{padding:11px 15px;border:1px solid #34384e;border-radius:10px;background:#141a28;color:#b8bfd0;cursor:pointer}
.lobby-tabs .selected{background:#392e53;color:#eee2ff;border-color:#8a6cbc}
.catalog{grid-template-columns:repeat(4,minmax(0,1fr))}.game{min-height:195px;position:relative;overflow:hidden}
.game .emoji{font-size:54px;margin:15px 0 20px}.game b{font-size:16px;margin-bottom:6px}
.game small{font-size:9px;letter-spacing:.6px}.game[hidden]{display:none}
.game[data-game="slots"]{background:radial-gradient(ellipse at 30% 20%,#88c5f34a,transparent 65%),linear-gradient(140deg,#183447,#171c31)}
.game[data-game="blackjack"],.game[data-game="roulette"]{background:radial-gradient(ellipse at top,#185b466a,transparent 75%),#172328}
.slot-grid .winning-cell{border-color:#f4c467;box-shadow:inset 0 0 18px #e2b45b4d,0 0 10px #e2b45b22}
@media(max-width:700px){.catalog{grid-template-columns:repeat(2,minmax(0,1fr))}.game{min-height:180px}.lobby-tabs{width:100%}.lobby-tabs button{flex:1;padding:10px}.game-search,.game-search input{width:100%;min-width:0}.lobby-toolbar{gap:12px}}

.pack-card{color:var(--game-accent);background:radial-gradient(ellipse at 50% 20%,color-mix(in srgb,var(--game-accent) 20%,transparent),transparent 65%),linear-gradient(145deg,var(--game-dark),#101622);border-color:color-mix(in srgb,var(--game-accent) 28%,transparent);padding:0 12px 18px}
.game-cover{position:relative;min-height:130px;display:grid;place-items:center;overflow:hidden;margin:0 -12px 12px;border-bottom:1px solid #ffffff0e}
.game-cover svg{width:120px;height:120px;filter:drop-shadow(0 0 12px currentColor);opacity:.9}
.game-cover span{position:absolute;top:10px;left:10px;font-size:9px;text-transform:uppercase;letter-spacing:1px;color:#e8dcd0}
.pack-card b{color:#fff}.pack-card small{color:#aaaebd}.pack-card.active{border-color:var(--game-accent);box-shadow:0 0 22px color-mix(in srgb,var(--game-accent) 16%,transparent)}
.pack-stage{background:radial-gradient(ellipse at top,var(--game-dark),transparent 90%),#0d1420;border:1px solid var(--game-accent)}
.pack-stage .reel{width:calc(100% / var(--cols));height:110px;background:linear-gradient(#ffffff0a,#111722);border-color:#ffffff14}
.pack-stage .symbol-glyph{font-size:42px}.pack-stage .symbol-label{font-size:8px}
.bonus-banner{padding:15px;background:#5b4229;border:1px solid #d9b16b;border-radius:12px;color:#ffe2a2;margin-top:12px;font-size:13px}
.bonus-banner[hidden]{display:none}
.family-book .reel{background:linear-gradient(#2e241a,#141b28)}
@media(max-width:600px){.pack-stage .reel{height:82px}.pack-stage .symbol-glyph{font-size:30px}.pack-stage .symbol-label{font-size:7px}}

.mechanic-filter{padding:11px;border:1px solid #383d52;background:#141a28;color:#eee;border-radius:10px}#bet:disabled{opacity:.65}