/* v12.9.46 — Option B public visual layer, extracted from the approved v12.9.45 REVIEW. */
html[data-player-theme="charcoal"] {
 scroll-padding-top:86px;
 --bg:#090B10; --bg-soft:#12151D; --panel:#12151D; --panel-strong:#1A1F2B; --panel-light:#1A1F2B;
 --text:#F4F6FB; --muted:#B4BDCD; --muted-2:#B4BDCD; --gold:#E5BC63; --gold-2:#E5BC63; --purple:#8F7AEA; --purple-2:#8F7AEA;
 --green:#79D6AC; --danger:#FF8997; --line:#2B3342; --line-strong:#47536A;
 --preview-gold:#E5BC63; --preview-ink:#090B10; --preview-surface:#12151D;
 --lp-depth-bg:#090B10; --lp-depth-gold:#E5BC63; --lp-depth-gold-bright:#E5BC63; --lp-depth-violet:#8F7AEA;
 --lp-space-1:4px; --lp-space-2:8px; --lp-space-3:12px; --lp-space-4:16px; --lp-space-5:24px; --lp-space-6:32px;
 --lp-radius-sm:10px; --lp-radius-md:16px; --lp-radius-lg:24px;
 --radius-xl:24px; --radius-lg:16px; --radius-md:10px; --sidebar:216px; --topbar:76px;
 --shadow:0 12px 32px rgb(0 0 0 / .2); --lp-shadow:0 12px 32px rgb(0 0 0 / .2);
 --lp-motion-fast:120ms; --lp-motion-base:180ms; --lp-motion-slow:240ms; --lp-motion-ease:cubic-bezier(.2,.7,.2,1); --lp-motion-spring:var(--lp-motion-ease);
 background:var(--bg); color-scheme:dark; scrollbar-color:#47536A var(--bg); scroll-behavior:auto;
}
html[data-player-theme="charcoal"] body { background:var(--bg); color:var(--text); font:15px/1.55 ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; min-width:320px; }
html[data-player-theme="charcoal"] :is(body::before,body::after,.ambient,.premium-particle-field) { display:none; }
html[data-player-theme="charcoal"] :is(h1,h2,h3,p) { text-shadow:none; }
html[data-player-theme="charcoal"] :is(h2,h3) { letter-spacing:-.025em; }
html[data-player-theme="charcoal"] h2 { font-size:24px; line-height:1.25; }
html[data-player-theme="charcoal"] small { font-size:12px; }
html[data-player-theme="charcoal"] :is(button,a,input,select,textarea) { -webkit-tap-highlight-color:transparent; }
html[data-player-theme="charcoal"] :is(button,a):not(:disabled) { transition:color var(--lp-motion-base) ease,background-color var(--lp-motion-base) ease,border-color var(--lp-motion-base) ease,transform var(--lp-motion-fast) ease; }
html[data-player-theme="charcoal"] :is(button,input,select,textarea) { font-family:inherit; }
html[data-player-theme="charcoal"] :is(button,a,input,select,textarea,summary):focus-visible { outline:2px solid var(--gold); outline-offset:3px; }
html[data-player-theme="charcoal"] button:disabled, html[data-player-theme="charcoal"] [aria-disabled="true"] { opacity:.55; cursor:not-allowed; filter:none; }
html[data-player-theme="charcoal"] :is(button,.primary-btn,.ghost-btn):not(:disabled):active { transform:scale(.985); }
html[data-player-theme="charcoal"] .hidden, html[data-player-theme="charcoal"] [hidden] { display:none !important; }
html[data-player-theme="charcoal"] :is(.depth-reveal,.depth-reveal.depth-revealed) { opacity:1; transform:none; animation:none; }
html[data-player-theme="charcoal"] :is(.sidebar,.mobile-drawer) { background:var(--panel); border-right:1px solid var(--line); box-shadow:none; }
html[data-player-theme="charcoal"] .sidebar { padding:30px 16px 22px; }
html[data-player-theme="charcoal"] .brand img { width:158px; height:auto; filter:none; }
html[data-player-theme="charcoal"] .side-nav { gap:8px; margin-top:36px; }
html[data-player-theme="charcoal"] .nav-link { min-height:48px; padding:12px; border:1px solid transparent; border-radius:var(--lp-radius-sm); color:var(--muted); background:transparent; font-size:14px; font-weight:600; box-shadow:none; }
html[data-player-theme="charcoal"] .nav-link.active { color:var(--gold); background:#26251F; border-color:#48402F; }
html[data-player-theme="charcoal"] :is(.nav-link:hover,.nav-link:focus-visible) { color:var(--text); background:var(--panel-strong); }
html[data-player-theme="charcoal"] .nav-link svg { width:20px; height:20px; filter:none; }
html[data-player-theme="charcoal"] .sidebar-bottom { border-color:var(--line); color:var(--muted); }
html[data-player-theme="charcoal"] :is(.sidebar-bottom .plain-link,.sidebar-bottom small,.age-badge) { font-size:12px; }
html[data-player-theme="charcoal"] .topbar { height:76px; background:var(--bg); border-bottom:1px solid var(--line); box-shadow:none; backdrop-filter:none; padding:0 32px; gap:12px; }
html[data-player-theme="charcoal"] .content-wrap { max-width:1440px; padding:28px 32px 40px; margin:0 auto; }
html[data-player-theme="charcoal"] :is(.primary-btn,.hero-primary,.play-btn,.portal-play,.auth-submit) { min-height:44px; padding:11px 18px; border:1px solid var(--gold); border-radius:var(--lp-radius-sm); color:#16130B; background:var(--gold); background-image:none; box-shadow:none; text-shadow:none; font-weight:750; font-size:14px; letter-spacing:0; filter:none; }
html[data-player-theme="charcoal"] :is(.primary-btn,.hero-primary,.play-btn,.portal-play,.auth-submit):hover { background:#F0CE85; box-shadow:none; filter:none; transform:none; }
html[data-player-theme="charcoal"] :is(.ghost-btn,.hero-secondary,.icon-btn,.avatar-btn) { min-height:44px; border:1px solid var(--line); background:var(--panel); border-radius:var(--lp-radius-sm); color:var(--text); box-shadow:none; text-shadow:none; font-size:14px; }
html[data-player-theme="charcoal"] :is(.icon-btn,.avatar-btn) { min-width:44px; }
html[data-player-theme="charcoal"] :is(.hero,.hero-slider) { border-radius:var(--lp-radius-lg); }
html[data-player-theme="charcoal"] .hero { margin:0 0 24px; transform:none; }
html[data-player-theme="charcoal"] .hero-slider { width:100%; max-width:none; min-height:390px; height:390px; max-height:none; background:var(--panel); border:1px solid var(--line); box-shadow:var(--lp-shadow); }
html[data-player-theme="charcoal"] :is(.hero-slider::after,.hero-slide::after) { display:none; }
html[data-player-theme="charcoal"] .hero-slide { display:block; min-height:390px; height:390px; max-height:none; overflow:hidden; border:0; padding:32px 40px 72px; background:linear-gradient(115deg,#12151D,#191925); transition:opacity var(--lp-motion-slow) ease; }
html[data-player-theme="charcoal"] .hero-copy { display:flex; flex-direction:column; align-items:flex-start; width:64%; max-width:640px; gap:12px; }
html[data-player-theme="charcoal"] :is(.hero-copy h1,.hero-copy h2) { font-size:clamp(32px,3.2vw,48px); line-height:1.08; letter-spacing:-.045em; margin:0; color:var(--text); text-shadow:none; font-weight:780; }
html[data-player-theme="charcoal"] .hero-copy p { margin:0; font-size:15px; line-height:1.65; max-width:38ch; color:#DBE0EB; }
html[data-player-theme="charcoal"] :is(.hero-kicker,.section-kicker) { color:var(--gold); font-size:11px; letter-spacing:.14em; font-weight:700; }
html[data-player-theme="charcoal"] .hero-copy small { margin:0; font-size:12px; color:#DBE0EB; }
html[data-player-theme="charcoal"] .hero-background-shade { background:linear-gradient(90deg,rgba(9,11,16,.94),rgba(9,11,16,.68) 46%,rgba(9,11,16,.08) 100%); }
html[data-player-theme="charcoal"] .hero-background-image { object-fit:var(--hero-desktop-fit,cover); object-position:var(--hero-desktop-position,center); filter:brightness(.85) saturate(.9); }
html[data-player-theme="charcoal"] .hero-actions { gap:10px; margin-top:4px; }
html[data-player-theme="charcoal"] .hero-controls { bottom:16px; right:24px; left:auto; width:auto; transform:none; gap:4px; padding:0; border:0; background:transparent; box-shadow:none; backdrop-filter:none; }
html[data-player-theme="charcoal"] .hero-arrow { width:44px; height:44px; background:#12151DEB; border:1px solid var(--line); color:var(--text); box-shadow:none; font-size:22px; }
html[data-player-theme="charcoal"] .hero-dot { width:24px; height:24px; padding:8px; background-clip:content-box; border-radius:50%; box-shadow:none; }
html[data-player-theme="charcoal"] :is(.player-benefits,.player-benefits-condensed) { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); margin:0 0 32px; padding:0; gap:12px; transform:none; }
html[data-player-theme="charcoal"] .player-benefits .player-benefit-card { min-height:78px; padding:16px; border:1px solid var(--line); border-radius:var(--lp-radius-md); background:var(--panel); box-shadow:none; }
html[data-player-theme="charcoal"] .player-benefit-copy { gap:4px; }
html[data-player-theme="charcoal"] .player-benefit-copy strong { color:var(--text); font-size:13px; line-height:1.4; letter-spacing:0; text-shadow:none; }
html[data-player-theme="charcoal"] .player-benefit-copy span { color:var(--muted); font-size:12px; line-height:1.45; }
html[data-player-theme="charcoal"] :is(.discovery-bar,.quick-access-section,.since-last-visit-card,.your-luckyplay-card,.service-status-card,.play-info-panel,.activity-card,.current-game-card,.wallet,.portal-card,.support-channel,.promo-offer-card) { border:1px solid var(--line); border-radius:var(--lp-radius-md); background:var(--panel); box-shadow:none; transform:none; }
html[data-player-theme="charcoal"] .discovery-bar { display:grid; grid-template-columns:minmax(0,1fr) 280px; flex-direction:row; gap:16px; padding:16px; margin:24px 0; }
html[data-player-theme="charcoal"] .category-scroller { width:100%; max-width:100%; height:auto; display:flex; gap:8px; flex:1 1 640px; min-width:0; overflow:auto; scrollbar-width:thin; padding:2px; }
html[data-player-theme="charcoal"] .category-chip { min-height:44px; padding:10px 16px; font-size:13px; font-weight:650; letter-spacing:0; border:1px solid transparent; border-radius:var(--lp-radius-sm); color:var(--muted); background:transparent; box-shadow:none; }
html[data-player-theme="charcoal"] .category-chip.active { color:var(--gold); border-color:#645433; background:#29251C; box-shadow:none; }
html[data-player-theme="charcoal"] .search-box { max-width:100%; height:46px; min-width:0; flex:1 1 220px; width:auto; min-height:46px; border:1px solid var(--line-strong); border-radius:var(--lp-radius-sm); background:var(--bg); box-shadow:none; }
html[data-player-theme="charcoal"] .search-box input { font-size:14px; min-height:44px; color:var(--text); }
html[data-player-theme="charcoal"] .search-box input::placeholder { color:var(--muted); }
html[data-player-theme="charcoal"] .library-summary { align-items:end; margin:0 0 20px; gap:16px; }
html[data-player-theme="charcoal"] .library-summary h2 { font-size:28px; margin:5px 0 0; }
html[data-player-theme="charcoal"] :is(.library-summary small,.filter-state) { font-size:13px; color:var(--muted); }
html[data-player-theme="charcoal"] .game-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; }
html[data-player-theme="charcoal"] :is(.game-card,.portal-game-card) { padding:0; min-width:0; border:1px solid var(--line); border-radius:var(--lp-radius-md); background:var(--panel); box-shadow:var(--lp-shadow); transform:none; transition:transform var(--lp-motion-base) ease,border-color var(--lp-motion-base) ease; }
html[data-player-theme="charcoal"] :is(.game-card::before,.game-card::after,.game-card-thumb::before,.game-card-thumb::after) { display:none; }
html[data-player-theme="charcoal"] .game-card-thumb { aspect-ratio:4/3; height:auto; box-shadow:none; border:0; border-radius:15px 15px 0 0; padding:14px; background:#0E1118; overflow:hidden; }
html[data-player-theme="charcoal"] .game-card-thumb > img { width:100%; height:100%; max-width:none; max-height:none; object-fit:contain; object-position:center; border-radius:8px; filter:none; transform:none; }
html[data-player-theme="charcoal"] .game-card:hover .game-card-thumb > img { transform:none; filter:none; }
html[data-player-theme="charcoal"] .game-meta { padding:16px; border-top:1px solid var(--line); background:var(--panel); }
html[data-player-theme="charcoal"] .game-meta strong { font-size:16px; color:var(--text); line-height:1.3; letter-spacing:-.015em; text-shadow:none; }
html[data-player-theme="charcoal"] .game-meta small { font-size:12px; color:var(--muted); line-height:1.4; }
html[data-player-theme="charcoal"] .game-badge { top:12px; left:12px; padding:4px 8px; font-size:10px; font-weight:750; color:var(--text); border:1px solid var(--line-strong); background:#12151DF2; box-shadow:none; }
html[data-player-theme="charcoal"] .favorite-btn { top:8px; right:8px; width:44px; height:44px; color:var(--text); background:#12151DF2; border:1px solid var(--line-strong); box-shadow:none; font-size:22px; }
html[data-player-theme="charcoal"] .favorite-btn.active { color:var(--gold); border-color:var(--gold); }
html[data-player-theme="charcoal"] .game-overlay { background:linear-gradient(transparent,rgba(9,11,16,.78)); }
html[data-player-theme="charcoal"] .play-btn { min-height:44px; }
html[data-player-theme="charcoal"] :is(.game-card.game-unavailable,.game-card.game-unavailable:hover) { transform:none; }
html[data-player-theme="charcoal"] :is(.quick-game-rail,.recent-winners-track,.cashout-proof-grid) { animation:none; transform:none; scroll-behavior:smooth; overflow-x:auto; scrollbar-width:thin; }
html[data-player-theme="charcoal"] .cashout-proof-grid { display:flex; gap:16px; padding-bottom:12px; }
html[data-player-theme="charcoal"] .cashout-proof-card { flex:0 0 240px; background:var(--panel); border:1px solid var(--line); border-radius:var(--lp-radius-md); box-shadow:none; }
html[data-player-theme="charcoal"] .homepage-trust-zone { margin:24px 0; }
html[data-player-theme="charcoal"] .recent-winners-section { border:1px solid var(--line); border-radius:var(--lp-radius-md); padding:18px; background:var(--panel); box-shadow:none; }
html[data-player-theme="charcoal"] :is(.recent-winners-section h2,.cashout-proof-heading-copy h2) { font-size:20px; letter-spacing:-.02em; }
html[data-player-theme="charcoal"] :is(.recent-winner-card,.recent-winner-empty,.empty-state,.game-empty-state) { color:var(--muted); font-size:14px; background:var(--panel); border-color:var(--line); box-shadow:none; }
html[data-player-theme="charcoal"] .empty-state { padding:24px; border-radius:var(--lp-radius-md); }
html[data-player-theme="charcoal"] :is(.returning-player-heading small,.for-you-grid small,.quick-game-card small,.current-game-meta small) { color:var(--muted); font-size:12px; }
html[data-player-theme="charcoal"] .for-you-grid > button { padding:18px; background:var(--panel); border:1px solid var(--line); border-radius:var(--lp-radius-md); box-shadow:none; color:var(--text); }
html[data-player-theme="charcoal"] :is(.for-you-grid strong,.quick-game-card strong) { font-size:14px; }
html[data-player-theme="charcoal"] :is(input,select,textarea) { color:var(--text); font-size:15px; line-height:1.5; border-color:var(--line-strong); border-radius:var(--lp-radius-sm); background:var(--bg); box-shadow:none; }
html[data-player-theme="charcoal"] :is(label,.field-label,.auth-form label,.form-label) { font-size:13px; color:var(--muted); }
html[data-player-theme="charcoal"] :is(input,select) { min-height:44px; }
html[data-player-theme="charcoal"] :is(.wallet-amount,.balance-value,.current-game-balance,.amount,.stat-value,.player-notification-count) { font-variant-numeric:tabular-nums; }
html[data-player-theme="charcoal"] :is(.modal-backdrop:not(.hidden),.drawer-backdrop:not(.hidden)) { background:rgba(4,6,10,.78); backdrop-filter:none; animation:premium-fade var(--lp-motion-base) ease; }
html[data-player-theme="charcoal"] .modal { position:fixed; left:50%; top:calc(50% + 0px/2); right:auto; bottom:auto; transform:translate(-50%,-50%); overflow-y:auto; color:var(--text); border:1px solid var(--line-strong); border-radius:var(--lp-radius-lg); background:var(--panel); box-shadow:0 24px 64px rgba(0,0,0,.45); max-width:calc(100vw - 32px); max-height:calc(100dvh - 0px - 48px); }
html[data-player-theme="charcoal"] .modal:not(.hidden) { animation:premium-dialog var(--lp-motion-slow) var(--lp-motion-ease); }
html[data-player-theme="charcoal"] :is(.modal-close,.drawer-close) { width:44px; height:44px; min-width:44px; font-size:24px; background:var(--panel-strong); color:var(--text); border:1px solid var(--line); border-radius:var(--lp-radius-sm); box-shadow:none; }
html[data-player-theme="charcoal"] :is(.modal p,.modal small,.modal-footnote) { font-size:13px; line-height:1.6; }
html[data-player-theme="charcoal"] :is(.auth-tabs button,.profile-tabs button,.wallet-tabs button,.player-notification-filters button) { min-height:44px; font-size:12px; color:var(--muted); border-color:var(--line); background:var(--panel-strong); box-shadow:none; }
html[data-player-theme="charcoal"] :is(.auth-tabs,.profile-tabs,.wallet-tabs,.player-notification-filters) button.active { color:var(--gold); border-color:#645433; background:#29251C; }
html[data-player-theme="charcoal"] :is(.player-notification-panel,.player-announcement-modal,.live-support-dock,.live-support-shell,.support-chat-shell) { background:var(--panel); color:var(--text); border:1px solid var(--line-strong); border-radius:var(--lp-radius-md); box-shadow:var(--lp-shadow); }
html[data-player-theme="charcoal"] :is(.player-notification-item-copy p,.player-notification-item-copy strong,.live-support-message,.live-support-composer-v2 textarea) { font-size:14px; line-height:1.55; }
html[data-player-theme="charcoal"] :is(.player-notification-item-copy small,.live-support-composer-status,.live-support-context-line,.live-support-header-status) { font-size:12px; color:var(--muted); }
html[data-player-theme="charcoal"] :is(.live-support-composer-v2 button span,.live-support-topic-row button) { font-size:12px; }
html[data-player-theme="charcoal"] .footer { margin-top:40px; padding-top:24px; border-color:var(--line); color:var(--muted); }
html[data-player-theme="charcoal"] :is(.footer small,.footer button,.footer a,.footer p) { font-size:12px; }
html[data-player-theme="charcoal"] .toast { color:var(--text); background:var(--panel-strong); border:1px solid var(--line-strong); font-size:14px; box-shadow:var(--lp-shadow); }
/* R2.1: Portal toasts remain above the backdrop but below the active dialog (51).
   This region follows the backdrop in the document. Keep its normal layer (80)
   when no modal is open; preserve toast text, live announcements and expiry. */
html[data-player-theme="charcoal"] #portalModalBackdrop:not(.hidden) ~ .portal-toast-region { z-index:50; }
html[data-player-theme="charcoal"] :is(.success,.status-success) { color:#79D6AC; }
html[data-player-theme="charcoal"] :is(.error,.form-error,.status-error) { color:#FF8997; }
html[data-player-theme="charcoal"] :is(.warning,.status-warning) { color:#F3C578; }
@keyframes premium-fade { from { opacity:0; } to { opacity:1; } }
@keyframes premium-dialog { from { opacity:0; transform:translate(-50%,-48%); } to { opacity:1; transform:translate(-50%,-50%); } }
html[data-player-theme="charcoal"] .hero-art { display:block; position:absolute; right:1%; top:12%; width:34%; height:76%; opacity:.72; pointer-events:none; }
html[data-player-theme="charcoal"] .hero-art * { animation:none; }
html[data-player-theme="charcoal"] .hero-background-media { opacity:.75; filter:none; }
html[data-player-theme="charcoal"] .hero-kicker { margin:0; }
html[data-player-theme="charcoal"] .secondary-btn { min-height:44px; padding:10px 16px; font-size:14px; color:var(--text); background:var(--panel-strong); border:1px solid var(--line-strong); border-radius:var(--lp-radius-sm); box-shadow:none; }
html[data-player-theme="charcoal"] .recent-winner-card.is-empty { width:100%; min-height:60px; padding:12px 0; background:transparent; border:0; border-radius:0; }
html[data-player-theme="charcoal"] .recent-winner-card.is-empty .recent-winner-status { display:none; }
html[data-player-theme="charcoal"] :is(.recent-winner-copy small,.recent-winner-copy strong) { color:var(--muted); font-size:13px; line-height:1.5; }
html[data-player-theme="charcoal"] .recent-winner-copy strong { color:var(--text); }
html[data-player-theme="charcoal"] .recent-winners-track { display:flex; gap:12px; }
html[data-player-theme="charcoal"] .recent-winner-avatar { width:40px; height:40px; min-width:40px; background:var(--panel-strong); color:var(--gold); box-shadow:none; }
html[data-player-theme="charcoal"] .player-benefit-icon { background:transparent; border:0; box-shadow:none; color:var(--gold); font-size:20px; }
@media(hover:hover) and (pointer:fine) {
 html[data-player-theme="charcoal"] :is(.game-card,.quick-game-card,.for-you-grid > button):hover { transform:translateY(-2px); border-color:#645433; box-shadow:var(--lp-shadow); }
}
@media(max-width:1100px) {
 html[data-player-theme="charcoal"] .game-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
 html[data-player-theme="charcoal"] .content-wrap { padding:24px; }
 html[data-player-theme="charcoal"] .player-benefits { grid-template-columns:repeat(2,minmax(0,1fr)); }
 html[data-player-theme="charcoal"] .hero-copy { width:60%; }
}
@media(max-width:900px) {
 html[data-player-theme="charcoal"] .discovery-bar { grid-template-columns:minmax(0,1fr); }
 html[data-player-theme="charcoal"] .category-scroller { order:2; }
 html[data-player-theme="charcoal"] .search-box { order:1; width:100%; }
 html[data-player-theme="charcoal"] .topbar { height:68px; padding:0 20px; }
 html[data-player-theme="charcoal"] .content-wrap { padding:20px 20px 100px; }
 html[data-player-theme="charcoal"] .mobile-bottom-nav { position:fixed; height:72px; padding:6px 8px max(6px,env(safe-area-inset-bottom)); border-top:1px solid var(--line); background:var(--panel); box-shadow:0 -6px 24px rgba(0,0,0,.15); backdrop-filter:none; }
 html[data-player-theme="charcoal"] .mobile-bottom-nav > :is(a,button) { min-height:56px; min-width:44px; font-size:11px; color:var(--muted); background:transparent; border:0; box-shadow:none; }
 html[data-player-theme="charcoal"] .mobile-bottom-nav :is(a,button).is-active { color:var(--gold); }
 html[data-player-theme="charcoal"] .mobile-nav-active-indicator { top:6px; bottom:6px; border:1px solid #48402F; border-radius:var(--lp-radius-sm); background:#26251F; box-shadow:none; transition:transform var(--lp-motion-base) ease,opacity var(--lp-motion-base) ease; }
 html[data-player-theme="charcoal"] .mobile-bottom-nav .mobile-nav-icon { font-size:22px; filter:none; transform:none; }
 html[data-player-theme="charcoal"] .mobile-bottom-nav :is(a,button).is-active .mobile-nav-icon { transform:none; filter:none; }
 html[data-player-theme="charcoal"] .hero-copy h1 { font-size:42px; }
 html[data-player-theme="charcoal"] .mobile-drawer { background:var(--panel); padding-top:20px; max-height:calc(100dvh - 0px); }
 html[data-player-theme="charcoal"] .mobile-drawer .nav-link { min-height:48px; }
}
@media(max-width:600px) {
 html[data-player-theme="charcoal"] .hero-art { opacity:.15; width:70%; right:-10%; }
 html[data-player-theme="charcoal"] .topbar { height:64px; padding:0 14px; gap:8px; }
 html[data-player-theme="charcoal"] .content-wrap { padding:16px 14px 100px; }
 html[data-player-theme="charcoal"] .mobile-brand img { width:126px; height:auto; filter:none; }
 html[data-player-theme="charcoal"] .hero { margin-bottom:16px; }
 html[data-player-theme="charcoal"] .hero-slider { height:370px; min-height:370px; border-radius:var(--lp-radius-md); }
 html[data-player-theme="charcoal"] .hero-slide { height:370px; min-height:370px; padding:24px 20px 66px; }
 html[data-player-theme="charcoal"] .hero-copy { width:100%; max-width:340px; gap:12px; }
 html[data-player-theme="charcoal"] :is(.hero-copy h1,.hero-copy h2) { font-size:32px; line-height:1.1; }
 html[data-player-theme="charcoal"] .hero-copy p { font-size:13px; line-height:1.6; max-width:27ch; }
 html[data-player-theme="charcoal"] .hero-background-shade { background:linear-gradient(90deg,rgba(9,11,16,.92),rgba(9,11,16,.68) 60%,rgba(9,11,16,.35)); }
 html[data-player-theme="charcoal"] .hero-background-image { object-fit:var(--hero-mobile-fit,cover); object-position:var(--hero-mobile-position,center); }
 html[data-player-theme="charcoal"] .hero-controls { bottom:12px; right:14px; }
 html[data-player-theme="charcoal"] :is(.hero-primary,.hero-secondary) { font-size:13px; padding:10px 14px; min-height:44px; }
 html[data-player-theme="charcoal"] .player-benefits { gap:8px; margin-bottom:24px; }
 html[data-player-theme="charcoal"] .player-benefits .player-benefit-card { min-height:84px; padding:12px; border-radius:var(--lp-radius-sm); }
 html[data-player-theme="charcoal"] .player-benefit-copy strong { font-size:12px; }
 html[data-player-theme="charcoal"] .player-benefit-copy span { font-size:12px; }
 html[data-player-theme="charcoal"] .discovery-bar { grid-template-columns:minmax(0,1fr); margin:20px 0; padding:12px; gap:12px; }
 html[data-player-theme="charcoal"] .category-scroller { order:2; flex-basis:100%; }
 html[data-player-theme="charcoal"] .category-chip { padding:10px 14px; font-size:13px; }
 html[data-player-theme="charcoal"] .search-box { order:1; flex-basis:100%; }
 html[data-player-theme="charcoal"] .game-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
 html[data-player-theme="charcoal"] .library-summary h2 { font-size:24px; }
 html[data-player-theme="charcoal"] .game-card-thumb { aspect-ratio:1/1; padding:8px; }
 html[data-player-theme="charcoal"] .game-meta { padding:12px 10px; gap:4px; }
 html[data-player-theme="charcoal"] .game-meta strong { font-size:14px; }
 html[data-player-theme="charcoal"] .game-meta small { font-size:12px; }
 html[data-player-theme="charcoal"] .game-badge { top:8px; left:6px; font-size:9px; padding:3px 5px; }
 html[data-player-theme="charcoal"] .favorite-btn { top:4px; right:4px; }
 html[data-player-theme="charcoal"] .game-overlay .play-btn { min-height:44px; padding:8px 12px; font-size:13px; }
 html[data-player-theme="charcoal"] :is(.game-card,.game-card:hover,.game-card:active,.quick-game-card,.quick-game-card:hover) { transform:none; }
 html[data-player-theme="charcoal"] .recent-winners-section { padding:14px; }
 html[data-player-theme="charcoal"] :is(.recent-winners-section h2,.cashout-proof-heading-copy h2) { font-size:18px; }
 /* A full proof per row: no inherited miniature widths, cropped images or overlay labels. */
 html[data-player-theme="charcoal"] .cashout-proof-grid { display:grid; grid-template-columns:minmax(0,1fr); grid-auto-flow:row; width:100%; overflow:visible; gap:16px; }
 html[data-player-theme="charcoal"] .cashout-proof-card { width:100%; min-width:0; max-width:none; flex:none; height:auto; transform:none; }
 html[data-player-theme="charcoal"] .cashout-proof-card-action { display:block; width:100%; height:auto; padding:0; }
 html[data-player-theme="charcoal"] .cashout-proof-image { width:100%; height:auto; min-height:0; max-height:none; aspect-ratio:auto; padding:0; }
 html[data-player-theme="charcoal"] .cashout-proof-image img { display:block; width:100%; height:auto; max-height:none; object-fit:contain; transform:none; }
 html[data-player-theme="charcoal"] .cashout-proof-image::after { display:none; }
 html[data-player-theme="charcoal"] .cashout-proof-details { position:static; display:grid; gap:8px; width:auto; height:auto; min-height:0; padding:14px; background:var(--panel); }
 html[data-player-theme="charcoal"] :is(.cashout-proof-status-row,.cashout-proof-method-time) { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:6px; }
 html[data-player-theme="charcoal"] :is(.verified-cashout-badge,.cashout-proof-badge) { position:static; max-width:100%; white-space:normal; font-size:11px; }
 html[data-player-theme="charcoal"] :is(.cashout-proof-paid,.cashout-proof-result) { font-size:18px; line-height:1.4; overflow-wrap:anywhere; }
 html[data-player-theme="charcoal"] :is(.cashout-proof-method,.cashout-proof-time) { max-width:100%; font-size:13px; line-height:1.5; white-space:normal; overflow:visible; text-overflow:clip; overflow-wrap:anywhere; }
 html[data-player-theme="charcoal"] .for-you-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
 html[data-player-theme="charcoal"] .for-you-grid > button { padding:14px; }
 html[data-player-theme="charcoal"] .modal { width:calc(100vw - 24px); max-width:560px; padding:24px 18px; top:calc(50% + 18px); max-height:calc(100dvh - 0px - 42px); }
 /* REVIEW-2: tall proof dialogs stay contained during every opening frame.
    A percentage translate entrance moved the full-height gallery below the viewport. */
 html[data-player-theme="charcoal"] :is(#proofGalleryModal,#proofViewerModal):not(.hidden) {
  top:50%; left:50%; width:calc(100vw - 24px); min-height:0; box-sizing:border-box;
  max-height:calc(100vh - 24px); max-height:calc(100dvh - 24px);
  transform:translate(-50%,-50%); overflow-y:auto; overscroll-behavior:contain;
  animation:premium-fade var(--lp-motion-base) ease both;
 }
 html[data-player-theme="charcoal"] .modal h2 { font-size:24px; }
 html[data-player-theme="charcoal"] :is(.modal input,.modal select,.modal textarea) { font-size:16px; }
 html[data-player-theme="charcoal"] .player-presence-greeting { max-width:100px; font-size:12px; }
}
html[data-player-theme="charcoal"] .player-announcement-backdrop { background:rgba(4,6,10,.78); padding:calc(0px + 16px) 16px 16px; backdrop-filter:none; }
html[data-player-theme="charcoal"] .player-announcement-modal { max-height:calc(100dvh - 0px - 32px); }
html[data-player-theme="charcoal"] .player-announcement-copy { padding:28px; }
html[data-player-theme="charcoal"] .player-announcement-copy p { font-size:14px; color:var(--muted); line-height:1.65; }
html[data-player-theme="charcoal"] .player-announcement-action { min-height:44px; padding:12px 16px; font-size:13px; border-radius:var(--lp-radius-sm); box-shadow:none; color:#16130B; background:var(--gold); }
html[data-player-theme="charcoal"] .player-announcement-action.secondary { background:var(--panel-strong); color:var(--text); border:1px solid var(--line-strong); }
html[data-player-theme="charcoal"] .player-announcement-close { width:44px; height:44px; color:var(--text); background:var(--panel-strong); border:1px solid var(--line); }
/* Player Portal: existing DOM, forms and provider actions; preview-only palette. */
html[data-player-theme="charcoal"] { --portal-bg:#090B10; --portal-panel:#12151D; --portal-panel-2:#1A1F2B; --portal-text:#F4F6FB; --portal-muted:#B4BDCD; --portal-gold:#E5BC63; --portal-purple:#8F7AEA; --portal-border:#2B3342; }
html[data-player-theme="charcoal"] .portal-topbar { top:0px; padding:12px 28px; min-height:76px; background:var(--bg); border-color:var(--line); box-shadow:none; backdrop-filter:none; }
html[data-player-theme="charcoal"] .portal-brand img { width:146px; height:auto; filter:none; }
html[data-player-theme="charcoal"] .portal-shell { width:min(1080px,calc(100% - 48px)); padding:32px 0 112px; }
html[data-player-theme="charcoal"] :is(.portal-game-hero,.player-quick-dashboard,.player-dashboard-game-card,.portal-card,.wallet-action,.player-dashboard-pending,.player-dashboard-summary-card,.portal-credentials,.portal-account-request,.player-dashboard-activity-card) { background:var(--panel); border:1px solid var(--line); border-radius:var(--lp-radius-md); box-shadow:none; color:var(--text); }
html[data-player-theme="charcoal"] :is(.portal-card::before,.portal-card::after,.player-dashboard-game-card::before,.player-dashboard-game-card::after) { display:none; }
html[data-player-theme="charcoal"] :is(.portal-card,.player-quick-dashboard) { padding:28px; }
html[data-player-theme="charcoal"] :is(.portal-card h2,.player-dashboard-welcome h2) { font-size:28px; letter-spacing:-.03em; text-shadow:none; }
html[data-player-theme="charcoal"] :is(.portal-card p,.player-dashboard-welcome p,.wallet-title-row p) { color:var(--muted); font-size:14px; line-height:1.6; }
html[data-player-theme="charcoal"] :is(.portal-game-hero p,.player-dashboard-kicker,.player-dashboard-section-heading span) { color:var(--gold); font-size:11px; letter-spacing:.12em; }
html[data-player-theme="charcoal"] :is(.portal-game-art,.player-dashboard-game-main img) { filter:none; background:transparent; border-color:var(--line); box-shadow:none; object-fit:contain; }
html[data-player-theme="charcoal"] .player-dashboard-game-card { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:18px; padding:24px; margin-top:24px; background:var(--panel-strong); }
html[data-player-theme="charcoal"] .player-dashboard-game-main { gap:16px; }
html[data-player-theme="charcoal"] .player-dashboard-game-main strong { color:var(--text); font-size:22px; text-shadow:none; }
html[data-player-theme="charcoal"] :is(.player-dashboard-game-main small,.player-current-game-login small,.player-current-game-balance small) { font-size:12px; color:var(--muted); letter-spacing:.08em; }
html[data-player-theme="charcoal"] :is(.player-dashboard-ready-label,.player-dashboard-account-status) { color:#79D6AC; background:#142C25; border-color:#2B6651; font-size:11px; box-shadow:none; }
html[data-player-theme="charcoal"] .player-current-game-login { grid-column:1/-1; grid-row:2; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; padding:16px; margin-top:20px; border:1px solid var(--line-strong); border-radius:var(--lp-radius-sm); background:var(--bg); }
html[data-player-theme="charcoal"] .player-current-game-login > div { display:flex; flex-direction:column; align-items:flex-start; gap:8px; padding:10px; border-color:var(--line); }
html[data-player-theme="charcoal"] .player-current-game-login strong { width:100%; white-space:normal; text-overflow:clip; font-size:17px; color:var(--text); overflow-wrap:anywhere; font-variant-numeric:tabular-nums; }
html[data-player-theme="charcoal"] :is(.player-current-game-login button,.player-current-game-balance button) { min-height:44px; padding:8px 12px; font-size:12px; border-radius:8px; border:1px solid var(--line-strong); color:var(--gold); background:var(--panel-strong); box-shadow:none; }
html[data-player-theme="charcoal"] .player-current-game-balance em { color:var(--muted); font-size:12px; font-style:normal; }
html[data-player-theme="charcoal"] :is(.portal-gold-button,.portal-gradient-button,.player-dashboard-game-actions button:first-child) { min-height:48px; padding:12px 20px; color:#16130B; background:var(--gold); border:1px solid var(--gold); border-radius:var(--lp-radius-sm); font-size:14px; font-weight:750; text-shadow:none; box-shadow:none; filter:none; }
html[data-player-theme="charcoal"] :where(.portal-purple-button,.portal-outline-button,.portal-back,.portal-app-button,.portal-account-button,.player-dashboard-game-actions button:not(:first-child)) { min-height:44px; padding:10px 16px; color:var(--text); background:var(--panel-strong); border:1px solid var(--line-strong); border-radius:var(--lp-radius-sm); font-size:13px; box-shadow:none; text-shadow:none; }
html[data-player-theme="charcoal"] .player-dashboard-game-actions { display:flex; grid-column:2; grid-row:1; gap:12px; }
html[data-player-theme="charcoal"] .player-dashboard-quick-actions { gap:12px; }
html[data-player-theme="charcoal"] .player-dashboard-quick-actions > button { min-height:112px; padding:16px; color:var(--text); border:1px solid var(--line); border-radius:var(--lp-radius-md); background:var(--panel); box-shadow:none; }
html[data-player-theme="charcoal"] .player-dashboard-quick-actions strong { font-size:13px; color:var(--text); }
html[data-player-theme="charcoal"] .player-dashboard-quick-actions small { font-size:12px; color:var(--muted); }
html[data-player-theme="charcoal"] .player-dashboard-quick-actions > button > span { color:var(--gold); background:var(--panel-strong); box-shadow:none; }
html[data-player-theme="charcoal"] :is(.player-dashboard-summary strong,.player-dashboard-stat strong,.player-dashboard-stat-value) { font-size:24px; font-variant-numeric:tabular-nums; color:var(--text); }
html[data-player-theme="charcoal"] :is(.portal-tabs button,.player-dashboard-tabs button,.wallet-panel-tabs button) { min-height:44px; padding:10px 14px; color:var(--muted); font-size:13px; background:var(--panel); border-color:var(--line); box-shadow:none; }
html[data-player-theme="charcoal"] :is(.portal-tabs button,.player-dashboard-tabs button,.wallet-panel-tabs button).active { color:var(--gold); background:#29251C; border-color:#645433; }
html[data-player-theme="charcoal"] :is(.wallet-action input,.wallet-action textarea,.portal-form input,.portal-form select) { font-size:16px; padding:12px 14px; color:var(--text); border:1px solid var(--line-strong); background:var(--bg); border-radius:var(--lp-radius-sm); }
html[data-player-theme="charcoal"] :is(.wallet-action label,.portal-form label) { color:var(--muted); font-size:13px; }
html[data-player-theme="charcoal"] .wallet-submit { min-height:48px; font-size:14px; border-radius:var(--lp-radius-sm); box-shadow:none; background:#246449; color:#F4F6FB; }
html[data-player-theme="charcoal"] #depositForm .deposit-submit { transition:background-color var(--lp-motion-base) ease,color var(--lp-motion-base) ease; }
html[data-player-theme="charcoal"] #depositForm .deposit-submit:not(:disabled) { background:#79D6AC; color:#092317; border:1px solid #79D6AC; opacity:1; filter:none; }
html[data-player-theme="charcoal"] #depositForm .deposit-submit:not(:disabled):hover { background:#94E5C0; }
html[data-player-theme="charcoal"] #depositForm .deposit-submit:disabled { background:#29323C; color:#B4BDCD; border:1px solid #47536A; opacity:1; cursor:not-allowed; filter:none; transform:none; }
html[data-player-theme="charcoal"] #depositAmountHelp { display:block; margin-top:8px; color:var(--muted); font-size:13px; line-height:1.5; }
html[data-player-theme="charcoal"] .withdraw-submit { background:#803745; }
html[data-player-theme="charcoal"] :is(.portal-note,.portal-error,.portal-alert,.player-dashboard-empty,.portal-empty,.portal-history-empty) { font-size:13px; line-height:1.6; border-radius:var(--lp-radius-sm); color:var(--muted); background:var(--panel); border-color:var(--line); box-shadow:none; }
html[data-player-theme="charcoal"] .portal-error { color:#FF8997; }
html[data-player-theme="charcoal"] :is(.portal-bottom-nav,.player-bottom-nav) { background:var(--panel); border-color:var(--line); box-shadow:none; backdrop-filter:none; }
html[data-player-theme="charcoal"] :is(.portal-bottom-nav,.player-bottom-nav) :is(button,a) { min-height:52px; font-size:12px; color:var(--muted); background:transparent; }
html[data-player-theme="charcoal"] :is(.portal-bottom-nav,.player-bottom-nav) :is(button,a).active { color:var(--gold); }
html[data-player-theme="charcoal"] .portal-dashboard-ready .portal-game-hero { display:none; }
html[data-player-theme="charcoal"] :is(.player-quick-dashboard::before,.player-quick-dashboard::after) { display:none; }
html[data-player-theme="charcoal"] .player-current-game-balance strong { color:#79D6AC; font-size:24px; line-height:1.3; min-height:32px; }
html[data-player-theme="charcoal"] .player-dashboard-game-actions button { min-width:130px; white-space:nowrap; }
html[data-player-theme="charcoal"] .player-dashboard-activity { background:var(--panel); border-color:var(--line); box-shadow:none; }
@media(max-width:600px) {
 html[data-player-theme="charcoal"] .portal-topbar { padding:10px 12px; gap:8px; min-height:68px; }
 html[data-player-theme="charcoal"] .portal-brand { flex:0 0 88px; min-width:0; }
 html[data-player-theme="charcoal"] .portal-brand img { width:88px; }
 html[data-player-theme="charcoal"] .portal-header-actions { flex:1; min-width:0; justify-content:flex-end; gap:6px; }
 html[data-player-theme="charcoal"] .portal-app-button { width:44px; min-width:44px; flex-shrink:0; padding:6px; font-size:0; }
 html[data-player-theme="charcoal"] .portal-app-button span { font-size:11px; }
 html[data-player-theme="charcoal"] .portal-back { width:44px; min-width:44px; flex-shrink:0; justify-content:center; }
 html[data-player-theme="charcoal"] .portal-account-button { min-width:44px; max-width:100px; flex:0 1 auto; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
 html[data-player-theme="charcoal"] .portal-account-button::after { content:none; }
 html[data-player-theme="charcoal"] :is(.portal-account-button,.portal-back) { padding:8px 10px; font-size:12px; }
 html[data-player-theme="charcoal"] .portal-shell { width:calc(100% - 24px); padding:20px 0 112px; }
 html[data-player-theme="charcoal"] :is(.portal-card,.player-quick-dashboard) { padding:18px 14px; }
 html[data-player-theme="charcoal"] .player-dashboard-game-card { grid-template-columns:minmax(0,1fr); padding:16px 12px; }
 html[data-player-theme="charcoal"] .player-dashboard-game-actions { grid-row:3; grid-column:1; display:grid; grid-template-columns:1fr 1fr; }
 html[data-player-theme="charcoal"] .player-dashboard-game-actions button { min-width:0; font-size:12px; padding:10px; }
 html[data-player-theme="charcoal"] .player-dashboard-game-actions button:first-child { grid-column:auto; }
 html[data-player-theme="charcoal"] :is(.portal-card h2,.player-dashboard-welcome h2) { font-size:24px; }
 html[data-player-theme="charcoal"] .player-current-game-login { grid-template-columns:minmax(0,1fr); gap:8px; padding:12px; }
 html[data-player-theme="charcoal"] .player-current-game-login strong { font-size:16px; }
 html[data-player-theme="charcoal"] .player-dashboard-quick-actions { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
 html[data-player-theme="charcoal"] .player-dashboard-quick-actions > button { min-height:110px; padding:14px; }
 html[data-player-theme="charcoal"] .wallet-action-grid { grid-template-columns:minmax(0,1fr); gap:16px; }
 html[data-player-theme="charcoal"] .wallet-action { padding:18px 14px; }
}

/* R2: keep the mobile Portal sheet inside its safe viewport throughout opening.
   The legacy sheet's +22px entrance exceeded its 7px bottom inset after layering.
   Keep desktop/tablet placement; the mobile sheet fades without moving offscreen. */
@media(max-width:720px) {
 html[data-player-theme="charcoal"] .portal-modal:not(.hidden) {
  --lp-dialog-top:max(12px,env(safe-area-inset-top));
  --lp-dialog-bottom:max(12px,env(safe-area-inset-bottom));
  top:auto; right:max(12px,env(safe-area-inset-right)); bottom:var(--lp-dialog-bottom); left:max(12px,env(safe-area-inset-left));
  width:auto; min-width:0; min-height:0; max-width:none; box-sizing:border-box; margin:0;
  max-height:calc(100vh - var(--lp-dialog-top) - var(--lp-dialog-bottom));
  max-height:calc(100dvh - var(--lp-dialog-top) - var(--lp-dialog-bottom));
  overflow-y:auto; overscroll-behavior:contain; overflow-wrap:anywhere; transform:none;
  animation:premium-fade var(--lp-motion-base) ease both;
 }
}

@media(prefers-reduced-motion:reduce) {
 html[data-player-theme="charcoal"] *, html[data-player-theme="charcoal"] *::before, html[data-player-theme="charcoal"] *::after { animation:none !important; transition:none !important; scroll-behavior:auto !important; }
 html[data-player-theme="charcoal"] :is(.game-card,.game-card:hover,.quick-game-card,.for-you-grid > button) { transform:none !important; }
}



/* v12.9.48: readable, native-scroll public proof/activity rails. View All and
   the full viewer retain their existing full-width mobile presentation. */
html[data-player-theme="charcoal"] #cashoutProofGrid.proof-rotation-rail {
 display:grid; grid-auto-flow:column; grid-template-columns:none;
 grid-auto-columns:clamp(240px,calc((100% - 32px)/3),320px);
 align-items:start; gap:16px; width:100%; min-width:0; max-width:100%;
 overflow-x:auto; overflow-y:hidden; overscroll-behavior-x:contain;
 scroll-snap-type:x proximity; scroll-padding-inline:0; scroll-behavior:smooth;
 touch-action:pan-x pan-y pinch-zoom; padding:2px 0 12px; scrollbar-width:thin;
}
html[data-player-theme="charcoal"] #cashoutProofGrid.proof-rotation-rail .cashout-proof-card {
 width:100%; min-width:0; max-width:none; height:auto; margin:0; flex:none;
 scroll-snap-align:start; border:1px solid var(--line); border-radius:var(--lp-radius-sm);
 background:var(--panel); transform:none; box-shadow:none;
}
html[data-player-theme="charcoal"] #cashoutProofGrid.proof-rotation-rail .cashout-proof-card-action {
 display:block; width:100%; height:auto; padding:0; text-align:center;
}
html[data-player-theme="charcoal"] #cashoutProofGrid.proof-rotation-rail .cashout-proof-image {
 display:block; width:100%; height:auto; min-height:0; max-height:none;
 aspect-ratio:auto; padding:0; background:#0D1017;
}
html[data-player-theme="charcoal"] #cashoutProofGrid.proof-rotation-rail .cashout-proof-image img {
 display:block; width:100%; height:auto; max-height:none; object-fit:contain; transform:none;
}
html[data-player-theme="charcoal"] #cashoutProofGrid.proof-rotation-rail .cashout-proof-image::after { display:none; }
html[data-player-theme="charcoal"] #cashoutProofGrid.proof-rotation-rail .cashout-proof-details {
 position:static; display:grid; gap:8px; height:auto; min-height:0; padding:14px;
 background:var(--panel); color:var(--text); border-top:1px solid var(--line);
}
html[data-player-theme="charcoal"] #cashoutProofGrid.proof-rotation-rail :is(.cashout-proof-status-row,.cashout-proof-method-time) {
 display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:6px;
}
html[data-player-theme="charcoal"] #cashoutProofGrid.proof-rotation-rail :is(.verified-cashout-badge,.cashout-proof-badge) {
 position:static; font-size:11px; white-space:normal; max-width:100%;
}
html[data-player-theme="charcoal"] #cashoutProofGrid.proof-rotation-rail :is(.cashout-proof-paid,.cashout-proof-result) {
 font-size:20px; line-height:1.4; overflow-wrap:anywhere; font-variant-numeric:tabular-nums;
}
html[data-player-theme="charcoal"] #cashoutProofGrid.proof-rotation-rail :is(.cashout-proof-method,.cashout-proof-time) {
 font-size:13px; max-width:100%; white-space:normal; overflow-wrap:anywhere;
}
html[data-player-theme="charcoal"] .proof-carousel-controls {
 display:flex; align-items:center; gap:8px; margin-top:10px; color:var(--muted); font-size:13px;
}
html[data-player-theme="charcoal"] .proof-carousel-controls[hidden] { display:none; }
html[data-player-theme="charcoal"] .proof-carousel-controls button {
 min-height:44px; min-width:44px; padding:8px 12px; border-radius:10px;
 color:var(--text); background:var(--panel-strong); border:1px solid var(--line-strong);
 box-shadow:none; transition:background var(--lp-motion-fast) ease,transform var(--lp-motion-fast) ease;
}
html[data-player-theme="charcoal"] .proof-carousel-controls button:active { transform:translateY(1px); }
html[data-player-theme="charcoal"] .proof-carousel-controls button:disabled { opacity:.45; cursor:default; }
html[data-player-theme="charcoal"] .proof-carousel-controls [data-carousel-pause] { margin-left:auto; }
html[data-player-theme="charcoal"] :is(.proof-rotation-rail,.live-activity-list):focus-visible { outline:2px solid var(--gold); outline-offset:4px; }
/* Match the proof rail's ID specificity while a mouse drag directly controls
   scrollLeft. Releasing the pointer restores the ordinary snap/smooth rules. */
html[data-player-theme="charcoal"] #cashoutProofGrid.proof-rotation-rail.is-dragging,
html[data-player-theme="charcoal"] :is(.proof-rotation-rail,.live-activity-list).is-dragging { cursor:grabbing; user-select:none; scroll-snap-type:none; scroll-behavior:auto; }
html[data-player-theme="charcoal"] .live-activity {
 min-width:0; margin:24px 0; padding:20px; border:1px solid var(--line);
 border-radius:var(--lp-radius-md); background:var(--panel);
}
html[data-player-theme="charcoal"] .live-activity-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:16px; }
html[data-player-theme="charcoal"] .live-activity-heading h2 { display:flex; align-items:center; gap:9px; margin:0; font-size:13px; letter-spacing:.1em; }
html[data-player-theme="charcoal"] .live-activity-heading p { margin:5px 0 0; font-size:12px; color:var(--muted); }
html[data-player-theme="charcoal"] .activity-status-dot { width:7px; height:7px; border-radius:50%; background:var(--muted); }
html[data-player-theme="charcoal"] .live-activity.is-current .activity-status-dot { background:#79D6AC; }
html[data-player-theme="charcoal"] .activity-metric { display:block; color:var(--muted); font-size:12px; text-align:right; }
html[data-player-theme="charcoal"] .activity-metric strong { color:var(--gold); font-variant-numeric:tabular-nums; font-size:19px; }
html[data-player-theme="charcoal"] .activity-metric small { display:block; margin-top:3px; font-size:11px; }
html[data-player-theme="charcoal"] .live-activity-list {
 display:grid; grid-auto-flow:column; grid-auto-columns:minmax(240px,calc((100% - 24px)/3));
 gap:12px; overflow-x:auto; overscroll-behavior-x:contain; scroll-snap-type:x proximity;
 scroll-behavior:smooth; scrollbar-width:thin; padding:2px 0 8px; touch-action:pan-x pan-y pinch-zoom;
}
html[data-player-theme="charcoal"] .live-activity-card { scroll-snap-align:start; min-width:0; }
html[data-player-theme="charcoal"] .live-activity-card button {
 display:flex; align-items:center; gap:12px; width:100%; min-height:102px; padding:14px;
 text-align:left; background:var(--bg); border:1px solid var(--line); border-radius:10px; color:var(--text);
}
html[data-player-theme="charcoal"] .activity-record-icon { display:grid; place-items:center; flex:0 0 32px; height:32px; border-radius:50%; background:#142C25; color:#79D6AC; }
html[data-player-theme="charcoal"] .activity-record-copy { display:grid; gap:6px; min-width:0; }
html[data-player-theme="charcoal"] .activity-record-copy :is(small,time) { font-size:12px; color:var(--muted); }
html[data-player-theme="charcoal"] .activity-record-copy strong { font-size:17px; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
html[data-player-theme="charcoal"] .activity-record-copy strong span { font-size:13px; font-weight:500; }
html[data-player-theme="charcoal"] .activity-empty { margin:0; min-height:68px; color:var(--muted); font-size:13px; line-height:1.6; }
@media(max-width:600px) {
 html[data-player-theme="charcoal"] #cashoutProofGrid.proof-rotation-rail { grid-auto-columns:clamp(232px,68%,288px); gap:12px; }
 html[data-player-theme="charcoal"] .live-activity { padding:14px; margin:20px 0; }
 html[data-player-theme="charcoal"] .live-activity-heading { align-items:flex-start; flex-wrap:wrap; gap:12px; }
 html[data-player-theme="charcoal"] .live-activity-list { grid-auto-columns:min(256px,90%); }
 html[data-player-theme="charcoal"] .activity-metric { text-align:left; }
}
@media(prefers-reduced-motion:reduce) {
 html[data-player-theme="charcoal"] :is(#cashoutProofGrid.proof-rotation-rail,.live-activity-list) { scroll-behavior:auto; }
 html[data-player-theme="charcoal"] .proof-carousel-controls button { transition:none; transform:none; }
}