/* Radmir 0.6 — glass navigation, centered dialogs and shared card shapes. */
:root{--motion:cubic-bezier(.16,1,.3,1);--glass-surface:rgba(255,255,255,.62);--glass-border:rgba(255,255,255,.88);--glass-ink:#676773;--glass-active:rgba(255,255,255,.64)}
[data-theme="dark"]{--glass-surface:rgba(29,29,42,.65);--glass-border:rgba(255,255,255,.17);--glass-ink:#c4c4ce;--glass-active:rgba(255,255,255,.10)}
.bottom-nav{isolation:isolate;background:var(--glass-surface);border:1px solid var(--glass-border);border-radius:35px;backdrop-filter:blur(22px) saturate(155%);-webkit-backdrop-filter:blur(22px) saturate(155%);box-shadow:inset 0 1px 0 #fff7,inset 0 -1px 0 #fff2,0 9px 32px #12122224;overflow:hidden}
.bottom-nav::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;border-radius:inherit;background:radial-gradient(ellipse at var(--glass-light,35%) 0%,#ffffff65,transparent 64%),linear-gradient(115deg,#fff2,transparent 35%,#fff1 80%);opacity:.8}
.bottom-nav::after{content:"";position:absolute;inset:1px;pointer-events:none;border-radius:34px;border:1px solid #ffffff12;z-index:2}
.nav-btn{color:var(--glass-ink);font-size:10px;font-family:GT-Bold}.nav-btn.active{color:var(--accent)}.nav-btn.active .nav-icon{transform:translateY(-1px) scale(1.06)}
.nav-indicator{background:linear-gradient(145deg,var(--glass-active),#ff0c0612);border:1px solid #fff3;box-shadow:inset 0 1px 0 #fff5,0 3px 12px #1818280b;border-radius:28px;transform-origin:center;backdrop-filter:blur(12px) saturate(170%);-webkit-backdrop-filter:blur(12px) saturate(170%);transition:transform .46s var(--motion),box-shadow .25s ease}
.bottom-nav.pressing .nav-indicator{box-shadow:inset 0 1px 0 #fffa,0 0 0 3px #ffffff24,0 4px 16px #12122214}.bottom-nav.dragging .nav-indicator{transition:box-shadow .2s ease;box-shadow:inset 0 2px 1px #fff9,inset 0 -1px 1px #fff3,0 5px 20px #12122226}.bottom-nav.dragging .nav-btn.active{color:var(--glass-ink)}.bottom-nav.dragging .nav-btn.nav-preview{color:var(--accent)}.nav-btn{border-radius:28px;user-select:none;-webkit-user-select:none;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.bottom-nav{touch-action:pan-y}.nav-btn:focus-visible{outline:2px solid var(--accent);outline-offset:-4px}.nav-shade{height:112px;background:linear-gradient(transparent,rgba(15,15,24,.04) 35%,rgba(15,15,24,.12));}
[data-theme="dark"] .bottom-nav{border-color:var(--glass-border);box-shadow:inset 0 1px 0 #fff2,inset 0 -1px 0 #fff1,0 10px 32px #0005}
[data-theme="dark"] .bottom-nav::before{opacity:.27}[data-theme="dark"] .nav-indicator{border-color:#fff1;box-shadow:inset 0 1px 0 #fff2,0 3px 12px #0001}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.bottom-nav{background:var(--card)}}
@media(prefers-reduced-transparency:reduce){.bottom-nav{background:var(--card);backdrop-filter:none;-webkit-backdrop-filter:none}}

/* Only the card owns the outer outline. Artwork fills one identical viewport. */
.cards-grid{gap:12px}.cards-grid .poster{border-radius:24px;overflow:hidden;padding:0;gap:0}.poster-art{aspect-ratio:1.18;flex:0 0 auto;width:100%;overflow:hidden;position:relative;isolation:isolate}
.roulette-art{background:linear-gradient(135deg,#e948f3,#b127e5)}.cases-art{background:linear-gradient(135deg,#48d679,#178648)}
.cards-grid .poster .poster-art img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center;background:transparent;transform:scale(1.085);display:block;transition:transform .5s var(--motion)}
.cards-grid .poster:hover .poster-art img{transform:scale(1.12)}.cards-grid .poster-meta{min-height:116px;padding:14px 13px}.cards-grid .poster-meta .badge{font-size:9px;max-width:100%;white-space:normal}.cards-grid .poster:active{transform:scale(.985)}

/* Pointer is optically straightened and centered in SVG coordinates. */
.wheel-card{padding:14px 14px 22px}.wheel-wrap{aspect-ratio:1254/1374;margin:0 auto 24px;max-width:406px}.wheel-action{display:flex;flex-direction:column;align-items:center;gap:13px}.wheel-status{margin:0;min-height:18px;font-size:11px}.roulette-pointer{pointer-events:none;filter:drop-shadow(0 7px 8px #ff0c0626)}

/* Header and footer never leave the visible area; only the body scrolls. */
.modal{padding:max(16px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom));align-items:center;justify-content:center;background:rgba(7,7,17,.46);backdrop-filter:none;-webkit-backdrop-filter:none;display:flex;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .24s ease;overscroll-behavior:contain}
.modal.visible{visibility:visible;pointer-events:auto}.modal.open{opacity:1;align-items:center}.modal.closing{opacity:0;pointer-events:auto;transition:opacity .22s ease}
.modal .sheet{width:min(100%,560px);max-height:min(88dvh,760px);display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding:0;overflow:hidden;border-radius:28px;background:var(--card);border:1px solid var(--line);box-shadow:0 24px 80px #0003;opacity:0;transform:translateY(10px) scale(.965);transition:transform .46s var(--motion),opacity .26s ease;animation:none}
.modal.open .sheet{opacity:1;transform:translateY(0) scale(1)}.modal.closing .sheet{transform:translateY(4px) scale(.98);opacity:0;transition:transform .24s cubic-bezier(.4,0,.2,1),opacity .19s ease}
.sheet-handle{width:34px;height:4px;border-radius:9px;background:var(--line);margin:11px auto 0}.sheet-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:22px 22px 15px;min-width:0}.sheet-header h3{font-size:23px;line-height:1.12;letter-spacing:-.035em;margin:0;overflow-wrap:anywhere}
.sheet-close{width:38px;height:38px;flex:0 0 38px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;background:var(--bg);color:var(--text);cursor:pointer}.sheet-close svg{width:21px;height:21px}.sheet-close:hover{background:#ff0c060c;color:var(--accent)}
.sheet-body{padding:0 22px 22px;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line) transparent;-webkit-overflow-scrolling:touch}.sheet-body p{font-size:13px;line-height:1.65;margin:0;white-space:pre-line}.sheet-body p:empty{display:none}
.sheet-actions{display:flex;flex-wrap:nowrap;gap:10px;padding:15px 20px 18px;border-top:1px solid var(--line);background:var(--card);box-shadow:0 -7px 20px #00000003}.sheet-actions button{flex:1 1 0;min-width:0;min-height:48px;border-radius:15px;font-size:13px;padding:11px 12px;cursor:pointer;line-height:1.35}.sheet-actions .sheet-secondary{background:var(--bg);border:1px solid var(--line);color:var(--text)}
.sheet-body .subscription-list{margin:17px 0;gap:9px}.subscription-list>div{padding:13px 15px;border:1px solid var(--line);background:var(--bg);border-radius:15px}.subscription-list b{font-size:13px}.subscription-list span{font-size:12px;line-height:1.6;margin-top:5px}.sheet-body .unavailable-note{font-size:12px;margin:14px 0}.terms-check{font-size:11px;line-height:1.6}.terms-check input{flex:0 0 18px;width:18px;height:18px;accent-color:var(--accent);margin:3px 0 0}
.sheet-body .history-list{margin-top:14px}.sheet-body .row-card{box-shadow:none}.premium-panel-head{margin-bottom:13px}.premium-panel-head strong{font-size:20px;line-height:1.2}.premium-panel-foot{font-size:11px;line-height:1.65}

/* A connected profile and the empty state share one quiet account card. */
.game-account{padding:20px;background:var(--card);position:relative;overflow:hidden}.game-account-heading{display:flex;align-items:center;gap:12px;min-width:0}.game-account-heading>div:nth-child(2){min-width:0;flex:1}.game-account-heading h3{font-size:18px;line-height:1.2;margin:5px 0 0;overflow-wrap:anywhere}.game-account-heading p{font-size:11px;color:var(--muted);margin:5px 0 0}.game-eyebrow{font-size:10px;color:var(--muted);text-transform:none;letter-spacing:0}
.game-account-mark{width:44px;height:44px;flex:0 0 44px;background:#ff0c060b;border:1px solid #ff0c0612;border-radius:50%;display:grid;place-items:center;color:var(--accent)}.account-person{width:26px;height:26px;display:block;background:var(--accent);mask:url("./assets/icon_person.png") center/contain no-repeat;-webkit-mask:url("./assets/icon_person.png") center/contain no-repeat}.game-unlinked .game-account-heading h3{margin-top:0}.game-account-copy{font-size:12px;line-height:1.7;color:var(--muted);margin:17px 0 14px}.game-preview{display:flex;gap:6px;margin-bottom:18px;flex-wrap:wrap}.game-preview span{font-size:10px;color:var(--muted);background:var(--bg);border:1px solid var(--line);border-radius:20px;padding:6px 10px}.game-account .primary-btn{width:100%;min-height:46px;display:flex;justify-content:space-between;align-items:center;padding:13px 16px;font-size:12px}.account-online{width:8px;height:8px;border-radius:50%;background:#20bf66;box-shadow:0 0 0 5px #20bf660e;margin-right:4px}
.game-values{margin-top:19px;padding-top:17px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:18px 12px}.game-values>div{min-width:0}.game-values span{display:block;font-size:11px;color:var(--muted);margin-bottom:6px}.game-values strong{display:block;font-size:20px;overflow-wrap:anywhere}
.view.active{animation:viewPolish .4s var(--motion)}@keyframes viewPolish{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}
@media(max-width:360px){.sheet-header{padding-left:17px;padding-right:17px}.sheet-body{padding-left:17px;padding-right:17px}.sheet-actions{padding-left:17px;padding-right:17px}.sheet-header h3{font-size:21px}.game-account{padding:17px}.game-account-heading h3{font-size:16px}.cards-grid{gap:10px}.cards-grid .poster-meta{padding:12px 10px}.cards-grid .poster-meta strong{font-size:14px}}
@media(max-height:500px){.modal .sheet{max-height:calc(100dvh - 32px)}.sheet-header{padding-top:10px;padding-bottom:8px}.sheet-body{padding-bottom:12px}.sheet-actions{padding-top:10px;padding-bottom:12px}.sheet-handle{margin-top:7px}}
@media(prefers-reduced-motion:reduce){.view.active{animation:none}.modal,.modal .sheet,.modal.closing .sheet,.nav-indicator{transition-duration:.04s}.cards-grid .poster:hover .poster-art img{transform:scale(1.085)}}

/* Artwork has one outer radius, including the cards in Other. */
.other-grid{gap:14px}.other-grid .poster{padding:0;gap:0;border-radius:24px;overflow:hidden;display:flex;flex-direction:column;text-align:left}
.referral-art{aspect-ratio:691/336;background:#f82665}.daily-art{aspect-ratio:528/365;background:#2371fb}
.other-grid .poster .poster-art img{display:block;width:100%;height:100%;max-height:none;aspect-ratio:auto;object-fit:cover;background:transparent;transform:scale(1.065);transition:transform .5s var(--motion)}
.other-grid .poster:hover .poster-art img{transform:scale(1.09)}.other-grid .poster-meta{width:100%;padding:16px 18px;font-size:13px;line-height:1.5}.other-grid .poster-meta .badge{margin-top:9px}.other-grid .poster:active{transform:scale(.987)}

/* Premium has its own warm surface and a clear hierarchy. */
.premium-panel{position:relative;padding:22px;background:linear-gradient(130deg,#fff9ea,#fffdf7 65%,#fff0cd);border:1px solid #e9c773;box-shadow:0 8px 25px #b1872010;isolation:isolate}
.premium-panel::before{content:"";position:absolute;top:0;left:22px;right:22px;height:3px;background:linear-gradient(90deg,#d0a448,#f6d888,#d0a448);border-radius:0 0 4px 4px}
.premium-panel-head{align-items:flex-start;margin-bottom:18px}.premium-panel-head .premium-label{display:inline-flex;align-items:center;padding:5px 9px;border-radius:20px;background:#e5bb5024;color:#896211;font-size:10px;margin-bottom:10px;font-family:GT-Bold}
.premium-panel-head strong{font-size:22px;letter-spacing:-.025em;margin-bottom:7px}.premium-panel-head span{display:block}.premium-benefit{border:1px solid #e4c97850;background:#ffffff80}.premium-benefit b{color:#8b6217;font-size:22px}
.premium-panel .primary-btn{margin-top:14px;background:linear-gradient(100deg,#a97920,#c0983a);color:#fff;border:1px solid #b68b2b;box-shadow:0 4px 12px #b1872020}
[data-theme="dark"] .premium-panel{background:linear-gradient(135deg,#302a1c,#25231f 60%,#362e1d);border-color:#92743b;box-shadow:0 8px 25px #0002}
[data-theme="dark"] .premium-panel-head .premium-label{color:#f1d38c;background:#d4ae4424}[data-theme="dark"] .premium-benefit{background:#ffffff05;border-color:#b5974c40}[data-theme="dark"] .premium-benefit b{color:#f1d38c}
.stats-grid .stat strong{font-size:24px;line-height:1.1}.stats-grid .currency-value #creditStat{font-size:inherit;font-family:inherit;color:inherit;line-height:inherit;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis}.stats-grid .currency-value img{flex:0 0 24px}

/* Main hero uses only a restrained red ambient glow from index.html. */
.intro-card{background:#111116;isolation:isolate}
.intro-card p{max-width:305px}
@media(max-width:360px){.premium-panel{padding:18px}.premium-panel-head strong{font-size:20px}.intro-card p{max-width:240px}.other-grid .poster-meta{padding:14px 16px}}
@media(prefers-reduced-motion:reduce){.other-grid .poster:hover .poster-art img{transform:scale(1.065)}}

.topup-currency{display:flex;align-items:center;gap:8px;font-size:13px;font-family:GT-Bold;margin:14px 0}.topup-currency img{width:25px;height:25px;object-fit:contain}