:root{
  --gold:#f4a51c;
  --gold2:#ffca54;
  --ink:#02070d;
  --navy:#061323;
  --navy2:#091b2e;
  --line:rgba(244,165,28,.72);
  --text:#f7f1e3;
  --muted:#b9c2cd;
  --teal:#18c8b0;
  --danger:#ff5b4a;
}
*{box-sizing:border-box}
html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#000;color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;touch-action:manipulation}
button{font:inherit;color:inherit}
button:focus-visible{outline:3px solid #fff;outline-offset:2px}
.hidden{display:none!important}
.viewport{position:fixed;inset:0;background:radial-gradient(circle at 50% 40%,#10151c 0,#040609 55%,#000 100%);overflow:hidden}
.app-canvas{position:absolute;width:1536px;height:714px;transform-origin:0 0;overflow:hidden;background:linear-gradient(180deg,#02070d,#050c14 54%,#02070d);box-shadow:0 0 80px rgba(0,0,0,.8);--theme-accent:#e1a22b;--theme-accent2:#ffd36b}
.app-canvas:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 52% 36%,rgba(255,171,35,.08),transparent 34%),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px);background-size:auto,28px 28px,28px 28px;pointer-events:none}
.app-canvas.theme-charli{--theme-accent:#15b7a6;--theme-accent2:#f6b238}
.app-canvas.theme-arctic{--theme-accent:#64d5ff;--theme-accent2:#dff7ff}
.app-canvas.theme-mountain{--theme-accent:#d7a747;--theme-accent2:#fff0bd}
.app-canvas.theme-santa{--theme-accent:#d43b35;--theme-accent2:#ffd37a}
.app-canvas.theme-muffet{--theme-accent:#e5a923;--theme-accent2:#fff0a8}
.panel{background:linear-gradient(180deg,rgba(7,18,31,.97),rgba(3,10,18,.98));border:1.5px solid var(--line);border-radius:12px;box-shadow:inset 0 0 0 1px rgba(255,194,75,.12),0 10px 30px rgba(0,0,0,.42)}
.eyebrow{font-size:10px;font-weight:900;letter-spacing:.22em;color:var(--gold2);text-transform:uppercase}

/* Reel Change mark */
.rc-mark{width:42px;height:42px;position:relative;display:inline-block;flex:none}
.rc-mark span{position:absolute;border:3px solid var(--gold);border-right-color:transparent;border-bottom-color:transparent;border-radius:50%;transform:rotate(-28deg)}
.rc-mark span:nth-child(1){inset:5px}.rc-mark span:nth-child(2){inset:11px}.rc-mark span:nth-child(3){inset:17px}
.rc-mark i{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--gold2);left:17px;top:17px;box-shadow:0 0 12px var(--gold)}
.rc-mark.large{width:72px;height:72px}.rc-mark.large span{border-width:5px}.rc-mark.large span:nth-child(1){inset:7px}.rc-mark.large span:nth-child(2){inset:18px}.rc-mark.large span:nth-child(3){inset:29px}.rc-mark.large i{width:12px;height:12px;left:30px;top:30px}
.rc-mark.small{width:34px;height:34px}.rc-mark.small span{border-width:2px}.rc-mark.small span:nth-child(1){inset:4px}.rc-mark.small span:nth-child(2){inset:9px}.rc-mark.small span:nth-child(3){inset:14px}.rc-mark.small i{width:6px;height:6px;left:14px;top:14px}

/* Top bar */
.topbar{position:absolute;left:104px;right:16px;top:8px;height:62px;display:grid;grid-template-columns:272px minmax(0,1fr) 398px;align-items:center;gap:8px;padding:6px 10px;z-index:20}
.brand-button{height:48px;border:0;background:transparent;display:grid;grid-template-columns:45px 58px 1fr 18px;align-items:center;gap:5px;padding:0 5px;cursor:pointer;text-align:left;border-radius:9px}
.brand-button:hover{background:rgba(255,255,255,.045)}
.brand-copy{display:flex;flex-direction:column;line-height:.95;padding-right:8px;border-right:1px solid rgba(244,165,28,.42)}
.brand-copy b{font-size:14px;letter-spacing:.14em;color:var(--gold2)}
.current-game{min-width:0;display:flex;flex-direction:column;padding-left:12px}.current-game small{font-size:7px;color:#7e8a97;letter-spacing:.15em}.current-game strong{font-family:Georgia,serif;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff}
.picker-caret{color:var(--gold);font-size:20px}
.top-actions{display:flex;align-items:center;justify-content:center;gap:5px;min-width:0}
.top-action{height:46px;border:1px solid rgba(244,165,28,.65);border-radius:10px;background:linear-gradient(180deg,rgba(15,30,46,.95),rgba(5,15,25,.96));padding:0 10px;display:flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;cursor:pointer;font-size:11px;box-shadow:inset 0 1px rgba(255,255,255,.04)}
.top-action:hover{border-color:var(--gold2);transform:translateY(-1px)}
.top-action.refill strong{color:var(--gold2);font-size:11px}.action-icon{font-size:16px}
.player-stats{display:grid;grid-template-columns:70px 170px 126px 42px;gap:6px;align-items:center}
.level-stat,.xp-stat,.coin-stat{height:46px;border:1px solid rgba(244,165,28,.3);border-radius:10px;background:rgba(1,8,15,.72);padding:5px 10px;display:flex;flex-direction:column;justify-content:center}
.level-stat{text-align:center}.level-stat small,.xp-stat small,.coin-stat small{font-size:8px;letter-spacing:.14em;color:#d9c694}.level-stat strong{font-size:17px}
.xp-stat>div:first-child{display:flex;justify-content:space-between;align-items:center}.xp-stat span{font-size:9px;color:#cbd3db}.xp-track{height:5px;background:#172330;border-radius:10px;overflow:hidden;margin-top:5px}.xp-track i{display:block;height:100%;width:0;background:linear-gradient(90deg,#8d62ff,#c388ff);border-radius:10px;transition:width .3s}
.coin-stat strong{font-size:16px;white-space:nowrap}.coin-dot{color:#ffb51e;text-shadow:0 0 8px #f90}
.menu-button{height:42px;width:42px;border:1px solid rgba(244,165,28,.45);border-radius:50%;background:#06111e;color:var(--gold2);font-size:20px;cursor:pointer}

/* Main shell */
.main-grid{position:absolute;left:104px;right:16px;top:78px;height:500px;display:grid;grid-template-columns:236px minmax(0,1fr) 256px;gap:12px;z-index:5}
.left-rail,.right-rail{display:flex;flex-direction:column;gap:10px;min-height:0}
.rail-card{padding:15px;overflow:hidden;min-height:0}
.rail-card h2{font-family:Georgia,serif;margin:7px 0 7px;font-size:23px;line-height:1.05}.rail-card p{margin:0;color:#d9e0e7;font-size:13px;line-height:1.4}
.sponsor-card{height:190px}.season-card{flex:1}.progress-track{height:8px;background:#182a38;border-radius:10px;margin:17px 0 10px;overflow:hidden;border:1px solid rgba(255,255,255,.08)}.progress-track i{display:block;height:100%;width:0;background:linear-gradient(90deg,#ffb731,#ffe06a);transition:width .3s}
.progress-row{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:12px}.progress-row span{border:1px solid #2364ae;background:#0a2a52;padding:7px 9px;border-radius:16px;font-size:10px;white-space:nowrap}
.season-heading{display:grid;grid-template-columns:1fr 66px;gap:8px;align-items:start}.season-heading h2{font-size:24px}.trophy{height:80px;border:1px solid rgba(244,165,28,.55);border-radius:12px;display:grid;place-items:center;font-size:38px;background:linear-gradient(180deg,#122033,#06101c)}
.rank{color:var(--gold2);font-weight:800;font-size:14px;margin:20px 0 13px}.rank span{font-weight:500;color:#aeb8c4}
.secondary-button{height:38px;border:1px solid rgba(244,165,28,.75);border-radius:9px;background:linear-gradient(180deg,#102137,#06111d);padding:0 14px;color:var(--gold2);font-weight:700;font-size:12px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:9px}.secondary-button:hover{background:#132a45}.secondary-button b{font-size:18px}

/* Game stage */
.game-stage{position:relative;overflow:hidden;padding:0;background:#090704}
.stage-backdrop{position:absolute;inset:0;background-image:linear-gradient(180deg,rgba(0,0,0,.10),rgba(0,0,0,.40)),url('assets/coffee_stage_bg.jpg');background-size:cover;background-position:center;filter:saturate(1.02);transition:background-image .25s}
.theme-charli .stage-backdrop{background-image:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.30)),url('assets/charli_stage_bg.jpg');filter:saturate(1.2)}
.theme-arctic .stage-backdrop{background-image:linear-gradient(180deg,rgba(0,9,28,.04),rgba(0,12,35,.18)),url('assets/arctic_frozen_stage.jpg');background-position:center 48%;filter:saturate(1.14) contrast(1.04)}
.theme-arctic .game-stage{background:#03142f;box-shadow:inset 0 0 52px rgba(59,202,255,.18),0 10px 30px rgba(0,0,0,.42)}
.theme-arctic .game-stage:after{background:linear-gradient(90deg,rgba(0,16,45,.12),transparent 28%,transparent 72%,rgba(0,13,39,.18)),linear-gradient(180deg,rgba(0,8,25,.08),transparent 25%,transparent 76%,rgba(0,11,35,.24));box-shadow:inset 0 0 34px rgba(76,214,255,.16)}
.game-stage:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.14),transparent 30%,transparent 72%,rgba(0,0,0,.24)),linear-gradient(180deg,rgba(0,0,0,.16),transparent 26%,transparent 76%,rgba(0,0,0,.34));pointer-events:none}
.hero-bay{position:absolute;left:8px;top:90px;bottom:20px;width:162px;border:1px solid rgba(255,191,62,.68);border-radius:9px;background-image:linear-gradient(180deg,transparent,rgba(0,0,0,.35)),url('assets/coffee_stage_bg.jpg');background-size:cover;background-position:24% center;box-shadow:inset 0 0 24px rgba(0,0,0,.25),0 8px 20px rgba(0,0,0,.28);z-index:2;transition:background-image .25s}
.theme-charli .hero-bay{background-image:linear-gradient(180deg,transparent,rgba(0,0,0,.22)),url('assets/charli_hero.jpg');background-position:center 42%}
.theme-arctic .hero-bay{background-image:linear-gradient(180deg,transparent,rgba(0,8,25,.20)),url('assets/arctic_walrus_throne.jpg');background-position:center 38%;border-color:rgba(115,226,255,.86);box-shadow:inset 0 0 24px rgba(29,192,255,.16),0 0 18px rgba(46,190,255,.20)}
.game-logo{position:absolute;left:50%;top:5px;transform:translateX(-50%);width:330px;height:83px;object-fit:contain;z-index:4;mix-blend-mode:screen;filter:drop-shadow(0 5px 9px rgba(0,0,0,.65));border-radius:16px}
.theme-charli .game-logo{width:355px;height:88px;mix-blend-mode:normal;border-radius:12px;box-shadow:0 4px 16px rgba(0,0,0,.35)}
.theme-arctic .game-logo{top:4px;width:402px;height:86px;mix-blend-mode:normal;border:1px solid rgba(121,230,255,.82);border-radius:13px;background:#031b3c;padding:2px;box-shadow:0 4px 18px rgba(0,0,0,.48),0 0 20px rgba(52,196,255,.24)}
.theme-arctic .game-tagline{display:none}
.game-tagline{position:absolute;top:76px;left:196px;right:124px;text-align:center;font-size:9px;font-weight:900;letter-spacing:.19em;color:#ffd76d;z-index:4;text-shadow:0 2px 4px #000}
.reel-frame{position:absolute;left:178px;right:116px;top:91px;bottom:20px;padding:5px;border:2px solid rgba(255,184,45,.82);border-radius:10px;background:linear-gradient(180deg,#25170c,#080706);box-shadow:0 0 0 2px rgba(69,41,13,.88),0 8px 22px rgba(0,0,0,.42);z-index:5;overflow:hidden}
.reel-grid{width:100%;height:100%;display:grid;grid-template-columns:repeat(var(--grid-cols,5),1fr);grid-template-rows:repeat(var(--grid-rows,3),1fr);gap:4px}
.symbol-card{position:relative;min-width:0;min-height:0;border:1px solid rgba(220,156,47,.65);border-radius:5px;overflow:hidden;background:#1a130e;box-shadow:inset 0 0 14px rgba(0,0,0,.25);cursor:pointer}
.symbol-card img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .16s,filter .16s}.symbol-card:hover img{transform:scale(1.04);filter:brightness(1.08)}
.symbol-card.spinning img{animation:reelBlur .1s linear infinite;filter:blur(1.3px) brightness(.75)}
.symbol-card.win{outline:3px solid #ffe082;outline-offset:-3px;box-shadow:inset 0 0 18px #ffc13c,0 0 18px rgba(255,190,50,.8);animation:winPulse .7s infinite alternate;z-index:3}
@keyframes reelBlur{0%{transform:translateY(-8%) scale(1.05)}100%{transform:translateY(8%) scale(1.05)}}
@keyframes winPulse{from{filter:brightness(1)}to{filter:brightness(1.35)}}
.payline-overlay{position:absolute;inset:5px;width:calc(100% - 10px);height:calc(100% - 10px);pointer-events:none;z-index:8;overflow:visible}
.payline-overlay polyline{fill:none;stroke:#ffd65b;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 5px #ff9f1c)}
.win-banner{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);min-width:220px;padding:10px 16px;border:2px solid #ffd15b;border-radius:14px;background:rgba(2,8,15,.92);display:flex;flex-direction:column;align-items:center;z-index:15;box-shadow:0 0 24px rgba(255,183,39,.58)}.win-banner span{font-size:9px;letter-spacing:.2em;color:#ffd36a}.win-banner strong{font-size:28px;color:#fff}.win-banner small{font-size:10px;color:#cbd5df}
.stage-specials{position:absolute;right:8px;top:90px;bottom:20px;width:104px;display:grid;grid-template-rows:1fr 1fr;gap:7px;z-index:5}
.special-card{border:1px solid rgba(255,190,62,.74);border-radius:9px;background:linear-gradient(180deg,rgba(41,25,12,.96),rgba(12,8,5,.97));display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6px;text-align:center;overflow:hidden}.special-card small{color:#ffd15b;font-family:Georgia,serif;font-weight:700;font-size:12px}.special-card img{width:74px;height:74px;object-fit:cover;border-radius:8px;margin:5px 0;border:1px solid rgba(255,204,91,.5)}.special-card span{font-size:8px;color:#f7d780;font-weight:800;letter-spacing:.08em}
.stage-info{position:absolute;left:14px;top:14px;width:30px;height:30px;border-radius:50%;border:1px solid var(--gold2);background:rgba(3,12,20,.8);color:var(--gold2);font-family:Georgia,serif;font-size:18px;z-index:6;cursor:pointer}

/* Right rail */
.project-card{height:318px}.project-card h2{font-size:22px;margin-bottom:3px}.project-card .location{font-size:12px;color:#d8e0e6}.funding-row{display:grid;grid-template-columns:67px 1fr;gap:10px;align-items:center;margin:11px 0 8px}.percent-ring{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--gold) 0 73%,#243445 73%);position:relative}.percent-ring:before{content:"";position:absolute;inset:7px;border-radius:50%;background:#07121f}.percent-ring strong{z-index:1;color:var(--gold2);font-size:17px}.funding-amount{display:block;font-size:22px}.funding-row small{font-size:11px;color:#d5dbe2;line-height:1.2;display:block;margin-top:2px}
.project-card dl{margin:0;display:grid;gap:7px}.project-card dl div{display:grid;gap:2px}.project-card dt{font-size:8px;letter-spacing:.18em;color:var(--gold2);font-weight:900}.project-card dd{margin:0;font-size:11px;line-height:1.2;color:#f2f3f4}.project-card .secondary-button{margin-top:10px}
.media-card{flex:1;padding:12px}.media-head{display:flex;align-items:center;justify-content:space-between}.media-head h2{font-size:18px;margin:3px 0 6px}.media-head>div:last-child{display:flex;gap:5px}.media-head button,.media-controls button{width:30px;height:30px;border-radius:50%;border:1px solid rgba(244,165,28,.42);background:#0c1a28;color:#f6bd4b;font-size:12px}
.video-thumb{width:100%;height:91px;border:1px solid rgba(244,165,28,.6);border-radius:8px;background:linear-gradient(180deg,rgba(3,4,7,.15),rgba(2,4,7,.75)),url('assets/coffee_stage_bg.jpg') center/cover;display:grid;place-items:center;position:relative;overflow:hidden;cursor:pointer}.video-thumb span{font-family:Georgia,serif;font-weight:900;font-size:20px;color:#d5b06c;text-shadow:0 2px 6px #000}.video-thumb i{position:absolute;width:48px;height:36px;border-radius:9px;background:#e42031;display:grid;place-items:center;color:white;font-style:normal;box-shadow:0 5px 12px rgba(0,0,0,.35)}
.media-controls{display:flex;justify-content:space-between;margin-top:6px}.media-controls button{width:28px;height:24px;border-radius:7px;font-size:10px}

/* Bottom controls */
.control-bar{position:absolute;left:104px;right:16px;top:586px;height:96px;padding:7px 14px;display:grid;grid-template-columns:238px 300px 170px 250px 220px;gap:12px;justify-content:center;align-items:center;z-index:20;overflow:visible}
.control-card{height:72px;border:1px solid rgba(244,165,28,.35);border-radius:12px;background:linear-gradient(180deg,rgba(10,24,39,.92),rgba(4,13,22,.94));box-shadow:inset 0 1px rgba(255,255,255,.03)}
.bet-control{display:grid;grid-template-columns:52px 1fr 52px;align-items:center;padding:0 8px}.bet-control button{width:46px;height:46px;border-radius:50%;border:1px solid rgba(244,165,28,.62);background:#061321;color:var(--gold2);font-size:28px}.bet-control div{text-align:center}.bet-control small,.status-control small,.bet-per-spin small{font-size:9px;letter-spacing:.2em;color:var(--gold2);font-weight:800}.bet-control strong{display:block;font-size:27px;margin-top:2px}
.status-control{display:grid;grid-template-columns:14px 1fr;gap:8px;align-items:center;padding:0 16px}.status-control>i{width:12px;height:12px;border-radius:50%;background:#1cd8bd;box-shadow:0 0 12px #1cd8bd}.status-control div{display:flex;flex-direction:column}.status-control strong{font-family:Georgia,serif;color:#ffd369;font-size:23px;line-height:1.05}.status-control span{font-size:11px;color:#d3dce4;margin-top:4px}
.spin-button{width:116px;height:116px;border-radius:50%;align-self:center;justify-self:center;border:2px solid #ffc44e;background:radial-gradient(circle,#182b3d 0 56%,#51320d 57% 65%,#ffbb32 66% 68%,#0d1823 69%);box-shadow:0 0 0 4px #5b3a10,0 8px 24px rgba(0,0,0,.58),inset 0 0 18px rgba(255,197,81,.3);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;position:relative;cursor:pointer;z-index:30}.spin-button:hover{filter:brightness(1.1);transform:scale(1.02)}.spin-button:active{transform:scale(.97)}.spin-button .spin-rim{position:absolute;inset:8px;border:2px dashed rgba(255,224,142,.72);border-radius:50%;animation:spinRim 11s linear infinite}@keyframes spinRim{to{transform:rotate(360deg)}}.spin-button strong{font-size:28px;color:#fff6d5;text-shadow:0 3px 4px #000;line-height:.9}.spin-button small{font-size:8px;letter-spacing:.16em;color:#f9bd43;font-weight:900;margin-top:5px}.spin-button[disabled]{opacity:.7;cursor:not-allowed}
.mode-control{display:grid;grid-template-columns:1fr 1fr;padding:8px;gap:8px}.mode-control button{border:1px solid rgba(244,165,28,.36);border-radius:10px;background:#0b1a29;font-weight:700;font-size:14px}.mode-control button.active{background:#17395b;border-color:#ffc247;color:#ffd260}
.bet-per-spin{display:flex;flex-direction:column;align-items:center;justify-content:center}.bet-per-spin strong{font-size:29px;margin-top:5px}



/* Dashboard view */
.dashboard-view{position:absolute;left:104px;right:16px;top:78px;bottom:12px;display:none;z-index:8}
.dashboard-grid{height:100%;display:grid;grid-template-rows:108px 1fr 162px;gap:12px}
.dashboard-feature{padding:16px 18px;display:flex;flex-direction:column;justify-content:space-between}
.dashboard-feature h2,.dashboard-library h2{font-family:Georgia,serif;margin:6px 0 4px;font-size:34px;line-height:1}
.dashboard-feature p,.dashboard-library p,.dashboard-card p{margin:0;color:#d9e0e7;font-size:14px;line-height:1.45}
.feature-copy{display:flex;align-items:center;justify-content:space-between;gap:24px}.feature-progress{display:flex;align-items:center;gap:14px}
.dashboard-library{position:relative;padding:16px 18px;display:flex;flex-direction:column;min-height:0;overflow:hidden}
.library-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:12px}
.dashboard-rail{display:flex;gap:14px;overflow-x:auto;overflow-y:hidden;padding-bottom:6px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
.dashboard-rail::-webkit-scrollbar{height:8px}.dashboard-rail::-webkit-scrollbar-thumb{background:rgba(244,165,28,.55);border-radius:999px}.dashboard-rail::-webkit-scrollbar-track{background:rgba(255,255,255,.05);border-radius:999px}
.dashboard-game-card{position:relative;flex:0 0 430px;height:100%;min-height:250px;border:1.5px solid rgba(244,165,28,.5);border-radius:18px;overflow:hidden;background:#07111c;padding:0;text-align:left;cursor:pointer;scroll-snap-align:start;box-shadow:inset 0 0 0 1px rgba(255,194,75,.08),0 10px 28px rgba(0,0,0,.35)}
.dashboard-game-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.74) saturate(1.02)}
.dashboard-game-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,7,13,.15),rgba(3,7,13,.35) 40%,rgba(3,7,13,.93) 100%)}
.dashboard-game-card:hover{transform:translateY(-2px);border-color:#ffd267}.dashboard-game-card .card-copy{position:absolute;left:18px;right:18px;bottom:16px;display:flex;flex-direction:column;gap:5px;z-index:2}
.dashboard-game-card .card-copy b{font-family:Georgia,serif;font-size:34px;color:#fff4d5}.dashboard-game-card .card-copy small{font-size:13px;color:#dbe4ec;line-height:1.4}.dashboard-game-card .card-copy em{font-style:normal;font-weight:800;letter-spacing:.12em;color:#ffd060;font-size:12px;text-transform:uppercase;margin-top:4px}
.game-chip{position:absolute;left:16px;top:16px;z-index:2;background:rgba(8,27,47,.92);border:1px solid rgba(244,165,28,.62);color:#ffd46c;border-radius:999px;padding:8px 12px;font-size:10px;font-weight:900;letter-spacing:.16em}.game-chip.new{background:#0f5b55;color:#d7fff8;border-color:#18c8b0}.game-chip.soon{background:#2c2136;color:#f1dcff;border-color:#ae78ff}
.card-upcoming{background:linear-gradient(180deg,#121425,#0a0f18)}.card-upcoming:before{background:linear-gradient(180deg,rgba(18,20,37,.2),rgba(10,15,24,.9))}.upcoming-art{position:absolute;inset:0;display:grid;place-items:center;font-family:Georgia,serif;font-size:110px;color:rgba(255,207,94,.14);letter-spacing:.04em}
.dashboard-lower{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.dashboard-card{padding:14px;display:flex;flex-direction:column;justify-content:space-between}.dashboard-card h3{font-family:Georgia,serif;font-size:22px;line-height:1.05;margin:7px 0 8px;color:#fff1cb}
.app-canvas.dashboard-active .dashboard-view{display:block}.app-canvas.dashboard-active .main-grid,.app-canvas.dashboard-active .control-bar{opacity:0;visibility:hidden;pointer-events:none}
.app-canvas.dashboard-active .topbar{z-index:25}
.library-head-actions{display:flex;align-items:center;gap:12px;flex:none}.rail-hint{font-size:11px;font-weight:800;letter-spacing:.08em;color:#ffd46e;opacity:.9;white-space:nowrap}
.dashboard-library:before,.dashboard-library:after{content:"";position:absolute;top:76px;bottom:14px;width:28px;pointer-events:none;z-index:3}.dashboard-library:before{left:0;background:linear-gradient(90deg,rgba(3,11,18,.96),rgba(3,11,18,0))}.dashboard-library:after{right:0;background:linear-gradient(270deg,rgba(3,11,18,.98),rgba(3,11,18,0))}
.dashboard-game-card .card-copy b{font-family:Georgia,serif;font-size:38px;color:#fff4d5}
.dashboard-game-card.card-charli .card-copy b{font-size:36px}
.dashboard-game-card .card-copy small{font-size:14px;color:#dbe4ec;line-height:1.45}
.dashboard-game-card .card-copy em{font-style:normal;font-weight:800;letter-spacing:.12em;color:#ffd060;font-size:12px;text-transform:uppercase;margin-top:6px}
.dashboard-game-card:focus-visible{outline:3px solid #fff;outline-offset:3px}


/* Modals */
.modal{border:0;padding:0;background:transparent;color:var(--text);max-width:none;max-height:none}.modal::backdrop{background:rgba(0,0,0,.78);backdrop-filter:blur(6px)}.modal-panel{position:relative;width:min(920px,90vw);max-height:88vh;overflow:auto;padding:28px;border:1px solid rgba(244,165,28,.72);border-radius:18px;background:linear-gradient(180deg,#0a1b2b,#030b13);box-shadow:0 30px 80px #000}.modal-panel>h2{font-family:Georgia,serif;font-size:38px;margin:7px 0 8px}.modal-panel>p{color:#cdd6df;line-height:1.5}.modal-close{position:absolute;right:13px;top:12px;width:36px;height:36px;border-radius:50%;border:1px solid rgba(244,165,28,.5);background:#081522;color:#ffd263;font-size:24px}.game-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:22px}.game-card-option{position:relative;border:1px solid rgba(244,165,28,.5);border-radius:14px;overflow:hidden;background:#07111c;padding:0;text-align:left;cursor:pointer}.game-card-option img{width:100%;height:220px;object-fit:cover;display:block;filter:brightness(.76)}.game-card-option span{display:flex;flex-direction:column;padding:14px 16px}.game-card-option b{font-family:Georgia,serif;font-size:25px}.game-card-option small{color:#b8c3ce;margin-top:3px}.game-card-option em{position:absolute;right:12px;top:12px;background:#12bfa9;color:#022620;border-radius:16px;padding:6px 10px;font-size:10px;font-weight:900;font-style:normal;letter-spacing:.12em}.game-card-option:hover{border-color:#ffd267;transform:translateY(-2px)}
.info-panel{width:min(980px,92vw)}.info-panel h2{font-family:Georgia,serif;font-size:34px;color:#ffd36e}.info-panel h3{color:#ffca55}.info-panel p,.info-panel li{line-height:1.55;color:#d9e0e7}.paytable-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.paytable-symbol{border:1px solid rgba(244,165,28,.38);border-radius:10px;background:#071522;overflow:hidden;text-align:center}.paytable-symbol img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.paytable-symbol b{display:block;padding:7px;font-size:11px}.paytable-symbol small{display:block;padding:0 7px 9px;color:#f2bd4b}
.symbol-tooltip{position:fixed;z-index:100;width:220px;border:1px solid rgba(244,165,28,.7);border-radius:12px;background:rgba(3,11,19,.97);box-shadow:0 14px 35px rgba(0,0,0,.5);padding:10px;pointer-events:none}.symbol-tooltip img{width:58px;height:58px;object-fit:cover;border-radius:8px;float:left;margin-right:9px}.symbol-tooltip b{font-size:13px;color:#ffd160}.symbol-tooltip p{font-size:10px;line-height:1.35;color:#d6dde5;margin:5px 0 0}

/* Startup + orientation */
.startup-screen{position:fixed;inset:0;z-index:200;overflow:hidden;background:radial-gradient(circle at 50% 34%,#17293d 0%,#09131d 38%,#03070c 66%,#000 100%);display:grid;place-items:center;transition:opacity .45s,visibility .45s}.startup-screen::before{content:"";position:absolute;inset:-8%;background:radial-gradient(circle at 50% 40%,rgba(244,165,28,.15),transparent 28%),linear-gradient(180deg,rgba(255,210,106,.05),rgba(0,0,0,0) 55%);filter:blur(14px);pointer-events:none}.startup-screen.complete{opacity:0;visibility:hidden;pointer-events:none}.startup-topbar{position:absolute;top:max(18px,calc(env(safe-area-inset-top,0px) + 8px));left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding-left:max(20px,calc(env(safe-area-inset-left,0px) + 16px));padding-right:max(20px,calc(env(safe-area-inset-right,0px) + 16px));z-index:3}.startup-brand{display:flex;align-items:center;gap:12px}.startup-brand-copy{display:flex;flex-direction:column;line-height:1.05}.startup-brand-copy b{font-size:24px;letter-spacing:.12em;color:#fff4d2}.startup-brand-copy small{font-size:10px;letter-spacing:.18em;color:#bfc9d5;margin-top:3px}.startup-skip{height:42px;min-width:100px;padding:0 18px;border-radius:999px;border:1px solid rgba(244,165,28,.58);background:rgba(7,16,24,.72);box-shadow:0 8px 30px rgba(0,0,0,.24);font-weight:800;letter-spacing:.12em;color:#fff2cb;cursor:pointer}.startup-skip:hover{border-color:#ffd36a;background:rgba(13,25,37,.94)}.startup-story-card{position:relative;z-index:2;width:min(1120px,92vw);text-align:center;padding:36px 0 0}.startup-story-card .eyebrow{margin-bottom:16px;color:#f1bd55;letter-spacing:.25em}.startup-lines{position:relative;height:310px;max-width:min(1080px,88vw);margin:0 auto}.startup-line{position:absolute;left:50%;width:min(1080px,88vw);transform:translateX(-50%);margin:0;color:#f5f7f9;text-shadow:0 3px 18px rgba(0,0,0,.75);opacity:0;will-change:opacity}.startup-line-1{top:42px;font-family:Georgia,serif;font-size:clamp(34px,4.4vw,58px);line-height:1.16;color:#fff4d5}.startup-line-2{top:132px;font-size:clamp(21px,2.45vw,34px);line-height:1.34;font-weight:700;color:#f1d79b}.startup-line-3,.startup-line-4,.startup-line-5,.startup-line-6{top:90px;font-family:Georgia,serif;font-size:clamp(30px,4vw,54px);line-height:1.2;color:#fff4d5}.startup-line-4{font-size:clamp(25px,3vw,40px);line-height:1.28}.startup-line-5{color:#ffd36a}.startup-track{height:12px;border-radius:999px;background:rgba(19,36,49,.92);border:1px solid rgba(244,165,28,.24);overflow:hidden;margin:0 auto 12px;width:min(820px,78vw);box-shadow:inset 0 1px 3px rgba(255,255,255,.05),0 5px 26px rgba(0,0,0,.3)}.startup-track div{height:100%;width:0;background:linear-gradient(90deg,#d08b1d,#ffd86f);box-shadow:0 0 14px rgba(255,207,94,.42);transition:width .1s}.startup-story-card small{display:block;color:#b9c3cf;letter-spacing:.18em;font-size:11px}.startup-rails{position:absolute;inset:0;pointer-events:none;opacity:.85}.startup-rail{position:absolute;bottom:-6vh;height:74vh;width:4px;border-radius:3px;background:linear-gradient(180deg,rgba(255,210,117,.06),rgba(255,210,117,.38) 60%,rgba(255,210,117,.68));box-shadow:0 0 18px rgba(255,199,92,.1)}.startup-rail-left{left:calc(50% - 220px);transform-origin:bottom center;transform:perspective(700px) rotateX(72deg)}.startup-rail-right{left:calc(50% + 216px);transform-origin:bottom center;transform:perspective(700px) rotateX(72deg)}.startup-tie{position:absolute;left:50%;height:3px;background:rgba(238,191,96,.38);transform:translateX(-50%);box-shadow:0 0 10px rgba(255,199,92,.12)}.startup-tie-1{bottom:16vh;width:48vw}.startup-tie-2{bottom:24vh;width:38vw}.startup-tie-3{bottom:31vh;width:28vw}.startup-tie-4{bottom:37vh;width:18vw}.startup-tie-5{bottom:42vh;width:10vw}.rotate-notice{display:none;position:fixed;inset:0;z-index:300;background:#02070d;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:8px;padding:30px}.rotate-notice .rotate-phone{font-size:70px;color:#ffc145}.rotate-notice strong{font-family:Georgia,serif;font-size:30px;color:#ffd36a}.rotate-notice span{color:#c5cfda}
@media (max-height:760px){.startup-lines{height:250px}.startup-line-1{top:32px}.startup-line-2{top:112px}.startup-line-3,.startup-line-4,.startup-line-5,.startup-line-6{top:72px}.startup-brand-copy b{font-size:21px}.startup-track{width:min(760px,78vw)}}
@media (max-height:620px){.startup-topbar{top:max(12px,calc(env(safe-area-inset-top,0px) + 4px))}.startup-brand-copy b{font-size:19px}.startup-brand-copy small{font-size:9px}.startup-story-card{padding-top:28px}.startup-story-card .eyebrow{margin-bottom:8px}.startup-lines{height:208px}.startup-line-1{top:26px;font-size:clamp(28px,3.5vw,46px)}.startup-line-2{top:94px;font-size:clamp(18px,2vw,28px)}.startup-line-3,.startup-line-4,.startup-line-5,.startup-line-6{top:58px;font-size:clamp(24px,3vw,40px)}.startup-line-4{font-size:clamp(20px,2.5vw,31px)}.startup-track{height:10px;margin-bottom:8px}}


@media (orientation:portrait) and (pointer:coarse){.rotate-notice{display:flex}.viewport,.startup-screen{display:none}}
@media (max-width:720px){.modal-panel{padding:22px}.game-cards{grid-template-columns:1fr}.game-card-option img{height:150px}.paytable-grid{grid-template-columns:repeat(3,1fr)}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

@media (max-height:500px){.dashboard-grid{grid-template-rows:96px 1fr 148px}.dashboard-game-card{flex-basis:400px}.dashboard-card h3{font-size:20px}.dashboard-feature h2,.dashboard-library h2{font-size:30px}.library-head{margin-bottom:10px}.rail-hint{font-size:10px}}

/* v10.3 — restored command-center dashboard + inline video */
.topbar{grid-template-columns:300px minmax(0,1fr) 398px}
.progress-row{font-size:11px}.progress-row span{font-size:9px;padding:6px 7px}
.project-card{padding:13px}.project-card dl{gap:5px}.project-card .secondary-button{height:32px;margin-top:6px}

.dashboard-view{position:absolute;left:104px;right:16px;top:78px;bottom:8px;display:none;z-index:8}
.dashboard-shell{height:100%;display:grid;grid-template-rows:48px 296px 192px 28px;gap:10px}
.app-canvas.dashboard-active .dashboard-view{display:block}
.app-canvas.dashboard-active .main-grid,.app-canvas.dashboard-active .control-bar{opacity:0;visibility:hidden;pointer-events:none}
.app-canvas.dashboard-active .top-actions{display:none}
.app-canvas.dashboard-active .topbar{grid-template-columns:minmax(0,1fr) 398px;z-index:25}
.app-canvas.dashboard-active .brand-button{max-width:410px}
.app-canvas.dashboard-active .picker-caret{display:none}

.dashboard-nav{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;padding:6px 22px;align-items:center}
.dashboard-nav-button{position:relative;height:36px;border:1px solid rgba(244,165,28,.44);border-radius:10px;background:linear-gradient(180deg,rgba(13,28,44,.96),rgba(5,14,24,.98));display:flex;align-items:center;justify-content:center;gap:10px;font-size:14px;cursor:pointer}
.dashboard-nav-button span{color:#ffd36b;font-size:18px}.dashboard-nav-button b{font-weight:700}.dashboard-nav-button i{position:absolute;right:10px;top:-7px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:#3d8f2c;border:1px solid #8fd071;color:#fff;font-size:9px;font-style:normal}
.dashboard-nav-button:hover{border-color:#ffd267;transform:translateY(-1px)}

.dashboard-main-row{display:grid;grid-template-columns:382px minmax(0,1fr);gap:10px;min-height:0}
.mission-overview{position:relative;overflow:hidden;padding:18px;display:flex;align-items:stretch;background:linear-gradient(135deg,#071421 0%,#06101a 56%,#10120d 100%)}
.mission-overview:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,12,20,.98) 0 54%,rgba(4,12,20,.28) 78%,rgba(4,12,20,.05));pointer-events:none}
.mission-overview img{position:absolute;right:-10px;top:0;width:58%;height:100%;object-fit:cover;filter:saturate(1.05) brightness(.78)}
.mission-copy{position:relative;z-index:2;width:64%;display:flex;flex-direction:column}
.mission-copy h2{font-family:Georgia,serif;font-size:30px;line-height:1.03;margin:9px 0 4px;color:#fff2cf}.mission-copy>p{font-size:14px;margin:0;color:#e0e7ed}
.mission-progress-row{display:flex;align-items:center;gap:12px;margin-top:20px}.mission-progress-row .percent-ring{width:72px;height:72px}.mission-progress-row .funding-amount{font-size:24px}.mission-progress-row small{display:block;font-size:12px;line-height:1.3;color:#d9e0e7;margin-top:3px}
.mission-match{display:flex;align-items:center;gap:8px;margin-top:auto;font-size:13px;color:#e3e8ed}
.mission-link{align-self:flex-start;margin-top:10px;border:0;background:transparent;color:#ffd36a;font-weight:800;padding:0;cursor:pointer}

.game-journey{position:relative;overflow:hidden;min-width:0}
.game-rail{height:100%;display:flex;gap:10px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:0 42px 0 42px;scrollbar-width:none}
.game-rail::-webkit-scrollbar{display:none}
.journey-card{position:relative;flex:0 0 222px;height:100%;border:1.5px solid rgba(244,165,28,.48);border-radius:14px;overflow:hidden;background:#07111c;padding:0;cursor:pointer;text-align:left;scroll-snap-align:start;box-shadow:0 10px 28px rgba(0,0,0,.4);display:block}
.journey-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center center;filter:brightness(.98) saturate(1.03);background:#07111c}
.journey-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,7,12,.04) 0%,rgba(2,7,12,.02) 45%,rgba(2,7,12,.26) 100%)}
.journey-card:hover{border-color:#ffd269;transform:translateY(-2px)}
.journey-kicker{position:absolute;left:14px;top:12px;z-index:2;font-size:9px;font-weight:900;letter-spacing:.14em;color:#ffd36b;text-shadow:0 2px 4px #000}
.journey-bottom{display:none}
.narrow-card{flex-basis:196px}
.rail-next,.rail-prev{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:42px;height:64px;border-radius:22px;border:1px solid rgba(244,165,28,.6);background:rgba(4,13,22,.88);color:#ffd36b;font-size:36px;display:grid;place-items:center;cursor:pointer;box-shadow:0 8px 20px rgba(0,0,0,.45)}
.rail-next{right:8px}
.rail-prev{left:8px}
.rail-next.hidden,.rail-prev.hidden{opacity:.12;pointer-events:none}

.dashboard-bottom-row{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(285px,.72fr) minmax(285px,.72fr);gap:10px;min-height:0}
.today-panel,.crew-summary,.wallet-summary{padding:13px;overflow:hidden}
.dashboard-section-title{font-size:10px;font-weight:900;letter-spacing:.18em;color:#ffca54;margin-bottom:9px}.dashboard-section-title b{float:right;font-size:18px}
.today-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;height:140px}
.today-card{position:relative;overflow:hidden;border:1px solid rgba(244,165,28,.34);border-radius:10px;background:linear-gradient(160deg,#0b1b2a,#07101a);padding:12px;text-align:left;display:flex;flex-direction:column;align-items:flex-start;cursor:pointer}
.today-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(2,7,12,.55));pointer-events:none}.today-card>*{position:relative;z-index:2}
.today-card span{font-size:8px;letter-spacing:.12em;color:#ffd36b}.today-card b{font-family:Georgia,serif;font-size:17px;margin:5px 0;color:#fff1cf}.today-card small{font-size:11px;color:#f1f4f6}.today-card em{font-size:10px;color:#cbd5dd;font-style:normal;margin-top:auto}
.sponsor-today{background:linear-gradient(160deg,rgba(6,28,53,.84),rgba(5,15,27,.96)),radial-gradient(circle at 20% 50%,#1355b7,transparent 46%)}
.season-today{background:linear-gradient(160deg,rgba(21,40,16,.88),rgba(5,15,13,.97)),url('assets/coffee_blossom.jpg') right center/cover}
.live-today{background:linear-gradient(160deg,rgba(41,14,11,.52),rgba(6,12,18,.94)),url('assets/coffee_stage_bg.jpg') center/cover}
.crew-summary{cursor:pointer}.crew-content{display:flex;align-items:center;gap:12px}.crew-badge{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;border:2px solid rgba(244,165,28,.45);background:#17202b;font-family:Georgia,serif;color:#ffd36b;font-weight:900}.crew-content strong{display:block;font-family:Georgia,serif;font-size:18px}.crew-content span{font-size:13px;color:#d2dae2}.crew-progress{height:7px;background:#22303d;border-radius:10px;overflow:hidden;margin:12px 0 5px}.crew-progress i{display:block;height:100%;width:62%;background:linear-gradient(90deg,#d98e22,#ffd166)}.crew-xp{font-size:13px;color:#dce3e9}.crew-avatars{display:flex;align-items:center;gap:6px;margin-top:14px}.crew-avatars span{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#1f3444;color:#f1b547;border:1px solid rgba(255,255,255,.18)}.crew-avatars b{margin-left:auto;border:1px solid rgba(244,165,28,.35);border-radius:14px;padding:5px 9px;font-size:11px}
.wallet-summary{display:flex;flex-direction:column}.wallet-line{display:flex;align-items:center;justify-content:space-between;padding:9px 4px;border-bottom:1px solid rgba(255,255,255,.08);font-size:14px}.wallet-line strong{font-size:16px}.wallet-reward{margin-top:auto;height:40px;border:1px solid rgba(244,165,28,.4);border-radius:9px;background:#0c1a28;display:grid;grid-template-columns:1fr auto 18px;align-items:center;padding:0 10px;cursor:pointer}.wallet-reward span{font-weight:700}.wallet-reward strong{color:#ffd36b;font-size:13px}.wallet-reward b{font-size:18px;color:#ffd36b}
.dashboard-swipe-cue{display:flex;align-items:center;justify-content:center;gap:10px;color:#9da9b4;font-size:12px}.dashboard-swipe-cue>span{color:#d3a44c;font-size:18px}.dashboard-swipe-cue i{width:6px;height:6px;border-radius:50%;background:#46515d}.dashboard-swipe-cue i.active{background:#fff}

.video-panel{width:min(980px,92vw);padding:22px}.video-panel h2{font-family:Georgia,serif;font-size:32px;margin:6px 0 12px;color:#ffd36b}.video-frame-wrap{position:relative;width:100%;aspect-ratio:16/9;background:#000;border:1px solid rgba(244,165,28,.5);border-radius:14px;overflow:hidden}.video-frame-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.video-panel>p{color:#cbd5df;margin-bottom:0}

@media (max-height:500px){
  .dashboard-shell{grid-template-rows:44px 276px 176px 24px;gap:8px}
  .dashboard-nav{padding:4px 18px}.dashboard-nav-button{height:34px;font-size:13px}
  .dashboard-main-row{grid-template-columns:350px minmax(0,1fr)}
  .journey-card{flex-basis:205px}.journey-bottom b{font-size:22px}
  .today-grid{height:126px}.today-card{padding:10px}.today-card b{font-size:15px}
}

/* v10.4 — iPhone fit, inline video, compact paytable and marketplace */
.main-grid{height:492px}
.control-bar{top:576px;height:106px;padding:5px 14px;grid-template-columns:238px 300px 154px 250px 220px;gap:10px;align-items:center}
.control-card{height:68px}
.spin-button{width:100px;height:100px;box-shadow:0 0 0 3px #5b3a10,0 7px 20px rgba(0,0,0,.58),inset 0 0 15px rgba(255,197,81,.3)}
.spin-button .spin-rim{inset:7px}.spin-button strong{font-size:25px}.spin-button small{font-size:7px}.spin-button .rc-mark.small{transform:scale(.88);margin-bottom:-2px}
.bet-control strong{font-size:25px}.status-control strong{font-size:21px}.mode-control{padding:7px}.bet-per-spin strong{font-size:27px}

.dashboard-shell{grid-template-rows:46px 294px 178px 22px;gap:8px;align-content:start}
.dashboard-nav{padding:5px 20px;gap:12px}.dashboard-nav-button{height:36px}
.dashboard-main-row{grid-template-columns:372px minmax(0,1fr);gap:9px}
.game-rail{gap:8px;padding-right:42px}
.journey-card{flex-basis:224px}.journey-card img{display:block;object-fit:contain;background:#07111c}
.dashboard-bottom-row{grid-template-columns:minmax(0,1.55fr) minmax(275px,.72fr) minmax(275px,.72fr);gap:9px}
.today-panel,.crew-summary,.wallet-summary{padding:11px}.today-grid{height:126px}.today-card{padding:10px}.today-card b{font-size:15px}.today-card em{font-size:9px}
.dashboard-section-title{margin-bottom:7px}.crew-progress{margin:9px 0 4px}.crew-avatars{margin-top:10px}.wallet-line{padding:7px 4px}.wallet-reward{height:36px}
.dashboard-swipe-cue{font-size:11px;gap:8px}

.media-video-shell{position:relative;width:100%;height:91px;border-radius:8px;overflow:hidden;background:#000}
.media-video-shell .video-thumb{position:absolute;inset:0;height:100%}
.media-inline-frame{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000}
.media-audio{
  position:absolute;
  z-index:3;
  left:8px;
  right:8px;
  bottom:6px;
  width:calc(100% - 16px);
  height:31px;
  filter:sepia(.35) saturate(.8);
}
.video-thumb.media-audio-source{z-index:1;padding-bottom:30px}
.video-thumb.media-audio-source i{background:linear-gradient(180deg,#f4b940,#a86500);color:#07111c;border:1px solid #ffe1a0}
.video-thumb.media-audio-playing i{box-shadow:0 0 18px rgba(244,185,64,.78)}
.media-controls button{cursor:pointer}
.media-inline-frame.hidden{display:none}

.project-library{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:10px}
.project-option{border:1px solid rgba(244,165,28,.34);border-radius:12px;background:linear-gradient(180deg,#0c1724,#08111c);padding:14px;display:flex;flex-direction:column;gap:10px;min-height:190px}
.project-option h3{font-family:Georgia,serif;font-size:24px;line-height:1.05;margin:4px 0;color:#fff1cb}
.project-option p{margin:0;font-size:13px;color:#d8e1e8}
.project-option-copy{font-size:13px;line-height:1.45;color:#bfd0db}

.hero-bay{overflow:hidden}
.hero-poster{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:14px;background:linear-gradient(180deg,rgba(4,8,13,.08),rgba(4,8,13,.72) 58%,rgba(4,8,13,.96) 100%);z-index:3}
.coffee-poster{background-image:linear-gradient(180deg,rgba(4,8,13,.05),rgba(4,8,13,.74) 58%,rgba(4,8,13,.96) 100%), url('assets/coffee_stage_bg.jpg');background-size:cover;background-position:22% center}
.charli-poster{background-image:linear-gradient(180deg,rgba(4,8,13,.05),rgba(4,8,13,.72) 58%,rgba(4,8,13,.96) 100%), url('assets/charli_hero.jpg');background-size:cover;background-position:center 42%}
.arctic-poster{background-image:linear-gradient(180deg,rgba(0,10,34,.02),rgba(0,11,35,.18) 48%,rgba(1,10,28,.92) 82%,rgba(1,8,23,.98) 100%), url('assets/arctic_walrus_throne.jpg');background-size:cover;background-position:center 38%}
.arctic-poster .poster-kicker{color:#9beaff;text-shadow:0 2px 7px #001632}
.arctic-poster .poster-title{color:#eefcff;text-shadow:0 3px 9px #00132e}
.arctic-poster .poster-sub{color:#74dbff;text-shadow:0 2px 7px #001632}
.poster-kicker{font-size:9px;letter-spacing:.18em;color:#ffd36b;font-weight:900;text-transform:uppercase}
.poster-title{font-family:Georgia,serif;font-size:26px;line-height:.95;color:#fff0c9;margin-top:6px;text-shadow:0 3px 8px rgba(0,0,0,.45)}
.poster-sub{font-size:11px;letter-spacing:.12em;color:#f0bf55;font-weight:800;text-transform:uppercase;margin-top:6px}
.poster-meta{font-size:12px;color:#dde5eb;margin-top:3px}


.info-modal.paytable-mode .info-panel{width:min(1120px,96vw);max-height:94vh;overflow:hidden;padding:13px 15px}
.info-modal.paytable-mode .info-panel h2{font-size:25px;margin:3px 0 8px;padding-right:42px}
.info-modal.paytable-mode .eyebrow{font-size:8px}
.paytable-rules{display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap;margin-bottom:8px}
.paytable-rules span{border:1px solid rgba(244,165,28,.36);border-radius:999px;background:#0b1927;padding:4px 9px;font-size:9px;color:#f3d58f;white-space:nowrap}
.paytable-grid.compact{grid-template-columns:repeat(8,minmax(0,1fr));gap:6px}
.paytable-grid.compact .paytable-symbol{min-width:0;min-height:63px;display:grid;grid-template-columns:53px minmax(0,1fr);align-items:center;text-align:left;border-radius:8px;overflow:hidden}
.paytable-grid.compact .paytable-symbol img{width:53px;height:61px;aspect-ratio:auto;object-fit:cover;border-right:1px solid rgba(244,165,28,.28)}
.paytable-grid.compact .paytable-symbol>div{min-width:0;padding:4px 5px}
.paytable-grid.compact .paytable-symbol b{padding:0;font-size:9px;line-height:1.08;display:block;white-space:normal}
.paytable-grid.compact .paytable-symbol small{padding:3px 0 0;font-size:8px;line-height:1.15;display:block;color:#f2bd4b}
.paytable-grid.compact .scatter-pay{border-color:rgba(24,200,176,.7)}

.info-modal.marketplace-mode .info-panel{width:min(1180px,96vw);max-height:94vh;overflow:auto;padding:13px 15px}
.info-modal.marketplace-mode .info-panel h2{font-size:28px;margin:3px 0 8px;padding-right:42px}
.marketplace-hero{height:76px;border:1px solid rgba(244,165,28,.38);border-radius:12px;overflow:hidden;position:relative;margin-bottom:9px;background:#09131d}
.marketplace-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.58)}
.marketplace-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,10,17,.95),rgba(3,10,17,.28))}
.marketplace-hero div{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center;padding:0 18px;max-width:600px}
.marketplace-hero strong{font-family:Georgia,serif;font-size:23px;color:#fff0c8}.marketplace-hero span{font-size:10px;color:#dce4eb;margin-top:3px}
.market-categories{display:flex;gap:6px;overflow-x:auto;padding-bottom:7px;margin-bottom:4px;scrollbar-width:none}.market-categories::-webkit-scrollbar{display:none}
.market-categories button{height:30px;flex:none;border:1px solid rgba(244,165,28,.38);border-radius:999px;background:#0b1927;padding:0 12px;color:#dce3e9;font-size:10px;font-weight:800;cursor:pointer}
.market-categories button.active{background:linear-gradient(180deg,#e0a63a,#9d5c0d);border-color:#ffd56c;color:#07111b}
.market-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.market-product{min-width:0;border:1px solid rgba(244,165,28,.32);border-radius:10px;background:#07131f;overflow:hidden;transition:.15s}
.market-product.selected{border-color:#18c8b0;box-shadow:0 0 0 2px rgba(24,200,176,.18)}
.market-product-image{position:relative;height:96px;background:#0c131b;overflow:hidden}
.market-product-image img{width:100%;height:100%;object-fit:cover;display:block}
.market-product-image span{position:absolute;left:7px;top:7px;border-radius:999px;background:rgba(3,12,20,.88);border:1px solid rgba(244,165,28,.46);padding:4px 7px;font-size:7px;font-weight:900;letter-spacing:.1em;color:#ffd36b}
.market-product-copy{padding:7px}.market-product-copy>b{display:block;font-family:Georgia,serif;font-size:12px;line-height:1.08;color:#fff0c9;min-height:26px}.market-product-copy>small{display:block;font-size:7px;line-height:1.22;color:#aebbc6;margin:4px 0 6px;min-height:18px}
.market-product-copy>div{display:flex;align-items:center;justify-content:space-between;gap:5px}.market-product-copy strong{font-size:12px;color:#ffd36b}.market-product-copy button{height:25px;border:1px solid rgba(244,165,28,.42);border-radius:7px;background:#102237;color:#f5c95f;padding:0 7px;font-size:8px;font-weight:800;cursor:pointer}.market-product-copy button:disabled{color:#b8fff6;border-color:#18c8b0;background:#0d3b36}
.market-hidden{display:none}

@media (max-height:500px){
  .control-bar{top:576px;height:106px}
  .dashboard-shell{grid-template-rows:42px 286px 170px 20px;gap:7px}
  .dashboard-nav{padding:3px 17px}.dashboard-nav-button{height:34px;font-size:12px}
  .dashboard-main-row{grid-template-columns:350px minmax(0,1fr)}
  .journey-card{flex-basis:204px}.journey-bottom b{font-size:21px}
  .today-grid{height:120px}.crew-content strong{font-size:16px}
  .paytable-grid.compact .paytable-symbol{grid-template-columns:48px minmax(0,1fr);min-height:57px}
  .paytable-grid.compact .paytable-symbol img{width:48px;height:55px}
  .marketplace-hero{height:65px}.market-product-image{height:84px}.market-product-copy>b{font-size:12px}
}

/* v10.6.1 Arctic Waves */
.arctic-journey img{object-fit:cover;object-position:center center}
.arctic-journey{border-color:rgba(104,216,255,.78);box-shadow:inset 0 0 0 1px rgba(119,227,255,.16),0 10px 28px rgba(0,0,0,.35),0 0 18px rgba(63,196,255,.13)}
.arctic-journey:before{background:linear-gradient(180deg,rgba(0,15,48,.03),rgba(0,17,49,.12) 44%,rgba(1,10,27,.95) 100%)}
.arctic-journey .journey-kicker{color:#9beaff}
.theme-arctic .symbol-card{border-color:rgba(104,216,255,.78);background:#041b3d}
.theme-arctic .reel-frame{border-color:rgba(105,220,255,.9);box-shadow:0 0 0 2px rgba(15,77,128,.88),0 8px 22px rgba(0,0,0,.48),0 0 22px rgba(52,186,255,.18)}
.theme-arctic .special-card{border-color:rgba(105,220,255,.65);background:linear-gradient(180deg,rgba(6,39,76,.96),rgba(3,17,41,.98))}

/* v10.7 — Santa Took the Coffee Run */
.theme-santa .game-stage{
  background:#0a1118;
  border-color:#ba7822;
  box-shadow:inset 0 0 54px rgba(255,143,35,.16),0 10px 30px rgba(0,0,0,.52)
}
.theme-santa .stage-backdrop{
  background-image:linear-gradient(180deg,rgba(2,7,14,.05),rgba(4,8,12,.27)),url('assets/santa_christmas_stage.jpg');
  background-position:center;
  filter:saturate(1.08) contrast(1.04)
}
.theme-santa .game-stage:after{
  background:linear-gradient(90deg,rgba(2,7,12,.08),transparent 28%,transparent 72%,rgba(2,7,12,.14)),linear-gradient(180deg,rgba(1,4,8,.04),transparent 25%,transparent 76%,rgba(1,4,8,.2));
  box-shadow:inset 0 0 38px rgba(255,174,62,.09)
}
.theme-santa .hero-bay{
  background-image:linear-gradient(180deg,rgba(4,7,10,.02),rgba(3,8,12,.18)),url('assets/01-santa-coffee-run-wild.webp');
  background-color:#071018;
  background-size:contain;
  background-repeat:no-repeat;
  background-position:center 26%;
  border-color:rgba(239,180,67,.9);
  box-shadow:inset 0 0 26px rgba(255,180,54,.14),0 0 18px rgba(198,57,38,.2)
}
.santa-game-logo{
  position:absolute;
  left:202px;
  right:130px;
  top:5px;
  height:82px;
  z-index:6;
  border:2px solid #d7a547;
  border-radius:12px;
  background:linear-gradient(180deg,rgba(112,10,13,.97),rgba(50,6,10,.98));
  box-shadow:inset 0 0 0 2px rgba(255,225,146,.22),inset 0 -14px 24px rgba(0,0,0,.25),0 5px 16px rgba(0,0,0,.55),0 0 15px rgba(255,145,34,.16);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  color:#fff1c7;
  text-shadow:0 2px 0 #64230e,0 4px 8px rgba(0,0,0,.72)
}
.santa-game-logo:before,.santa-game-logo:after{
  content:"";
  position:absolute;
  top:8px;
  bottom:8px;
  width:8px;
  border-radius:50%;
  background:#ffc44b;
  box-shadow:0 0 10px #ff9b21
}
.santa-game-logo:before{left:12px}.santa-game-logo:after{right:12px}
.santa-game-logo span{font-size:10px;font-weight:900;letter-spacing:.28em;color:#ffd06d}
.santa-game-logo strong{font-family:Georgia,serif;font-size:33px;line-height:.95;letter-spacing:.055em}
.santa-game-logo small{margin-top:4px;font-size:8px;font-weight:900;letter-spacing:.25em;color:#fff0bf}
.theme-santa .game-tagline{display:none}
.theme-santa .reel-frame{
  border-color:#d7a441;
  background:linear-gradient(180deg,#39150d,#090807);
  box-shadow:0 0 0 2px rgba(80,35,13,.92),0 8px 24px rgba(0,0,0,.58),0 0 20px rgba(255,136,35,.15)
}
.theme-santa .reel-grid{gap:3px}
.theme-santa .symbol-card{
  border-color:rgba(221,165,65,.82);
  background:radial-gradient(circle at 50% 38%,#173428,#08140f 74%);
  border-radius:7px;
  box-shadow:inset 0 0 16px rgba(0,0,0,.38),inset 0 0 0 1px rgba(255,224,151,.08)
}
.theme-santa .symbol-card img{object-fit:contain;padding:1px;filter:drop-shadow(0 3px 3px rgba(0,0,0,.38))}
.theme-santa .symbol-card:hover img{filter:brightness(1.08) drop-shadow(0 3px 3px rgba(0,0,0,.38))}
.theme-santa .special-card{
  border-color:rgba(221,166,65,.82);
  background:linear-gradient(180deg,rgba(65,15,15,.97),rgba(12,17,15,.98));
  box-shadow:inset 0 0 14px rgba(255,178,52,.08)
}
.theme-santa .special-card img{object-fit:contain;background:#07120f;border-color:rgba(255,209,106,.64)}
.symbol-card.super-dim{filter:brightness(.22) saturate(.3);opacity:.5;transition:filter .35s,opacity .35s}
.symbol-card.super-step{
  z-index:9;
  filter:brightness(1.24) saturate(1.18);
  outline:3px solid #ffd66d;
  outline-offset:-3px;
  box-shadow:inset 0 0 22px rgba(255,197,66,.82),0 0 20px rgba(255,81,40,.75);
  animation:santaTileWake .38s ease-out both
}
.symbol-card.super-hit{animation:santaTileFinal .62s ease-in-out infinite alternate}
@keyframes santaTileWake{0%{transform:scale(.82);filter:brightness(.45)}65%{transform:scale(1.09);filter:brightness(1.65)}100%{transform:scale(1)}}
@keyframes santaTileFinal{from{filter:brightness(1.12) saturate(1.05)}to{filter:brightness(1.55) saturate(1.28)}}
.payline-overlay .super-track{
  fill:none;
  stroke:#fff2a6;
  stroke-width:5;
  stroke-linecap:round;
  stroke-linejoin:round;
  filter:drop-shadow(0 0 4px #ffdf54) drop-shadow(0 0 9px #e72b20);
  stroke-dasharray:10 6;
  animation:santaTrackRun .55s linear infinite
}
.payline-overlay .super-track-glow{stroke:#d9241f;stroke-width:12;opacity:.46;stroke-dasharray:none}
@keyframes santaTrackRun{to{stroke-dashoffset:-32}}
.super-bonus-banner{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  min-width:315px;
  padding:14px 22px;
  border:3px solid #f2c258;
  border-radius:16px;
  background:linear-gradient(180deg,rgba(126,12,17,.97),rgba(42,5,9,.98));
  display:flex;
  flex-direction:column;
  align-items:center;
  z-index:18;
  box-shadow:inset 0 0 0 2px rgba(255,240,188,.14),0 0 32px rgba(255,64,35,.62),0 0 54px rgba(255,196,62,.34);
  animation:santaBannerIn .48s cubic-bezier(.18,.89,.32,1.3) both
}
.super-bonus-banner span{font-family:Georgia,serif;font-size:34px;font-weight:900;color:#fff0bc;letter-spacing:.08em;text-shadow:0 3px 0 #75140f}
.super-bonus-banner strong{font-size:15px;letter-spacing:.22em;color:#ffd261;margin-top:2px}
.super-bonus-banner small{font-size:11px;color:#fff;margin-top:6px;font-weight:800}
@keyframes santaBannerIn{from{transform:translate(-50%,-50%) scale(.5) rotate(-3deg);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}
.santa-poster{
  background-image:linear-gradient(180deg,rgba(2,6,10,.02),rgba(3,8,12,.12) 46%,rgba(3,8,12,.88) 76%,rgba(3,7,10,.98) 100%),url('assets/01-santa-coffee-run-wild.webp');
  background-size:contain;
  background-repeat:no-repeat;
  background-position:center 20%
}
.santa-poster .poster-kicker{color:#ffd261;text-shadow:0 2px 6px #45100c}
.santa-poster .poster-title{font-size:20px;color:#fff0c4;text-shadow:0 3px 8px #210705}
.santa-poster .poster-sub{font-size:8px;color:#f2bb55}
.santa-journey{
  border-color:rgba(221,163,60,.88);
  background:radial-gradient(circle at 50% 35%,#143326,#070d0d 72%);
  box-shadow:inset 0 0 0 1px rgba(255,227,155,.12),0 10px 28px rgba(0,0,0,.42),0 0 18px rgba(189,36,31,.16)
}
.santa-journey img{object-fit:contain;background:linear-gradient(180deg,#0a211b,#070b0d)}
.santa-journey .journey-kicker{color:#ffd163}
.santa-game-option img{object-fit:contain;background:linear-gradient(180deg,#0b211b,#070b0d)}
.paytable-grid.compact .super-pay{border-color:rgba(211,50,43,.78);background:linear-gradient(180deg,#351018,#14080a)}
.paytable-grid.compact .super-pay img,.paytable-grid.compact .paytable-symbol img[src*="assets/"][src*="-"]{object-fit:contain;background:#07110e}

/* v10.8 — The Mountain Still Stands */
.theme-mountain .game-stage{
  background:#111722;
  border-color:#c99636;
  box-shadow:inset 0 0 56px rgba(227,166,58,.16),0 10px 30px rgba(0,0,0,.5)
}
.theme-mountain .stage-backdrop{
  background-image:linear-gradient(180deg,rgba(3,8,18,.04),rgba(5,10,19,.24)),url('assets/mountain_temecula_stage.jpg');
  background-position:center;
  filter:saturate(1.08) contrast(1.04)
}
.theme-mountain .game-stage:after{
  background:linear-gradient(90deg,rgba(2,7,14,.2),transparent 27%,transparent 73%,rgba(2,7,14,.2)),linear-gradient(180deg,rgba(3,8,16,.03),transparent 24%,transparent 72%,rgba(3,7,13,.3));
  box-shadow:inset 0 0 42px rgba(230,169,62,.11)
}
.theme-mountain .hero-bay{
  background-image:linear-gradient(180deg,rgba(4,8,15,.02),rgba(4,8,14,.18)),url('assets/mountain-neighbors.webp');
  background-color:#081221;
  background-size:contain;
  background-repeat:no-repeat;
  background-position:center 26%;
  border-color:rgba(219,172,74,.92);
  box-shadow:inset 0 0 26px rgba(236,182,69,.14),0 0 18px rgba(196,126,36,.2)
}
.mountain-game-logo{
  position:absolute;
  left:202px;
  right:130px;
  top:5px;
  height:82px;
  z-index:6;
  border:2px solid #d4a64c;
  border-radius:12px;
  background:linear-gradient(180deg,rgba(9,29,54,.97),rgba(5,14,29,.98));
  box-shadow:inset 0 0 0 2px rgba(255,229,162,.18),inset 0 -15px 24px rgba(0,0,0,.26),0 5px 16px rgba(0,0,0,.55),0 0 16px rgba(226,165,55,.16);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  color:#fff0c5;
  text-shadow:0 2px 0 #56401d,0 4px 8px rgba(0,0,0,.72)
}
.mountain-game-logo:before,.mountain-game-logo:after{
  content:"";
  position:absolute;
  bottom:8px;
  width:76px;
  height:16px;
  background:linear-gradient(145deg,transparent 48%,#d7aa52 49% 55%,transparent 56%),linear-gradient(215deg,transparent 48%,#d7aa52 49% 55%,transparent 56%);
  opacity:.76
}
.mountain-game-logo:before{left:18px}.mountain-game-logo:after{right:18px}
.mountain-game-logo span{font-size:9px;font-weight:900;letter-spacing:.34em;color:#e6bc66}
.mountain-game-logo strong{font-family:Georgia,serif;font-size:31px;line-height:.94;letter-spacing:.075em}
.mountain-game-logo small{margin-top:5px;font-size:9px;font-weight:900;letter-spacing:.31em;color:#e9bf68}
.theme-mountain .game-tagline{display:none}
.theme-mountain .reel-frame{
  border-color:#d5aa56;
  background:linear-gradient(180deg,#12223b,#090c13);
  box-shadow:0 0 0 2px rgba(56,38,18,.92),0 8px 24px rgba(0,0,0,.58),0 0 22px rgba(230,169,62,.16)
}
.theme-mountain .symbol-card{
  border-color:rgba(211,167,79,.86);
  background:radial-gradient(circle at 50% 38%,#17304d,#07101e 74%);
  box-shadow:inset 0 0 16px rgba(0,0,0,.34),inset 0 0 0 1px rgba(255,228,158,.08)
}
.theme-mountain .symbol-card img{object-fit:contain;padding:2px;filter:drop-shadow(0 3px 3px rgba(0,0,0,.38))}
.theme-mountain .symbol-card:hover img{filter:brightness(1.08) drop-shadow(0 3px 3px rgba(0,0,0,.38))}
.theme-mountain .special-card{
  border-color:rgba(212,169,81,.84);
  background:linear-gradient(180deg,rgba(12,34,61,.97),rgba(5,13,26,.98));
  box-shadow:inset 0 0 14px rgba(232,178,70,.08)
}
.theme-mountain .special-card img{object-fit:contain;background:#07111f;border-color:rgba(231,190,103,.7)}
.mountain-poster{
  background-image:linear-gradient(180deg,rgba(2,6,11,.02),rgba(3,8,15,.12) 46%,rgba(4,9,17,.86) 76%,rgba(3,7,13,.98) 100%),url('assets/mountain-neighbors.webp');
  background-size:contain;
  background-repeat:no-repeat;
  background-position:center 18%
}
.mountain-poster .poster-kicker{color:#efc56f;text-shadow:0 2px 6px #142039}
.mountain-poster .poster-title{font-size:20px;color:#fff0c5;text-shadow:0 3px 8px #07101e}
.mountain-poster .poster-sub{font-size:8px;color:#dbad54}
.mountain-journey{
  border-color:rgba(216,171,79,.9);
  background:#07111e;
  box-shadow:inset 0 0 0 1px rgba(255,226,155,.12),0 10px 28px rgba(0,0,0,.42),0 0 18px rgba(199,136,40,.16)
}
.mountain-journey img{object-fit:cover;object-position:center 48%;filter:brightness(.78) saturate(1.05)}
.mountain-journey .journey-kicker{color:#f1c66c}
.mountain-game-option img{object-fit:contain;background:linear-gradient(180deg,#102541,#070d17)}
.paytable-grid.compact .bonus-pay{border-color:rgba(210,164,74,.82);background:linear-gradient(180deg,#182944,#090e18)}
.paytable-grid.compact .bonus-pay img{object-fit:contain;background:#07111f}

/* v10.8.1 — expanded project/media rail */
.project-card{
  height:270px;
  display:flex;
  flex-direction:column;
}
.project-card .funding-row{margin:8px 0 6px}
.project-card dl{
  grid-template-columns:72px minmax(0,1fr);
  gap:10px;
  align-items:start;
}
.project-card .secondary-button{margin-top:auto}
.media-card{
  min-height:0;
  padding:10px 12px 12px;
  display:flex;
  flex-direction:column;
}
.media-head{flex:none;gap:8px}
.media-head>div:first-child{min-width:0}
.media-head h2{font-size:17px;line-height:1.02;margin:3px 0 7px}
.media-video-shell{
  flex:1;
  height:auto;
  min-height:0;
  border:1px solid rgba(244,165,28,.58);
}
.media-fullscreen-button{
  flex:0 0 47px;
  width:47px!important;
  height:36px!important;
  border-radius:8px!important;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:3px;
  cursor:pointer;
}
.media-fullscreen-button b{font-size:17px;line-height:1}
.media-fullscreen-button small{font-size:7px;font-weight:900;letter-spacing:.07em}
.video-thumb i{width:52px;height:38px}
.video-modal[open]{
  position:fixed;
  inset:0;
  width:100vw;
  height:100vh;
  margin:0;
  display:grid;
  place-items:center;
  background:#000;
}
.video-modal::backdrop{background:#000}
.video-panel{
  width:100vw;
  height:100vh;
  max-height:none;
  overflow:hidden;
  box-sizing:border-box;
  padding:10px 48px;
  border:0;
  border-radius:0;
  display:grid;
  grid-template-rows:auto auto minmax(0,1fr);
  align-content:center;
  background:#000;
}
.video-panel h2{font-size:24px;line-height:1;margin:2px 0 7px}
.video-panel .video-frame-wrap{
  width:min(100%,calc((100vh - 66px) * 1.77778));
  max-height:calc(100vh - 66px);
  aspect-ratio:16/9;
  justify-self:center;
  align-self:center;
  border-radius:8px;
}
.video-panel:fullscreen,.video-panel:-webkit-full-screen{
  width:100vw;
  height:100vh;
  padding:10px 48px;
  background:#000;
}

/* v10.9 — Little Miss Muffet and the Bee */
.theme-muffet .game-stage{
  background:#160d05;
  border-color:#dca63d;
  box-shadow:inset 0 0 58px rgba(244,185,54,.18),0 10px 30px rgba(0,0,0,.54)
}
.theme-muffet .stage-backdrop{
  background-image:linear-gradient(180deg,rgba(22,10,2,.04),rgba(10,5,2,.23)),url('assets/muffet_train_stage.jpg');
  background-position:center;
  filter:saturate(1.06) contrast(1.04)
}
.theme-muffet .game-stage:after{
  background:linear-gradient(90deg,rgba(17,7,2,.05),transparent 26%,transparent 74%,rgba(17,7,2,.12)),linear-gradient(180deg,rgba(14,6,2,.03),transparent 23%,transparent 75%,rgba(12,5,2,.25));
  box-shadow:inset 0 0 42px rgba(255,193,61,.12)
}
.theme-muffet .hero-bay{
  background-image:linear-gradient(180deg,rgba(23,10,2,.01),rgba(14,6,2,.16)),url('assets/muffet-wild.webp');
  background-color:#1b0d03;
  background-size:contain;
  background-repeat:no-repeat;
  background-position:center 24%;
  border-color:rgba(239,187,69,.94);
  box-shadow:inset 0 0 27px rgba(255,202,83,.16),0 0 19px rgba(213,135,20,.22)
}
.muffet-game-logo{
  position:absolute;
  left:202px;
  right:130px;
  top:5px;
  height:82px;
  z-index:6;
  border:2px solid #e2ae45;
  border-radius:12px;
  background:linear-gradient(180deg,rgba(80,40,8,.97),rgba(30,13,3,.98));
  box-shadow:inset 0 0 0 2px rgba(255,239,171,.2),inset 0 -15px 24px rgba(0,0,0,.28),0 5px 16px rgba(0,0,0,.56),0 0 18px rgba(242,178,37,.18);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  color:#fff0b6;
  text-shadow:0 2px 0 #6d3b0c,0 4px 9px rgba(0,0,0,.74)
}
.muffet-game-logo:before,.muffet-game-logo:after{
  content:"✦";
  position:absolute;
  top:26px;
  color:#ffd65c;
  font-size:22px;
  text-shadow:0 0 12px #f6a914
}
.muffet-game-logo:before{left:22px}.muffet-game-logo:after{right:22px}
.muffet-game-logo span{font-size:9px;font-weight:900;letter-spacing:.32em;color:#f3c967}
.muffet-game-logo strong{font-family:Georgia,serif;font-size:34px;line-height:.92;letter-spacing:.1em}
.muffet-game-logo small{margin-top:5px;font-size:9px;font-weight:900;letter-spacing:.3em;color:#fff0a8}
.theme-muffet .game-tagline{display:none}
.theme-muffet .reel-frame{
  border-color:#e0ad45;
  background:linear-gradient(180deg,#4a260a,#150904);
  box-shadow:0 0 0 2px rgba(82,42,10,.94),0 8px 24px rgba(0,0,0,.6),0 0 23px rgba(245,181,43,.18)
}
.theme-muffet .reel-grid{gap:3px}
.theme-muffet .symbol-card{
  border-color:rgba(225,173,64,.88);
  background:radial-gradient(circle at 50% 34%,#4c2d0d,#160b04 76%);
  border-radius:7px;
  box-shadow:inset 0 0 17px rgba(0,0,0,.38),inset 0 0 0 1px rgba(255,234,151,.09)
}
.theme-muffet .symbol-card img{object-fit:contain;padding:1px;filter:drop-shadow(0 3px 3px rgba(0,0,0,.4))}
.theme-muffet .symbol-card:hover img{filter:brightness(1.08) drop-shadow(0 3px 3px rgba(0,0,0,.4))}
.theme-muffet .special-card{
  border-color:rgba(227,174,64,.86);
  background:linear-gradient(180deg,rgba(73,38,10,.97),rgba(20,10,4,.98));
  box-shadow:inset 0 0 15px rgba(255,199,67,.1)
}
.theme-muffet .special-card img{object-fit:contain;background:#1a0c03;border-color:rgba(255,214,106,.72)}
.theme-muffet .payline-overlay .super-track{
  stroke:#fff3a3;
  filter:drop-shadow(0 0 4px #ffe06a) drop-shadow(0 0 10px #ffae1f)
}
.theme-muffet .payline-overlay .super-track-glow{stroke:#d99011;opacity:.52}
.theme-muffet .super-bonus-banner{
  border-color:#f5c75a;
  background:linear-gradient(180deg,rgba(101,55,8,.97),rgba(37,16,3,.98));
  box-shadow:inset 0 0 0 2px rgba(255,246,188,.16),0 0 34px rgba(255,183,41,.68),0 0 58px rgba(255,224,83,.32)
}
.theme-muffet .super-bonus-banner span{color:#fff3a9;text-shadow:0 3px 0 #74420c}
.theme-muffet .super-bonus-banner strong{color:#ffd75c}
.muffet-poster{
  background-image:linear-gradient(180deg,rgba(19,8,2,.01),rgba(16,7,2,.12) 46%,rgba(18,8,3,.87) 76%,rgba(13,6,2,.98) 100%),url('assets/muffet-wild.webp');
  background-size:contain;
  background-repeat:no-repeat;
  background-position:center 18%
}
.muffet-poster .poster-kicker{color:#ffd468;text-shadow:0 2px 7px #673a0c}
.muffet-poster .poster-title{font-size:19px;color:#fff2bb;text-shadow:0 3px 8px #361a04}
.muffet-poster .poster-sub{font-size:8px;color:#edbd52}
.muffet-journey{
  border-color:rgba(229,177,63,.92);
  background:radial-gradient(circle at 50% 34%,#4b2b0c,#130904 72%);
  box-shadow:inset 0 0 0 1px rgba(255,237,155,.13),0 10px 28px rgba(0,0,0,.44),0 0 19px rgba(221,143,20,.18)
}
.muffet-journey img,.muffet-game-option img{object-fit:contain;background:linear-gradient(180deg,#4a2a0c,#120804)}
.muffet-journey .journey-kicker{color:#ffd364}
.theme-muffet .paytable-grid.compact .super-pay{
  border-color:rgba(224,169,53,.86);
  background:linear-gradient(180deg,#4b2909,#180b03)
}
.theme-muffet .paytable-grid.compact .super-pay img,
.theme-muffet .paytable-grid.compact .bonus-pay img{object-fit:contain;background:#190c03}

/* v10.10 — Kenny Roy: Stories From the Rail */
.theme-kenny .game-stage{
  background:#0b0907;
  border-color:#d6a23f;
  box-shadow:inset 0 0 60px rgba(218,153,45,.18),0 10px 30px rgba(0,0,0,.58)
}
.theme-kenny .stage-backdrop{
  background-image:linear-gradient(180deg,rgba(3,3,4,.04),rgba(5,4,3,.27)),url('assets/kenny/02-scatter.webp');
  background-position:center 47%;
  background-size:cover;
  filter:saturate(.98) contrast(1.08) brightness(.78)
}
.theme-kenny .game-stage:after{
  background:linear-gradient(90deg,rgba(2,2,3,.12),transparent 27%,transparent 73%,rgba(2,2,3,.16)),linear-gradient(180deg,rgba(3,3,3,.02),transparent 23%,transparent 74%,rgba(3,2,2,.3));
  box-shadow:inset 0 0 44px rgba(225,162,48,.12)
}
.theme-kenny .hero-bay{
  background-image:linear-gradient(180deg,rgba(5,4,3,.01),rgba(5,4,3,.14)),url('assets/kenny/01-wild.webp');
  background-color:#080705;
  background-size:contain;
  background-repeat:no-repeat;
  background-position:center 24%;
  border-color:rgba(232,181,74,.94);
  box-shadow:inset 0 0 28px rgba(255,205,93,.16),0 0 20px rgba(180,113,23,.24)
}
.kenny-game-logo{
  position:absolute;
  left:202px;
  right:130px;
  top:5px;
  height:82px;
  z-index:6;
  border:2px solid #dca943;
  border-radius:12px;
  background:
    linear-gradient(90deg,rgba(255,202,88,.09),transparent 18%,transparent 82%,rgba(255,202,88,.09)),
    linear-gradient(180deg,rgba(25,20,15,.98),rgba(7,7,7,.99));
  box-shadow:inset 0 0 0 2px rgba(255,232,164,.18),inset 0 -15px 25px rgba(0,0,0,.34),0 5px 17px rgba(0,0,0,.6),0 0 18px rgba(229,162,40,.18);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  color:#fff1c0;
  text-shadow:0 2px 0 #654111,0 4px 9px rgba(0,0,0,.76)
}
.kenny-game-logo:before,.kenny-game-logo:after{
  content:"★";
  position:absolute;
  top:26px;
  color:#e6b34e;
  font-size:21px;
  text-shadow:0 0 11px rgba(255,190,65,.72)
}
.kenny-game-logo:before{left:22px}.kenny-game-logo:after{right:22px}
.kenny-game-logo span{font-size:9px;font-weight:900;letter-spacing:.38em;color:#e9bd64}
.kenny-game-logo strong{font-family:Georgia,serif;font-size:34px;line-height:.92;letter-spacing:.13em}
.kenny-game-logo small{margin-top:5px;font-size:9px;font-weight:900;letter-spacing:.32em;color:#f0c76f}
.theme-kenny .game-tagline{display:none}
.theme-kenny .reel-frame{
  border-color:#dda943;
  background:linear-gradient(180deg,#1c1510,#070605);
  box-shadow:0 0 0 2px rgba(77,48,16,.94),0 8px 24px rgba(0,0,0,.62),0 0 23px rgba(225,155,38,.18)
}
.theme-kenny .symbol-card{
  border-color:rgba(218,166,65,.9);
  background:radial-gradient(circle at 50% 34%,#2b2118,#080706 76%);
  box-shadow:inset 0 0 17px rgba(0,0,0,.4),inset 0 0 0 1px rgba(255,232,156,.09)
}
.theme-kenny .symbol-card img{object-fit:contain;padding:1px;filter:drop-shadow(0 3px 3px rgba(0,0,0,.44))}
.theme-kenny .symbol-card:hover img{filter:brightness(1.08) drop-shadow(0 3px 3px rgba(0,0,0,.44))}
.theme-kenny .special-card{
  border-color:rgba(222,169,65,.88);
  background:linear-gradient(180deg,rgba(43,31,20,.98),rgba(9,8,7,.99));
  box-shadow:inset 0 0 15px rgba(255,196,65,.1)
}
.theme-kenny .special-card img{object-fit:contain;background:#0a0806;border-color:rgba(255,213,111,.72)}
.theme-kenny .payline-overlay .super-track{
  stroke:#fff2aa;
  filter:drop-shadow(0 0 4px #ffe073) drop-shadow(0 0 10px #d89924)
}
.theme-kenny .payline-overlay .super-track-glow{stroke:#bd7414;opacity:.55}
.theme-kenny .super-bonus-banner{
  border-color:#f1c359;
  background:linear-gradient(180deg,rgba(49,35,24,.98),rgba(10,8,6,.99));
  box-shadow:inset 0 0 0 2px rgba(255,240,183,.15),0 0 34px rgba(221,153,35,.7),0 0 58px rgba(255,215,86,.28)
}
.theme-kenny .super-bonus-banner span{color:#fff0a8;text-shadow:0 3px 0 #624112}
.theme-kenny .super-bonus-banner strong{color:#f0c558}
.kenny-poster{
  background-image:linear-gradient(180deg,rgba(5,4,3,.01),rgba(5,4,3,.12) 46%,rgba(7,5,4,.87) 76%,rgba(5,4,3,.98) 100%),url('assets/kenny/01-wild.webp');
  background-size:contain;
  background-repeat:no-repeat;
  background-position:center 18%
}
.kenny-poster .poster-kicker{color:#efc566;text-shadow:0 2px 7px #52340d}
.kenny-poster .poster-title{font-size:19px;color:#fff0b8;text-shadow:0 3px 8px #261904}
.kenny-poster .poster-sub{font-size:8px;color:#d9ad51}
.kenny-journey{
  border-color:rgba(225,173,67,.94);
  background:radial-gradient(circle at 50% 34%,#2d2218,#080706 72%);
  box-shadow:inset 0 0 0 1px rgba(255,235,157,.13),0 10px 28px rgba(0,0,0,.46),0 0 20px rgba(202,133,23,.19)
}
.kenny-journey img,.kenny-game-option img{object-fit:contain;background:linear-gradient(180deg,#241a12,#080706)}
.kenny-journey .journey-kicker{color:#f0c45f}
.theme-kenny .paytable-grid.compact .super-pay{
  border-color:rgba(219,163,54,.88);
  background:linear-gradient(180deg,#2b2015,#0a0806)
}
.theme-kenny .paytable-grid.compact .super-pay img,
.theme-kenny .paytable-grid.compact .bonus-pay img{object-fit:contain;background:#0a0806}
.video-thumb.media-pending{cursor:default}
.video-thumb.media-pending i{display:none}
.media-fullscreen-button:disabled{opacity:.42;cursor:not-allowed;filter:saturate(.4)}

/* v10.11 — Thirty Five Dollars */
.theme-thirtyfive .game-stage{
  background:#130d08;
  border-color:#d29a39;
  box-shadow:inset 0 0 64px rgba(216,139,37,.22),0 10px 30px rgba(0,0,0,.6)
}
.theme-thirtyfive .stage-backdrop{
  background-image:linear-gradient(180deg,rgba(14,8,4,.04),rgba(14,8,4,.36)),url('assets/thirty-five/13_Mountain_Road.webp');
  background-position:center 48%;
  background-size:cover;
  filter:saturate(1.02) contrast(1.08) brightness(.74)
}
.theme-thirtyfive .game-stage:after{
  background:linear-gradient(90deg,rgba(18,8,3,.16),transparent 26%,transparent 74%,rgba(18,8,3,.18)),linear-gradient(180deg,rgba(255,188,82,.04),transparent 25%,transparent 72%,rgba(16,7,3,.34));
  box-shadow:inset 0 0 46px rgba(238,159,48,.14)
}
.theme-thirtyfive .hero-bay{
  background-image:linear-gradient(180deg,rgba(7,5,3,.02),rgba(7,5,3,.2)),url('assets/thirty-five/19_Father_And_Son_Moment.webp');
  background-color:#0d0905;
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center;
  border-color:rgba(231,173,72,.94);
  box-shadow:inset 0 0 28px rgba(255,198,90,.16),0 0 20px rgba(180,105,22,.27)
}
.thirtyfive-game-logo{
  position:absolute;
  left:202px;
  right:130px;
  top:5px;
  height:82px;
  z-index:6;
  border:2px solid #dca13b;
  border-radius:12px;
  background:
    linear-gradient(90deg,rgba(255,199,84,.09),transparent 18%,transparent 82%,rgba(255,199,84,.09)),
    linear-gradient(180deg,rgba(44,24,11,.98),rgba(12,8,5,.99));
  box-shadow:inset 0 0 0 2px rgba(255,229,161,.16),inset 0 -15px 25px rgba(0,0,0,.35),0 5px 17px rgba(0,0,0,.6),0 0 18px rgba(225,144,38,.2);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  color:#fff0bd;
  text-shadow:0 2px 0 #684012,0 4px 9px rgba(0,0,0,.76)
}
.thirtyfive-game-logo:before,.thirtyfive-game-logo:after{
  content:"✦";
  position:absolute;
  top:25px;
  color:#efb84e;
  font-size:23px;
  text-shadow:0 0 11px rgba(255,184,62,.72)
}
.thirtyfive-game-logo:before{left:22px}.thirtyfive-game-logo:after{right:22px}
.thirtyfive-game-logo span{font-size:8px;font-weight:900;letter-spacing:.36em;color:#e8b65c}
.thirtyfive-game-logo strong{font-family:Georgia,serif;font-size:30px;line-height:.98;letter-spacing:.08em}
.thirtyfive-game-logo small{margin-top:5px;font-size:8px;font-weight:900;letter-spacing:.25em;color:#edc270}
.theme-thirtyfive .game-tagline{display:none}
.theme-thirtyfive .reel-frame{
  border-color:#dca13b;
  background:linear-gradient(180deg,#25170d,#0b0704);
  box-shadow:0 0 0 2px rgba(83,49,16,.94),0 8px 24px rgba(0,0,0,.62),0 0 23px rgba(225,142,38,.2)
}
.theme-thirtyfive .symbol-card{
  border-color:rgba(213,151,56,.92);
  background:radial-gradient(circle at 50% 34%,#362113,#0d0805 76%);
  box-shadow:inset 0 0 17px rgba(0,0,0,.42),inset 0 0 0 1px rgba(255,225,151,.08)
}
.theme-thirtyfive .symbol-card img{object-fit:cover;padding:0;filter:drop-shadow(0 3px 3px rgba(0,0,0,.42))}
.theme-thirtyfive .symbol-card:hover img{filter:brightness(1.08) drop-shadow(0 3px 3px rgba(0,0,0,.42))}
.theme-thirtyfive .special-card{
  border-color:rgba(218,157,59,.9);
  background:linear-gradient(180deg,rgba(55,33,18,.98),rgba(14,9,5,.99));
  box-shadow:inset 0 0 15px rgba(255,188,65,.11)
}
.theme-thirtyfive .special-card img{object-fit:cover;background:#0e0905;border-color:rgba(255,205,103,.72)}
.thirtyfive-poster{
  background-image:linear-gradient(180deg,rgba(8,5,3,.01),rgba(8,5,3,.1) 43%,rgba(12,7,4,.87) 76%,rgba(8,5,3,.98) 100%),url('assets/thirty-five/19_Father_And_Son_Moment.webp');
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center
}
.thirtyfive-poster .poster-kicker{color:#efbc59;text-shadow:0 2px 7px #5a320b}
.thirtyfive-poster .poster-title{font-size:19px;color:#fff0bd;text-shadow:0 3px 8px #2b1705}
.thirtyfive-poster .poster-sub{font-size:7px;color:#e2b45f;line-height:1.25}
.thirtyfive-journey{
  border-color:rgba(224,161,61,.96);
  background:radial-gradient(circle at 50% 34%,#382213,#0c0805 72%);
  box-shadow:inset 0 0 0 1px rgba(255,230,153,.12),0 10px 28px rgba(0,0,0,.46),0 0 20px rgba(203,126,22,.2)
}
.thirtyfive-journey img,.thirtyfive-game-option img{object-fit:cover;background:linear-gradient(180deg,#342012,#0c0805)}
.thirtyfive-journey .journey-kicker{color:#f1bf57}
.theme-thirtyfive .paytable-grid.compact .bonus-pay{
  border-color:rgba(218,157,59,.9);
  background:linear-gradient(180deg,#392214,#0d0805)
}
.theme-thirtyfive .paytable-grid.compact .bonus-pay img{object-fit:cover;background:#0d0805}

/* v10.13 — dashboard identity, uniform game cards and icon-only media launch */
.app-canvas.dashboard-active .brand-button{
  width:150px;
  max-width:150px;
  grid-template-columns:45px 72px;
  justify-content:start
}
.app-canvas.dashboard-active .brand-copy{
  border-right:0;
  padding-right:0
}
.app-canvas.dashboard-active .current-game,
.app-canvas.dashboard-active .picker-caret{
  display:none
}
.game-rail{--dashboard-game-card-width:224px}
.journey-card,
.narrow-card{
  flex:0 0 var(--dashboard-game-card-width);
  inline-size:var(--dashboard-game-card-width);
  min-inline-size:var(--dashboard-game-card-width);
  max-inline-size:var(--dashboard-game-card-width)
}
.live-today{align-items:flex-start}
.live-play-indicator{
  position:absolute;
  z-index:3;
  left:50%;
  top:50%;
  width:40px;
  height:40px;
  margin:-20px 0 0 -20px;
  display:grid;
  place-items:center;
  border-radius:50%;
  border:1px solid rgba(255,211,107,.85);
  background:rgba(4,13,22,.82);
  color:#fff4d1;
  font-size:17px;
  font-style:normal;
  box-shadow:0 7px 18px rgba(0,0,0,.45),0 0 16px rgba(244,165,28,.24);
  transition:transform .18s ease,background .18s ease
}
.live-today:hover .live-play-indicator{
  transform:scale(1.08);
  background:rgba(181,42,27,.92)
}
@media (max-height:500px){
  .game-rail{--dashboard-game-card-width:204px}
}

/* v10.14 — approved universal cinematic game-screen composition */
.topbar{
  grid-template-columns:150px minmax(0,1fr) 360px;
  gap:9px;
  padding:5px 10px
}
.brand-button{
  width:138px;
  grid-template-columns:44px 76px;
  gap:5px;
  padding:0 4px
}
.brand-copy{
  border-right:0;
  padding-right:0
}
.current-game,.picker-caret{display:none}
.top-actions{
  height:48px;
  justify-content:flex-start;
  gap:0;
  overflow:hidden;
  border:1px solid rgba(244,165,28,.68);
  border-radius:9px;
  background:linear-gradient(180deg,rgba(14,26,40,.96),rgba(4,12,21,.98))
}
.top-action{
  flex:1 1 0;
  min-width:0;
  height:46px;
  border:0;
  border-right:1px solid rgba(244,165,28,.34);
  border-radius:0;
  background:transparent;
  padding:0 9px;
  gap:7px;
  font-size:11px;
  font-weight:800
}
.top-action:last-child{border-right:0}
.top-action:hover{
  transform:none;
  background:linear-gradient(180deg,rgba(34,52,70,.95),rgba(9,22,35,.98))
}
.top-action .action-icon{
  color:#ffd366;
  font-size:19px;
  line-height:1;
  filter:drop-shadow(0 1px 2px #000)
}
.top-action.refill strong{
  font-size:10px;
  color:#ffd566
}
.player-stats{
  grid-template-columns:174px 126px 44px;
  gap:6px
}
.level-xp-stat,.coin-stat{
  height:46px;
  border:1px solid rgba(244,165,28,.46);
  border-radius:9px;
  background:linear-gradient(180deg,rgba(11,23,36,.94),rgba(3,10,18,.98));
  padding:5px 10px
}
.level-xp-stat{
  display:grid;
  grid-template-rows:auto 6px;
  align-content:center
}
.level-xp-stat>div:first-child{
  display:grid;
  grid-template-columns:auto 32px 1fr;
  align-items:center;
  gap:7px
}
.level-xp-stat small,.coin-stat small{
  font-size:8px;
  letter-spacing:.16em;
  color:#dbc888
}
.level-xp-stat strong{
  font-size:17px;
  color:#fff1cb;
  text-align:center
}
.level-xp-stat span{
  font-size:8px;
  color:#c5d0db;
  text-align:right
}
.level-xp-stat .xp-track{
  height:5px;
  margin-top:2px;
  background:#172330
}
.coin-stat{display:flex;flex-direction:column;justify-content:center}
.menu-button{border-radius:9px}

.sponsor-card{
  height:210px;
  padding:13px 14px
}
.sponsor-card h2{
  margin:7px 0 8px;
  text-align:center;
  font-size:22px
}
.challenge-counter{
  border:1px solid rgba(244,165,28,.48);
  border-radius:8px;
  background:rgba(2,9,16,.68);
  padding:6px 9px
}
.challenge-counter>strong{
  display:block;
  text-align:center;
  font-size:15px;
  color:#fff2ce
}
.challenge-counter .progress-track{
  height:5px;
  margin:6px 0 0
}
.challenge-rewards{
  display:grid;
  gap:4px;
  margin:8px 2px 7px;
  font-size:11px;
  color:#e6edf2
}
.challenge-rewards span{
  display:flex;
  align-items:center;
  gap:7px
}
.challenge-rewards b{
  width:16px;
  color:#ffd059;
  text-align:center
}
.sponsor-match-row{
  height:28px;
  border:1px solid #2875be;
  border-radius:7px;
  background:linear-gradient(180deg,#103f75,#08284e);
  display:grid;
  grid-template-columns:58px 1fr;
  align-items:center;
  overflow:hidden;
  font-size:9px
}
.sponsor-match-row span{
  height:100%;
  display:grid;
  place-items:center;
  background:#194f8c;
  font-weight:900;
  color:#fff
}
.sponsor-match-row strong{
  text-align:center;
  color:#edf6ff;
  letter-spacing:.04em
}
.season-card{padding:14px}

.game-stage{
  border-color:color-mix(in srgb,var(--theme-accent) 72%,#dca13b);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.05),0 10px 30px rgba(0,0,0,.48)
}
.stage-title{
  left:178px;
  right:14px;
  top:1px;
  height:89px;
  gap:12px;
  filter:drop-shadow(0 4px 8px rgba(0,0,0,.96))
}
.stage-title:before{display:none}
.stage-title img{
  width:68px;
  height:68px;
  border-radius:50%;
  border-color:color-mix(in srgb,var(--theme-accent) 72%,#fff0b0);
  box-shadow:0 0 0 2px rgba(3,12,22,.86),0 0 20px color-mix(in srgb,var(--theme-accent) 42%,transparent)
}
.stage-title small{
  color:color-mix(in srgb,var(--theme-accent2) 86%,#fff);
  font-size:7px
}
.stage-title strong{
  font-size:40px;
  color:#fff4d6;
  letter-spacing:.01em;
  text-shadow:0 2px 0 rgba(15,30,48,.95),0 0 14px color-mix(in srgb,var(--theme-accent) 30%,transparent)
}
.stage-title span{
  color:#edf3f8;
  font-size:7px
}
.theme-santa .stage-title strong,.theme-muffet .stage-title strong,.theme-thirtyfive .stage-title strong{font-size:31px}
.theme-kenny .stage-title strong,.theme-mountain .stage-title strong{font-size:34px}
.grid-6x4 .stage-title{left:158px}
.hero-bay{top:92px;bottom:12px}
.reel-frame{top:92px;bottom:12px;right:8px}
.grid-6x4 .reel-frame{left:158px}
.grid-6x4 .hero-bay{width:142px}

.project-card{
  height:250px;
  padding:11px 12px;
  gap:0
}
.project-compact-head{
  display:grid;
  grid-template-columns:74px 1fr;
  gap:8px;
  align-items:center;
  margin:7px 0 6px
}
.project-compact-head img{
  width:74px;
  height:46px;
  border-radius:6px;
  border:1px solid rgba(244,165,28,.42);
  object-fit:cover
}
.project-compact-head h2{
  font-size:18px;
  margin:0 0 3px
}
.project-compact-head .location{
  font-size:10px
}
.project-progress-line{
  display:grid;
  grid-template-columns:1fr 38px;
  gap:7px;
  align-items:center
}
.project-progress-line:before{
  content:"";
  grid-column:1;
  grid-row:1;
  height:8px;
  border-radius:99px;
  background:#1e2c35;
  border:1px solid rgba(255,255,255,.1)
}
.project-progress-line i{
  grid-column:1;
  grid-row:1;
  width:73%;
  height:8px;
  border-radius:99px;
  background:linear-gradient(90deg,#18b96b,#29dc8b);
  box-shadow:0 0 9px rgba(38,220,138,.34)
}
.project-progress-line strong{
  color:#35df8e;
  font-size:14px
}
.project-funding{
  display:flex;
  justify-content:center;
  align-items:baseline;
  gap:5px;
  margin:5px 0 6px
}
.project-funding strong{font-size:17px;color:#fff1ca}
.project-funding span{font-size:10px;color:#bdc7d0}
.project-detail-line{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  font-size:10px;
  color:#dce4e9
}
.project-detail-line span{color:#70d783}
.project-sponsor-line{
  height:25px;
  border-radius:6px;
  overflow:hidden;
  border:1px solid #2872b7;
  background:#0b305e;
  display:grid;
  grid-template-columns:54px 1fr;
  align-items:center;
  margin-top:6px;
  font-size:8px
}
.project-sponsor-line span{
  height:100%;
  display:grid;
  place-items:center;
  background:#174b86;
  color:#fff;
  font-weight:900
}
.project-sponsor-line b{text-align:center;color:#eef6ff}
.project-card .secondary-button{
  width:100%;
  height:30px;
  margin-top:auto
}
.media-card{padding-top:9px}

.control-bar{
  grid-template-columns:238px 300px 170px 250px 220px;
  border-top-color:rgba(255,203,91,.85);
  background:linear-gradient(180deg,rgba(13,20,28,.98),rgba(3,7,12,.99))
}
.spin-button{
  width:118px;
  height:118px;
  border:2px solid #9be9ff;
  background:
    radial-gradient(circle at 50% 45%,#1688e7 0 33%,#0755a7 34% 54%,#06162a 55% 63%,#2aa8ff 64% 68%,#d6a33e 69% 73%,#101924 74%);
  box-shadow:
    0 0 0 3px #6a4513,
    0 8px 25px rgba(0,0,0,.68),
    0 0 24px rgba(39,157,255,.72),
    inset 0 0 20px rgba(210,246,255,.42)
}
.spin-button .rc-mark{display:none}
.spin-button .spin-rim{
  inset:9px;
  border:2px solid rgba(211,246,255,.86);
  border-left-color:transparent;
  border-right-color:transparent;
  box-shadow:0 0 12px rgba(104,205,255,.6)
}
.spin-button strong{
  font-size:31px;
  color:#fff;
  text-shadow:0 3px 5px #002650
}
.spin-button small{
  color:#d9f6ff;
  margin-top:6px
}
.about-game{
  border-color:rgba(244,165,28,.58);
  background:linear-gradient(180deg,rgba(17,33,49,.96),rgba(4,13,22,.98))
}
.about-game span{color:#c9d5df}

@media (max-height:500px){
  .topbar{grid-template-columns:142px minmax(0,1fr) 350px}
  .top-action{font-size:10px;padding:0 7px}
  .top-action .action-icon{font-size:17px}
  .sponsor-card{height:204px}
  .project-card{height:244px}
  .stage-title strong{font-size:37px}
  .spin-button{width:114px;height:114px}
}

/* v10.12 — universal cinematic game shell */
.game-logo,.santa-game-logo,.mountain-game-logo,.muffet-game-logo,.kenny-game-logo,.thirtyfive-game-logo,.game-tagline{display:none!important}
.stage-specials{display:none}
.reel-frame{right:10px}
.stage-title{
  position:absolute;left:186px;right:18px;top:2px;height:86px;z-index:6;
  display:flex;align-items:center;justify-content:center;gap:13px;text-align:left;
  color:#fff;filter:drop-shadow(0 3px 7px rgba(0,0,0,.95));pointer-events:none
}
.stage-title:before{
  content:"";position:absolute;left:5%;right:5%;bottom:3px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,210,101,.75),transparent)
}
.stage-title img{
  width:67px;height:67px;border-radius:50%;object-fit:cover;object-position:center 22%;
  border:2px solid rgba(255,218,127,.9);box-shadow:0 0 0 3px rgba(7,17,29,.72),0 0 18px rgba(255,192,62,.35)
}
.stage-title>div{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.stage-title small{font-size:7px;letter-spacing:.27em;color:#ffd66f;font-weight:900}
.stage-title strong{
  font-family:Georgia,serif;font-size:33px;line-height:1;color:#fff3d2;white-space:nowrap;
  text-shadow:0 2px 0 #17233a,0 0 12px rgba(255,209,102,.24)
}
.stage-title span{font-size:7px;letter-spacing:.2em;color:#e4edf6;font-weight:900;margin-top:4px}
.theme-arctic .stage-title{filter:drop-shadow(0 3px 8px #001029)}
.theme-arctic .stage-title:before{background:linear-gradient(90deg,transparent,rgba(91,224,255,.9),transparent)}
.theme-arctic .stage-title img{border-color:#8ceaff;box-shadow:0 0 0 3px rgba(1,26,62,.8),0 0 21px rgba(61,207,255,.5)}
.theme-arctic .stage-title small,.theme-arctic .stage-title span{color:#a9efff}
.theme-arctic .stage-title strong{color:#eefcff;text-shadow:0 2px 0 #145388,0 0 14px rgba(76,213,255,.55)}
.theme-santa .stage-title strong,.theme-muffet .stage-title strong,.theme-thirtyfive .stage-title strong{font-size:28px}
.theme-kenny .stage-title strong,.theme-mountain .stage-title strong{font-size:30px}
.grid-6x4 .hero-bay{width:146px}
.grid-6x4 .stage-title{left:166px}
.grid-6x4 .reel-frame{left:162px}

.control-bar{grid-template-columns:238px 300px 170px 250px 220px}
.spin-button{
  width:116px;height:116px;
  box-shadow:0 0 0 4px #5b3a10,0 8px 25px rgba(0,0,0,.62),0 0 22px rgba(46,149,255,.24),inset 0 0 18px rgba(255,197,81,.34)
}
.spin-button .spin-rim{inset:8px}.spin-button strong{font-size:28px}.spin-button small{font-size:8px}
.about-game{
  appearance:none;color:#fff;padding:10px 14px;text-align:left;cursor:pointer;
  display:flex;flex-direction:column;justify-content:center;align-items:flex-start;overflow:hidden
}
.about-game:hover{border-color:#ffd069;background:linear-gradient(180deg,#132b43,#071522)}
.about-game small{font-size:8px;letter-spacing:.2em;color:#f4b93f;font-weight:900}
.about-game strong{font-family:Georgia,serif;font-size:18px;line-height:1.05;color:#fff0c9;margin:3px 0;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.about-game span{font-size:9px;color:#aebdca}.about-game b{color:#ffd05b;font-size:14px}

.menu-current-game{
  display:flex;flex-direction:column;padding:15px 17px;margin:10px 0 15px;border:1px solid rgba(244,165,28,.42);
  border-radius:12px;background:linear-gradient(135deg,#132940,#07131f)
}
.menu-current-game small{font-size:8px;letter-spacing:.2em;color:#f5be4d;font-weight:900}
.menu-current-game strong{font-family:Georgia,serif;font-size:25px;color:#fff0c9}.menu-current-game span{font-size:11px;color:#aebdca}
.menu-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.menu-action{
  min-height:68px;border:1px solid rgba(244,165,28,.38);border-radius:11px;background:#091827;color:#fff;
  padding:10px 12px;display:grid;grid-template-columns:32px 1fr 18px;gap:10px;align-items:center;text-align:left;cursor:pointer
}
.menu-action:hover{border-color:#ffd060;background:#10263a}.menu-action>span{font-size:21px;color:#ffd05c;text-align:center}
.menu-action div{display:flex;flex-direction:column}.menu-action b{font-size:13px;color:#fff0cd}.menu-action small{font-size:9px;color:#aebbc7;margin-top:3px}.menu-action em{font-style:normal;color:#ffd05b;font-size:20px}
.about-game-hero{display:grid;grid-template-columns:165px 1fr;gap:20px;align-items:center;margin:9px 0 18px}
.about-game-hero img{width:165px;height:165px;object-fit:cover;border:1px solid rgba(244,165,28,.48);border-radius:14px;background:#07121f}
.about-game-hero p{font-size:15px;line-height:1.6;color:#d7e0e8;margin:7px 0 0}

/* v10.14 final precedence over the inherited v10.12 shell */
.stage-title{
  left:178px;
  right:14px;
  top:1px;
  height:89px;
  gap:12px;
  filter:drop-shadow(0 4px 8px rgba(0,0,0,.96))
}
.stage-title:before{display:none}
.stage-title img{
  width:68px;
  height:68px;
  border-color:color-mix(in srgb,var(--theme-accent) 72%,#fff0b0);
  box-shadow:0 0 0 2px rgba(3,12,22,.86),0 0 20px color-mix(in srgb,var(--theme-accent) 42%,transparent)
}
.stage-title small{color:color-mix(in srgb,var(--theme-accent2) 86%,#fff)}
.stage-title strong{
  font-size:40px;
  color:#fff4d6;
  letter-spacing:.01em;
  text-shadow:0 2px 0 rgba(15,30,48,.95),0 0 14px color-mix(in srgb,var(--theme-accent) 30%,transparent)
}
.stage-title span{color:#edf3f8}
.theme-santa .stage-title strong,.theme-muffet .stage-title strong,.theme-thirtyfive .stage-title strong{font-size:31px}
.theme-kenny .stage-title strong,.theme-mountain .stage-title strong{font-size:34px}
.grid-6x4 .stage-title{left:158px}
.hero-bay{top:92px;bottom:12px}
.reel-frame{top:92px;bottom:12px;right:8px}
.grid-6x4 .reel-frame{left:158px}
.grid-6x4 .hero-bay{width:142px}
.spin-button{
  width:118px;
  height:118px;
  border:2px solid #9be9ff;
  background:
    radial-gradient(circle at 50% 45%,#1688e7 0 33%,#0755a7 34% 54%,#06162a 55% 63%,#2aa8ff 64% 68%,#d6a33e 69% 73%,#101924 74%);
  box-shadow:
    0 0 0 3px #6a4513,
    0 8px 25px rgba(0,0,0,.68),
    0 0 24px rgba(39,157,255,.72),
    inset 0 0 20px rgba(210,246,255,.42)
}
.spin-button .rc-mark{display:none}
.spin-button .spin-rim{
  inset:9px;
  border:2px solid rgba(211,246,255,.86);
  border-left-color:transparent;
  border-right-color:transparent;
  box-shadow:0 0 12px rgba(104,205,255,.6)
}
.spin-button strong{font-size:31px;color:#fff;text-shadow:0 3px 5px #002650}
.spin-button small{color:#d9f6ff;margin-top:6px}
.about-game{
  border-color:rgba(244,165,28,.58);
  background:linear-gradient(180deg,rgba(17,33,49,.96),rgba(4,13,22,.98))
}
.about-game span{color:#c9d5df}
@media (max-height:500px){
  .stage-title strong{font-size:37px}
  .spin-button{width:114px;height:114px}
}

/* v10.15 — approved premium shell and placement */
.app-canvas{
  border:3px solid #17191d;
  border-radius:42px;
  box-shadow:
    inset 0 0 0 2px #9d8e7e,
    inset 0 0 0 5px #080a0d,
    0 0 0 2px #050608,
    0 24px 80px rgba(0,0,0,.9)
}
.topbar{
  left:104px;
  right:18px;
  top:9px;
  height:58px;
  grid-template-columns:274px minmax(0,1fr) 350px;
  padding:4px 8px;
  border-radius:10px;
  background:linear-gradient(180deg,rgba(14,18,22,.99),rgba(3,6,9,.99))
}
.brand-button{
  width:264px;
  grid-template-columns:42px 76px 1fr;
  gap:6px;
  padding:0 5px
}
.brand-copy{
  border-right:1px solid rgba(244,165,28,.38);
  padding-right:9px
}
.return-games-copy{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  line-height:1
}
.return-games-copy small{
  font-size:10px;
  color:#e7e4dd;
  letter-spacing:.04em
}
.return-games-copy strong{
  margin-top:2px;
  font-size:17px;
  color:#fff;
  white-space:nowrap
}
.top-actions{height:44px}
.top-action{height:42px;font-size:10px}
.top-action .action-icon{font-size:18px}
.player-stats{grid-template-columns:178px 118px 42px}
.level-xp-stat,.coin-stat{height:42px}
.menu-button{width:40px;height:40px}

.main-grid{
  left:104px;
  right:18px;
  top:74px;
  height:506px;
  grid-template-columns:224px minmax(0,1fr) 244px;
  gap:8px
}
.left-rail,.right-rail{gap:8px}
.rail-card{border-radius:10px}
.sponsor-card{height:215px}
.season-card{
  position:relative;
  padding:13px;
  background:
    linear-gradient(180deg,rgba(8,19,32,.73),rgba(3,9,16,.96)),
    url('assets/arctic_frozen_stage.jpg') center/cover
}
.season-card:before{
  content:"★";
  position:absolute;
  right:17px;
  top:55px;
  width:70px;
  height:70px;
  display:grid;
  place-items:center;
  border:3px solid #c08a25;
  border-radius:0 0 30px 30px;
  color:#ffe29a;
  font-size:34px;
  background:linear-gradient(180deg,#edbd55,#7d4c0c);
  box-shadow:0 7px 14px rgba(0,0,0,.5)
}
.season-heading{grid-template-columns:1fr 70px}
.season-heading .trophy{visibility:hidden}
.season-heading h2{font-size:21px}
.season-heading p{font-size:11px;max-width:120px}
.season-card .rank{margin:15px 0 10px}
.game-stage{border-radius:10px}
.stage-title{
  left:176px;
  right:9px;
  top:0;
  height:88px
}
.stage-title img{
  width:74px;
  height:74px
}
.stage-title strong{font-size:42px}
.hero-bay{
  left:8px;
  width:154px;
  top:148px;
  bottom:9px;
  z-index:7
}
.hero-poster{padding:12px}
.poster-title{font-size:23px}
.poster-sub{font-size:9px}
.reel-frame{
  left:169px;
  right:8px;
  top:90px;
  bottom:9px;
  padding:4px
}
.grid-6x4 .hero-bay{width:145px}
.grid-6x4 .reel-frame{left:158px}
.grid-6x4 .stage-title{left:154px}
.reel-grid{gap:4px}

.project-card{height:270px;padding:10px 11px}
.project-compact-head{grid-template-columns:66px 1fr;margin:5px 0}
.project-compact-head img{width:66px;height:42px}
.project-compact-head h2{font-size:16px}
.project-card .secondary-button{height:28px}
.media-card{padding:9px 10px}
.media-head h2{font-size:17px}
.media-video-shell{height:125px}

.control-bar{
  left:104px;
  right:18px;
  top:587px;
  height:94px;
  grid-template-columns:246px 292px 174px 250px 218px;
  gap:9px;
  padding:6px 11px;
  border-radius:10px
}
.control-card{height:70px}
.spin-button{
  width:126px;
  height:126px;
  transform:translateY(-8px)
}
.spin-button:hover{transform:translateY(-8px) scale(1.02)}
.spin-button:active{transform:translateY(-8px) scale(.97)}
.about-game{
  align-items:center;
  text-align:center;
  padding:8px 12px
}
.about-game small{font-size:11px;color:#fff;letter-spacing:.03em}
.about-game strong{
  width:100%;
  text-align:center;
  font-family:Inter,ui-sans-serif,sans-serif;
  font-size:20px;
  color:#fff
}
.about-game span{display:none}

.app-canvas.dashboard-active .topbar{
  grid-template-columns:274px minmax(0,1fr) 350px
}
.app-canvas.dashboard-active .brand-button{
  width:264px;
  max-width:264px;
  grid-template-columns:42px 76px 1fr
}
.app-canvas.dashboard-active .top-actions{display:flex}

@media (max-width:900px) and (pointer:coarse){
  .app-canvas{
    border:0;
    border-radius:0;
    box-shadow:none
  }
}

/* v10.16 — final dashboard artwork library */
.journey-card img{
  object-fit:cover;
  object-position:center;
  filter:brightness(1) saturate(1.04)
}
.journey-card:after{
  background:linear-gradient(180deg,rgba(2,7,12,.01),rgba(2,7,12,.03))
}
.journey-card:hover img{
  filter:brightness(1.08) saturate(1.08)
}
.coming-soon-card img{
  filter:grayscale(.76) saturate(.42) brightness(.62) contrast(.95)
}
.coming-soon-card:after{
  background:linear-gradient(180deg,rgba(3,8,14,.18),rgba(3,8,14,.44))
}
.coming-soon-card:hover img{
  filter:grayscale(.58) saturate(.55) brightness(.72)
}
.coming-soon-card .journey-kicker{
  left:50%;
  top:12px;
  transform:translateX(-50%);
  width:max-content;
  max-width:calc(100% - 22px);
  padding:7px 13px;
  border:1px solid rgba(255,206,91,.76);
  border-radius:999px;
  background:rgba(3,10,18,.88);
  color:#ffe09a;
  text-align:center;
  box-shadow:0 5px 14px rgba(0,0,0,.5)
}
.game-card-option.coming-soon-option img{
  filter:grayscale(.68) saturate(.5) brightness(.68)
}
.game-card-option.coming-soon-option:hover img{
  filter:grayscale(.48) saturate(.64) brightness(.78)
}
.game-card-option.coming-soon-option em{
  background:rgba(3,10,18,.9);
  border:1px solid rgba(255,206,91,.76);
  color:#ffd46e
}

/* v10.20 — Hybrid native audio and YouTube media player */
.kenny-about-modal{
  position:fixed;
  left:0;
  top:0;
  width:100dvw;
  height:100dvh;
  max-width:none;
  max-height:none;
  margin:0;
  border:0;
  padding:0;
  background:#050505;
  color:#f8e5b4;
  overflow:hidden;
  overscroll-behavior:none
}
.kenny-about-modal::backdrop{background:#000}
.kenny-about-stage{
  position:absolute;
  left:50%;
  top:50%;
  width:min(100dvw,calc(100dvh * 1.891385768));
  aspect-ratio:1515/801;
  transform:translate(-50%,-50%);
  overflow:hidden;
  background:#050505;
  box-shadow:0 0 70px rgba(0,0,0,.9)
}
.kenny-about-stage>img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
  user-select:none;
  -webkit-user-drag:none
}
.kenny-viewport-back{
  position:absolute;
  z-index:12;
  left:max(10px,env(safe-area-inset-left));
  top:max(10px,env(safe-area-inset-top));
  min-width:142px;
  height:42px;
  padding:0 15px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  border:1px solid rgba(241,196,100,.94);
  border-radius:999px;
  background:linear-gradient(180deg,rgba(45,34,19,.98),rgba(8,7,5,.98));
  color:#ffe2a1;
  font-family:Arial,sans-serif;
  font-size:11px;
  font-weight:900;
  letter-spacing:.08em;
  cursor:pointer;
  box-shadow:0 8px 24px rgba(0,0,0,.72),inset 0 0 16px rgba(219,156,48,.12);
  -webkit-tap-highlight-color:transparent
}
.kenny-viewport-back span{font-size:22px;line-height:1;color:#ffd375}
.kenny-viewport-back:hover,.kenny-viewport-back:focus-visible{
  outline:2px solid #fff1b1;
  outline-offset:2px;
  background:linear-gradient(180deg,rgba(78,55,25,.99),rgba(12,9,5,.99))
}

.kenny-hotspot{
  position:absolute;
  z-index:2;
  padding:0;
  border:1px solid transparent;
  border-radius:6px;
  background:transparent;
  cursor:pointer
}
.kenny-hotspot:hover{
  border-color:rgba(255,205,91,.95);
  background:rgba(255,190,55,.1);
  box-shadow:0 0 16px rgba(255,178,36,.42)
}
.kenny-hotspot:focus-visible{
  outline:3px solid #fff1b1;
  outline-offset:2px;
  background:rgba(255,190,55,.14)
}
.kenny-back{left:1.08%;top:1.62%;width:13.6%;height:5.75%}
.kenny-story-tab{left:43.95%;top:13.72%;width:28.45%;height:5.35%}
.kenny-podcast{left:82.55%;top:29.45%;width:11%;height:4.35%}
.kenny-songs{left:82.55%;top:46.2%;width:11%;height:4.7%}
.kenny-band{left:82.55%;top:63.55%;width:11%;height:4.65%}
.kenny-farm{left:82.55%;top:82.55%;width:11%;height:4.65%}
.kenny-facebook{left:72.86%;top:90.55%;width:3.15%;height:6.3%;border-radius:50%}
.kenny-instagram{left:76.9%;top:90.55%;width:3.15%;height:6.3%;border-radius:50%}
.kenny-youtube{left:80.95%;top:90.55%;width:3.15%;height:6.3%;border-radius:50%}
.kenny-tiktok{left:85%;top:90.55%;width:3.15%;height:6.3%;border-radius:50%}
.kenny-x{left:89.05%;top:90.55%;width:3.15%;height:6.3%;border-radius:50%}
.kenny-intro-video{left:34.95%;top:86%;width:30.5%;height:8.75%}
.kenny-coming-soon{
  position:absolute;
  z-index:4;
  left:50%;
  top:50%;
  min-width:260px;
  padding:18px 28px;
  border:1px solid #d89a2e;
  border-radius:12px;
  background:linear-gradient(180deg,rgba(27,20,12,.98),rgba(6,6,6,.98));
  color:#f5d28a;
  text-align:center;
  box-shadow:0 18px 50px rgba(0,0,0,.72),inset 0 0 22px rgba(208,142,38,.1);
  opacity:0;
  visibility:hidden;
  transform:translate(-50%,-42%) scale(.96);
  transition:opacity .18s ease,transform .18s ease,visibility .18s
}
.kenny-coming-soon.visible{
  opacity:1;
  visibility:visible;
  transform:translate(-50%,-50%) scale(1)
}
.kenny-coming-soon strong{
  display:block;
  font-family:Georgia,serif;
  font-size:24px;
  letter-spacing:.08em;
  color:#ffd879
}
.kenny-coming-soon span{
  display:block;
  margin-top:6px;
  color:#fff0c9;
  font-size:14px
}
@media (prefers-reduced-motion:reduce){
  .kenny-coming-soon{transition:none}
}

/* v10.22 — final universal shell */
.app-canvas{
  --spin-core:#1688e7;
  --spin-mid:#0755a7;
  --spin-ring:#8ceaff;
  --spin-glow:rgba(39,157,255,.76)
}
.app-canvas.theme-coffee{
  --spin-core:#d68c18;
  --spin-mid:#74420a;
  --spin-ring:#ffd26d;
  --spin-glow:rgba(244,165,28,.7)
}
.app-canvas.theme-charli{
  --spin-core:#12ac9a;
  --spin-mid:#075b65;
  --spin-ring:#92fff0;
  --spin-glow:rgba(21,183,166,.72)
}
.app-canvas.theme-arctic{
  --spin-core:#168fe8;
  --spin-mid:#0756aa;
  --spin-ring:#adf2ff;
  --spin-glow:rgba(65,196,255,.8)
}
.app-canvas.theme-mountain{
  --spin-core:#d49a29;
  --spin-mid:#66430d;
  --spin-ring:#ffe9a3;
  --spin-glow:rgba(215,167,71,.74)
}
.app-canvas.theme-santa{
  --spin-core:#c94235;
  --spin-mid:#71170f;
  --spin-ring:#ffd887;
  --spin-glow:rgba(212,59,53,.72)
}
.app-canvas.theme-muffet{
  --spin-core:#e0a21b;
  --spin-mid:#78520a;
  --spin-ring:#fff1a6;
  --spin-glow:rgba(229,169,35,.78)
}
.app-canvas.theme-kenny{
  --theme-accent:#c98b2c;
  --theme-accent2:#f5d17a;
  --spin-core:#bd7a1f;
  --spin-mid:#4b2d0a;
  --spin-ring:#ffe098;
  --spin-glow:rgba(201,139,44,.72)
}
.app-canvas.theme-thirtyfive{
  --theme-accent:#ba8b3b;
  --theme-accent2:#f3d58c;
  --spin-core:#26764f;
  --spin-mid:#113d2a;
  --spin-ring:#ffdd8a;
  --spin-glow:rgba(55,149,99,.72)
}

.topbar,
.control-bar{
  border-color:rgba(212,153,43,.82);
  border-radius:8px;
  background:
    linear-gradient(180deg,rgba(15,18,20,.985),rgba(3,7,10,.995)),
    repeating-linear-gradient(90deg,rgba(255,255,255,.016) 0 1px,transparent 1px 4px);
  box-shadow:inset 0 1px rgba(255,232,173,.08),0 8px 24px rgba(0,0,0,.55)
}
.top-action{
  border-radius:4px;
  border-color:rgba(192,137,42,.55);
  background:linear-gradient(180deg,#171817,#080b0d);
  box-shadow:inset 0 1px rgba(255,239,194,.06)
}
.level-xp-stat,
.coin-stat,
.menu-button{
  border-radius:6px;
  background:linear-gradient(180deg,#151719,#070b0e);
  border-color:rgba(192,137,42,.58)
}

.main-grid{
  grid-template-columns:224px minmax(0,1fr) 244px;
  gap:8px
}
.left-rail,.right-rail{gap:10px;overflow:visible}
.rail-card{
  position:relative;
  overflow:visible;
  border-radius:9px;
  border-color:rgba(202,145,42,.82);
  background:
    radial-gradient(circle at 50% 0,rgba(255,255,255,.035),transparent 38%),
    linear-gradient(180deg,rgba(22,23,22,.985),rgba(4,8,11,.995));
  box-shadow:inset 0 0 0 1px rgba(255,221,146,.07),0 8px 18px rgba(0,0,0,.48)
}
.sponsor-card>.eyebrow,
.season-card>.eyebrow,
.project-card>.eyebrow,
.media-card .media-head .eyebrow{
  position:absolute;
  z-index:5;
  left:12px;
  right:12px;
  top:-11px;
  height:27px;
  display:grid;
  place-items:center;
  border:1px solid rgba(214,158,56,.88);
  border-radius:999px;
  background:linear-gradient(180deg,#20201d,#080b0d);
  color:#f6d480;
  font-size:10px;
  letter-spacing:.08em;
  box-shadow:inset 0 1px rgba(255,239,198,.08),0 4px 9px rgba(0,0,0,.45)
}
.sponsor-card{
  height:244px;
  padding:28px 13px 11px
}
.sponsor-card h2{
  margin:7px 0 11px;
  font-family:Inter,ui-sans-serif,sans-serif;
  font-size:19px;
  font-weight:600
}
.challenge-counter{
  padding:6px 10px;
  border-color:rgba(206,151,49,.66);
  border-radius:6px;
  background:#070b0e
}
.challenge-counter>strong{font-size:20px;font-weight:600}
.challenge-counter .progress-track{display:none}
.challenge-rewards{
  gap:9px;
  margin:14px 7px 13px;
  font-size:14px
}
.challenge-rewards b{font-size:19px;color:#ffd04f}
.challenge-rewards span:first-child b{color:#55e4a7}
.sponsor-match-row{
  height:35px;
  grid-template-columns:62px 1fr;
  border-radius:5px;
  font-size:11px
}
.sponsor-match-row span{
  position:relative;
  overflow:hidden;
  color:transparent
}
.sponsor-match-row span:after{
  content:"●";
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  color:#fff;
  font-size:21px;
  text-shadow:-5px 0 #e63436,5px 0 #2467b8
}

.season-card{
  padding:27px 12px 11px;
  display:grid;
  grid-template-rows:1fr auto auto 38px;
  gap:8px;
  background:
    linear-gradient(180deg,rgba(3,13,26,.28),rgba(3,9,16,.88)),
    url('assets/arctic_frozen_stage.jpg') center/cover
}
.season-card:before{display:none}
.season-event-visual{
  min-height:130px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border-radius:3px;
  background:
    radial-gradient(circle at 50% 22%,rgba(76,187,255,.36),transparent 25%),
    linear-gradient(180deg,rgba(4,18,43,.08),rgba(4,15,35,.24))
}
.season-event-visual span{
  width:94px;
  height:100px;
  display:grid;
  place-items:center;
  border:5px solid #ae7117;
  border-top-width:8px;
  border-radius:7px 7px 34px 34px;
  background:linear-gradient(145deg,#ffd875 0 34%,#a76008 72%,#e5a52d);
  color:#fff2b2;
  font-size:48px;
  text-shadow:0 3px 1px #8a5008;
  box-shadow:0 9px 16px rgba(0,0,0,.48),inset 0 0 17px rgba(255,242,184,.36)
}
.season-points{
  text-align:center;
  font-size:13px;
  font-weight:700;
  color:#f2eee4
}
.season-progress{
  height:10px;
  overflow:hidden;
  border:1px solid rgba(212,157,55,.72);
  border-radius:999px;
  background:#071019
}
.season-progress i{
  display:block;
  width:41.25%;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,var(--theme-accent),var(--theme-accent2));
  box-shadow:0 0 9px var(--spin-glow)
}
.season-card .secondary-button{width:100%;height:38px}

.project-card{
  height:270px;
  padding:27px 11px 10px
}
.project-compact-head{
  grid-template-columns:68px 1fr;
  gap:8px;
  margin:3px 0 5px
}
.project-compact-head img{width:68px;height:44px}
.project-compact-head h2{font-size:17px}
.project-progress-line{margin-top:2px}
.project-funding{margin:4px 0}
.project-mission-line,
.project-detail-line{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:7px;
  color:#e2e8ec
}
.project-mission-line{
  font-size:9px;
  line-height:1.18;
  margin:3px 1px
}
.project-mission-line span{color:#7bd56c;font-size:15px}
.project-detail-line{font-size:9px;margin:2px 1px}
.project-sponsor-line{margin-top:4px}
.project-card .secondary-button{height:29px}

.media-card{
  padding:27px 10px 9px;
  overflow:visible
}
.media-head{min-height:27px}
.media-head h2{margin:1px 0 5px;font-size:17px}
.media-card .media-head .eyebrow{top:-11px}
.media-video-shell{height:132px}
.video-thumb{height:100%}

.game-stage{
  border-radius:8px;
  border-color:color-mix(in srgb,var(--theme-accent) 70%,#b98530);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.05),0 10px 24px rgba(0,0,0,.55)
}
.hero-bay,
.theme-charli .hero-bay,
.theme-arctic .hero-bay,
.theme-santa .hero-bay,
.theme-mountain .hero-bay,
.theme-muffet .hero-bay,
.theme-kenny .hero-bay,
.theme-thirtyfive .hero-bay{
  left:0;
  top:92px;
  bottom:0;
  width:166px;
  overflow:visible;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  -webkit-mask-image:linear-gradient(90deg,#000 0 88%,transparent 100%);
  mask-image:linear-gradient(90deg,#000 0 88%,transparent 100%)
}
.hero-poster{
  inset:-1px -8px 0 0;
  padding:12px 20px 14px 12px;
  border:0;
  border-radius:0;
  box-shadow:none;
  background-size:cover;
  z-index:3
}
.grid-6x4 .hero-bay{width:156px}
.reel-frame{left:169px}
.grid-6x4 .reel-frame{left:158px}

.control-bar{
  grid-template-columns:246px 292px 174px 250px 218px;
  gap:9px;
  padding:6px 11px
}
.control-card{
  height:70px;
  border-radius:5px;
  border-color:rgba(184,132,42,.58);
  background:linear-gradient(180deg,#151819,#070b0e);
  box-shadow:inset 0 1px rgba(255,241,203,.04)
}
.bet-control button{
  border-radius:5px;
  background:#0b1013
}
.mode-control button{
  border-radius:5px;
  background:#0c1114
}
.spin-button{
  width:148px;
  height:148px;
  transform:translateY(-24px);
  border:2px solid var(--spin-ring);
  background:
    radial-gradient(circle at 50% 43%,var(--spin-core) 0 31%,var(--spin-mid) 32% 53%,#06121e 54% 61%,var(--spin-core) 62% 66%,#d4a042 67% 72%,#10151a 73%);
  box-shadow:
    0 0 0 4px #65430f,
    0 10px 28px rgba(0,0,0,.72),
    0 0 27px var(--spin-glow),
    inset 0 0 24px rgba(234,251,255,.36)
}
.spin-button:hover{transform:translateY(-24px) scale(1.025);filter:brightness(1.08)}
.spin-button:active{transform:translateY(-24px) scale(.975)}
.spin-button .spin-rim{
  inset:10px;
  border-color:var(--spin-ring);
  border-left-color:transparent;
  border-right-color:transparent;
  box-shadow:0 0 14px var(--spin-glow)
}
.spin-button strong{font-size:37px}
.spin-button small{font-size:8px;color:#fff3cd}

/* Kenny Roy introduction video */
.kenny-intro-modal{
  width:100vw;
  height:100vh;
  max-width:none;
  max-height:none;
  border:0;
  padding:0;
  background:rgba(0,0,0,.94);
  color:#f8e5b4;
  overflow:hidden
}
.kenny-intro-modal::backdrop{background:#000}
.kenny-intro-panel{
  position:absolute;
  left:50%;
  top:50%;
  width:min(1080px,94vw);
  transform:translate(-50%,-50%);
  padding:14px 18px 12px;
  border:1px solid #b87925;
  border-radius:14px;
  background:linear-gradient(180deg,#17110a,#050505);
  box-shadow:0 28px 80px rgba(0,0,0,.86)
}
.kenny-intro-panel>.eyebrow{text-align:center}
.kenny-intro-panel h2{
  margin:4px 48px 11px;
  text-align:center;
  font-family:Georgia,serif;
  font-size:29px;
  color:#ffe0a0
}
.kenny-intro-close{right:12px;top:10px}
.kenny-intro-video-wrap{
  position:relative;
  width:100%;
  aspect-ratio:16/9;
  overflow:hidden;
  border:1px solid rgba(218,157,57,.7);
  border-radius:9px;
  background:#000
}
.kenny-intro-video-wrap video{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
  background:#000
}
.kenny-intro-center-play{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  min-width:180px;
  padding:14px 18px;
  border:1px solid #e1a33c;
  border-radius:999px;
  background:rgba(10,8,5,.88);
  color:#ffe0a0;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  cursor:pointer;
  box-shadow:0 12px 28px rgba(0,0,0,.6);
  transition:transform .16s,opacity .16s
}
.kenny-intro-center-play span{font-size:24px}
.kenny-intro-center-play strong{font-size:12px;letter-spacing:.12em}
.kenny-intro-center-play:hover{transform:translate(-50%,-50%) scale(1.03)}
.kenny-intro-video-wrap.is-playing .kenny-intro-center-play{opacity:0;pointer-events:none}
.kenny-intro-actions{display:flex;justify-content:center;gap:9px;margin-top:10px}
.kenny-intro-actions button{
  padding:8px 14px;
  border:1px solid rgba(214,153,47,.62);
  border-radius:7px;
  background:linear-gradient(180deg,#2b2112,#0d0905);
  color:#f8de9e;
  font-size:11px;
  font-weight:800;
  cursor:pointer
}
.kenny-intro-actions span{margin-right:6px;color:#ffd064}
.kenny-intro-video-wrap:fullscreen,
.kenny-intro-video-wrap:-webkit-full-screen{width:100vw;height:100vh;background:#000}
.kenny-intro-video-wrap:fullscreen video,
.kenny-intro-video-wrap:-webkit-full-screen video{width:100%;height:100%}

/* Two-screen Marketplace */
.marketplace-modal{
  position:fixed;
  width:100dvw;
  height:100dvh;
  max-width:none;
  max-height:none;
  margin:0;
  padding:0;
  border:0;
  background:#020405;
  overflow:hidden
}
.marketplace-modal::backdrop{background:#000}
.marketplace-stage{
  position:absolute;
  left:50%;
  top:50%;
  width:min(100dvw,calc(100dvh * 1.778242678));
  aspect-ratio:1700/956;
  transform:translate(-50%,-50%);
  overflow:hidden;
  background:#030707;
  box-shadow:0 0 70px rgba(0,0,0,.9)
}
.marketplace-stage.marketplace-screen-two{
  width:min(100dvw,calc(100dvh * 1.806588735));
  aspect-ratio:1700/941
}
.marketplace-stage.marketplace-screen-three{
  width:min(100dvw,calc(100dvh * 1.778723404));
  aspect-ratio:1672/941
}
.marketplace-stage>img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:fill;
  display:block;
  user-select:none;
  -webkit-user-drag:none
}
.marketplace-close{
  position:absolute;
  z-index:9;
  right:1.2%;
  top:1.7%;
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border:1px solid rgba(233,190,97,.88);
  border-radius:50%;
  background:rgba(3,8,9,.88);
  color:#f7d68a;
  font-size:25px;
  line-height:1;
  cursor:pointer;
  box-shadow:0 5px 14px rgba(0,0,0,.48)
}
.marketplace-switcher{
  position:absolute;
  z-index:11;
  left:50%;
  bottom:1.55%;
  transform:translateX(-50%);
  display:flex;
  gap:8px;
  padding:8px;
  border:1px solid rgba(210,155,54,.58);
  border-radius:999px;
  background:rgba(2,7,8,.9);
  box-shadow:0 8px 24px rgba(0,0,0,.35)
}
.marketplace-switcher button{
  min-width:166px;
  height:42px;
  padding:0 18px;
  border:1px solid rgba(225,179,82,.48);
  border-radius:999px;
  background:linear-gradient(180deg,rgba(18,24,26,.98),rgba(8,14,18,.98));
  color:#d7b770;
  font-size:14px;
  font-weight:800;
  letter-spacing:.08em;
  cursor:pointer;
  transition:transform .16s,border-color .16s,background .16s,color .16s
}
.marketplace-switcher button:hover,
.marketplace-switcher button:focus-visible{
  outline:0;
  border-color:rgba(255,214,115,.96);
  transform:translateY(-1px)
}
.marketplace-switcher button.active{
  background:linear-gradient(180deg,rgba(38,88,56,.95),rgba(22,56,34,.98));
  color:#fff3cb;
  border-color:#f1c86b;
  box-shadow:inset 0 0 0 1px rgba(255,233,164,.15)
}
.marketplace-nav-arrow{
  position:absolute;
  z-index:11;
  top:50%;
  transform:translateY(-50%);
  width:48px;
  height:64px;
  border:1px solid rgba(233,190,97,.72);
  border-radius:999px;
  background:rgba(3,8,9,.88);
  color:#f7d68a;
  font-size:34px;
  line-height:1;
  display:grid;
  place-items:center;
  cursor:pointer;
  box-shadow:0 5px 14px rgba(0,0,0,.48)
}
.marketplace-nav-arrow:hover,
.marketplace-nav-arrow:focus-visible{
  outline:0;
  border-color:#ffd36a;
  background:rgba(10,19,25,.95)
}
.market-arrow-prev{left:1.15%}
.market-arrow-next{right:1.15%}
.marketplace-screen-one .market-arrow-prev,
.marketplace-screen-three .market-arrow-next{
  opacity:.24;
  pointer-events:none
}
@media (max-width:900px), (max-height:620px){
  .marketplace-switcher{padding:6px;gap:6px;bottom:1.2%}
  .marketplace-switcher button{min-width:126px;height:34px;padding:0 12px;font-size:11px}
  .marketplace-nav-arrow{width:40px;height:54px;font-size:28px}
}
.market-hotspot{
  position:absolute;
  z-index:5;
  padding:0;
  border:1px solid transparent;
  border-radius:7px;
  background:transparent;
  cursor:pointer
}
.market-hotspot:hover,
.market-hotspot:focus-visible{
  outline:0;
  border-color:rgba(255,214,115,.96);
  background:rgba(255,207,96,.08);
  box-shadow:0 0 18px rgba(234,177,65,.42)
}
.market-shop-all{left:14.1%;top:11.4%;width:12.1%;height:8.2%}
.market-featured-item{left:1.2%;top:21%;width:48.2%;height:73.2%}
.market-mug-item{left:50%;top:21%;width:21.5%;height:43.2%}
.market-coffee-item{left:72%;top:21%;width:26.9%;height:43.2%}
.market-impact-item{left:50%;top:65%;width:48.9%;height:29.1%}
.market-thirtyfive-item{left:.8%;top:29%;width:45.5%;height:62.5%}
.market-muffet-item{left:48.1%;top:10%;width:50.6%;height:51.8%}
.market-arctic-item{left:47.5%;top:63%;width:51.3%;height:30%}
.marketplace-screen-one .market-thirtyfive-item,
.marketplace-screen-one .market-muffet-item,
.marketplace-screen-one .market-arctic-item{display:none}
.marketplace-screen-two .market-shop-all,
.marketplace-screen-two .market-featured-item,
.marketplace-screen-two .market-mug-item,
.marketplace-screen-two .market-coffee-item,
.marketplace-screen-two .market-impact-item{display:none}
.market-coming-soon{
  position:absolute;
  z-index:12;
  left:50%;
  top:50%;
  min-width:310px;
  padding:21px 30px;
  border:1px solid #daa03c;
  border-radius:12px;
  background:linear-gradient(180deg,rgba(24,30,25,.98),rgba(3,7,7,.98));
  text-align:center;
  box-shadow:0 20px 60px rgba(0,0,0,.76),inset 0 0 22px rgba(208,153,48,.1);
  opacity:0;
  visibility:hidden;
  transform:translate(-50%,-42%) scale(.96);
  transition:opacity .18s ease,transform .18s ease,visibility .18s
}
.market-coming-soon.visible{
  opacity:1;
  visibility:visible;
  transform:translate(-50%,-50%) scale(1)
}
.market-coming-soon strong{
  display:block;
  font-family:Georgia,serif;
  font-size:27px;
  letter-spacing:.1em;
  color:#f5cf7c
}
.market-coming-soon span{display:block;margin-top:7px;color:#eff3e7;font-size:14px}

@media (max-height:560px){
  .spin-button{width:140px;height:140px}
  .sponsor-card{height:236px}
  .project-card{height:264px}
  .media-video-shell{height:124px}
  .kenny-intro-panel{width:min(980px,94vw);padding:10px 14px 9px}
  .kenny-intro-panel h2{font-size:22px;margin:3px 44px 7px}
  .kenny-intro-actions{margin-top:7px}
  .kenny-intro-actions button{padding:6px 11px}
}
@media (prefers-reduced-motion:reduce){
  .market-coming-soon,.kenny-intro-center-play{transition:none}
}

/* v10.24 — Kenny Roy mobile-safe About screen and Stories from the Rail audio */
@media (max-height:620px) and (orientation:landscape){
  .kenny-viewport-back{
    left:max(8px,env(safe-area-inset-left));
    top:max(8px,env(safe-area-inset-top));
    min-width:126px;
    height:36px;
    padding:0 12px;
    font-size:10px
  }
  .kenny-viewport-back span{font-size:19px}
}

.market-trainset-item{left:32.4%;top:19%;width:63.8%;height:34.6%}
.market-seminole-item{left:1.1%;top:55%;width:31.5%;height:33.2%}
.market-navajo-item{left:33.5%;top:55%;width:31.8%;height:33.2%}
.market-gridiron-item{left:66%;top:55%;width:32.3%;height:33.2%}
.marketplace-screen-one .market-trainset-item,
.marketplace-screen-one .market-seminole-item,
.marketplace-screen-one .market-navajo-item,
.marketplace-screen-one .market-gridiron-item,
.marketplace-screen-two .market-trainset-item,
.marketplace-screen-two .market-seminole-item,
.marketplace-screen-two .market-navajo-item,
.marketplace-screen-two .market-gridiron-item{display:none}
.marketplace-screen-three .market-shop-all,
.marketplace-screen-three .market-featured-item,
.marketplace-screen-three .market-mug-item,
.marketplace-screen-three .market-coffee-item,
.marketplace-screen-three .market-impact-item,
.marketplace-screen-three .market-thirtyfive-item,
.marketplace-screen-three .market-muffet-item,
.marketplace-screen-three .market-arctic-item{display:none}

/* v10.26.0 — Santa Bonus and Super Bonus playable prototype */
.santa-demo-controls{
  display:none;
  position:absolute;
  z-index:22;
  right:10px;
  bottom:8px;
  align-items:center;
  gap:6px;
  padding:5px 7px;
  border:1px solid rgba(246,195,91,.82);
  border-radius:999px;
  background:rgba(28,8,9,.88);
  box-shadow:0 6px 18px rgba(0,0,0,.52),inset 0 0 0 1px rgba(255,235,171,.08)
}
.theme-santa .santa-demo-controls{display:flex}
.santa-demo-controls span{font-size:7px;font-weight:900;letter-spacing:.13em;color:#ffd675}
.santa-demo-controls button{height:23px;padding:0 9px;border:1px solid rgba(255,211,116,.6);border-radius:999px;background:linear-gradient(180deg,#a91e24,#5b090e);color:#fff4d1;font-size:8px;font-weight:900;letter-spacing:.06em;cursor:pointer}
.santa-demo-controls button:last-child{background:linear-gradient(180deg,#d89b27,#76470c);color:#1d1003}
.santa-demo-controls button:hover{filter:brightness(1.13)}

.santa-feature-modal{
  position:fixed;
  inset:0;
  width:100dvw;
  height:100dvh;
  max-width:none;
  max-height:none;
  margin:0;
  padding:0;
  border:0;
  background:#030507;
  overflow:hidden
}
.santa-feature-modal::backdrop{background:#000}
.santa-feature-stage{
  position:absolute;
  inset:max(5px,env(safe-area-inset-top,0px)) max(5px,env(safe-area-inset-right,0px)) max(5px,env(safe-area-inset-bottom,0px)) max(5px,env(safe-area-inset-left,0px));
  overflow:hidden;
  display:grid;
  grid-template-rows:72px minmax(0,1fr) 126px;
  border:2px solid #d6a64c;
  border-radius:16px;
  background:
    linear-gradient(180deg,rgba(4,11,18,.12),rgba(3,8,12,.7)),
    url('assets/santa_christmas_stage.jpg') center/cover;
  color:#fff;
  box-shadow:inset 0 0 90px rgba(0,0,0,.68),inset 0 0 0 1px rgba(255,238,182,.09)
}
.santa-feature-stage::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:radial-gradient(circle at 50% 25%,rgba(255,197,91,.15),transparent 34%),linear-gradient(90deg,rgba(7,20,24,.55),transparent 20%,transparent 80%,rgba(7,20,24,.55));
  z-index:0
}
.sf-snow,.sf-snow::before,.sf-snow::after{position:absolute;inset:-30%;content:"";pointer-events:none;z-index:1;background-image:radial-gradient(circle,#fff 0 1.2px,transparent 1.7px);background-size:43px 43px;opacity:.22;animation:sfSnow 18s linear infinite}
.sf-snow::before{background-size:67px 67px;opacity:.16;animation-duration:27s;transform:translateX(20px)}
.sf-snow::after{background-size:91px 91px;opacity:.11;animation-duration:35s;transform:translateX(-30px)}
@keyframes sfSnow{to{transform:translate3d(45px,190px,0)}}
.sf-header,.sf-content,.sf-footer{position:relative;z-index:3}
.sf-header{
  display:grid;
  grid-template-columns:minmax(280px,1fr) minmax(420px,1.35fr) auto;
  align-items:center;
  gap:14px;
  padding:8px 15px;
  border-bottom:1px solid rgba(226,177,75,.62);
  background:linear-gradient(180deg,rgba(18,21,22,.98),rgba(5,9,12,.96));
  box-shadow:0 7px 20px rgba(0,0,0,.42)
}
.sf-brand{display:flex;flex-direction:column;min-width:0}.sf-brand span{font-size:8px;letter-spacing:.24em;color:#f2c75e;font-weight:900}.sf-brand strong{font-family:Georgia,serif;font-size:25px;line-height:1.05;color:#fff0c5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sf-brand small{font-size:10px;color:#bdc8d0;margin-top:2px}
.sf-header-actions{display:flex;align-items:center;gap:7px}.sf-header-actions button{height:36px;border:1px solid rgba(229,183,83,.7);border-radius:999px;background:#11191d;color:#f7d78c;font-size:10px;font-weight:900;letter-spacing:.08em;padding:0 13px;cursor:pointer}.sf-header-actions button:last-child{width:36px;padding:0;font-size:23px;line-height:1}.sf-header-actions button[aria-pressed="true"]{background:#8b1c21;color:#fff;border-color:#ffd16b}
.sf-journey-progress{display:flex;align-items:center;justify-content:center;gap:6px;min-width:0}.sf-progress-stop{display:flex;align-items:center;gap:5px;color:#79858e;font-size:9px;font-weight:800;white-space:nowrap}.sf-progress-stop::before{content:"";width:20px;height:20px;border-radius:50%;display:grid;place-items:center;border:1px solid #5e6870;background:#101619;box-shadow:inset 0 0 0 2px rgba(255,255,255,.02)}.sf-progress-stop.active{color:#ffe197}.sf-progress-stop.active::before{border-color:#ffd16b;background:#9e2024;box-shadow:0 0 12px rgba(255,80,52,.46)}.sf-progress-stop.complete{color:#b9d7b3}.sf-progress-stop.complete::before{content:"✓";border-color:#9dcf7a;background:#234d2d;color:#fff;font-size:11px}.sf-progress-line{width:20px;height:1px;background:#4e565b}

.sf-content{min-height:0;padding:16px 20px 12px;overflow:auto;-webkit-overflow-scrolling:touch}
.sf-screen{height:100%;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px}
.sf-kicker{font-size:10px;font-weight:900;letter-spacing:.24em;color:#ffcd61}.sf-screen h2{margin:0;font-family:Georgia,serif;font-size:clamp(32px,4.1vw,62px);line-height:1;color:#fff0c0;text-shadow:0 4px 12px rgba(0,0,0,.7)}.sf-screen h3{margin:0;font-family:Georgia,serif;font-size:clamp(24px,3vw,42px);color:#fff0c0}.sf-screen>p{margin:0;max-width:820px;color:#e4ebef;font-size:clamp(13px,1.4vw,18px);line-height:1.45}.sf-award-strip{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.sf-award-chip{min-width:130px;padding:10px 14px;border:1px solid rgba(239,191,87,.62);border-radius:11px;background:rgba(7,14,18,.78);box-shadow:inset 0 0 14px rgba(255,184,58,.06)}.sf-award-chip small{display:block;font-size:8px;letter-spacing:.15em;color:#b9c5cd}.sf-award-chip strong{display:block;margin-top:3px;font-size:20px;color:#ffd36a}
.sf-primary,.sf-secondary{min-height:44px;padding:0 24px;border-radius:999px;font-weight:900;letter-spacing:.08em;cursor:pointer}.sf-primary{border:2px solid #ffe09a;background:linear-gradient(180deg,#cf3037,#801117);color:#fff6d9;box-shadow:0 8px 22px rgba(0,0,0,.38),0 0 18px rgba(219,44,45,.3)}.sf-secondary{border:1px solid rgba(239,191,87,.66);background:rgba(8,15,19,.88);color:#f4d58d}.sf-primary:hover,.sf-secondary:hover{filter:brightness(1.12)}
.sf-button-row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}

.sf-screen-artflow{justify-content:flex-start;padding-top:4px}
.sf-scene-art{width:min(1120px,98%);border:1px solid rgba(232,184,78,.62);border-radius:16px;overflow:hidden;background:#070c12;box-shadow:0 12px 28px rgba(0,0,0,.38),inset 0 0 0 1px rgba(255,255,255,.02)}
.sf-scene-art img{display:block;width:100%;height:auto}
.sf-screen-artflow .sf-award-strip,.sf-screen-artflow .sf-summary,.sf-screen-artflow .sf-cargo-grid,.sf-screen-artflow .sf-depot-grid,.sf-screen-artflow .sf-route-grid,.sf-screen-artflow .sf-village-grid,.sf-screen-artflow .sf-sponsor-grid,.sf-screen-artflow .sf-spirit-meter,.sf-screen-artflow .sf-flying-car-strip{margin-top:2px}
.sf-flying-car-strip{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;width:min(1120px,98%)}
.sf-flying-car-strip .sf-flying-car{min-width:128px;background:linear-gradient(180deg,rgba(31,22,15,.94),rgba(12,8,5,.94));border:1px solid rgba(232,184,78,.48);border-radius:14px;padding:10px 12px;color:#f6e0ab;text-align:center;box-shadow:0 8px 16px rgba(0,0,0,.26)}

.sf-cargo-grid,.sf-depot-grid{width:min(1050px,96%);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:stretch}.sf-depot-grid{grid-template-columns:repeat(5,minmax(0,1fr));width:min(1180px,98%)}
.sf-cargo-card,.sf-depot-car,.sf-route-card,.sf-village-card,.sf-sponsor-card{
  position:relative;
  overflow:hidden;
  min-height:158px;
  border:1.5px solid rgba(224,174,70,.68);
  border-radius:13px;
  background:linear-gradient(180deg,rgba(25,37,39,.94),rgba(7,13,16,.98));
  color:#fff;
  cursor:pointer;
  box-shadow:inset 0 0 0 1px rgba(255,236,176,.05),0 8px 18px rgba(0,0,0,.36);
  transition:transform .18s,border-color .18s,filter .18s
}
.sf-cargo-card:hover,.sf-depot-car:hover,.sf-route-card:hover,.sf-village-card:hover,.sf-sponsor-card:hover{transform:translateY(-3px);border-color:#ffd36c;filter:brightness(1.08)}
.sf-cargo-card img,.sf-depot-car img{width:100%;height:98px;object-fit:contain;padding:7px;background:radial-gradient(circle at 50% 40%,rgba(255,194,75,.12),transparent 55%)}
.sf-cargo-card b,.sf-depot-car b{display:block;padding:7px 8px 0;font-family:Georgia,serif;font-size:16px;color:#ffe1a0}.sf-cargo-card small,.sf-depot-car small{display:block;padding:4px 8px 10px;font-size:9px;color:#b9c5cd}.sf-cargo-card.selected,.sf-depot-car.selected{border-color:#86d975;background:linear-gradient(180deg,rgba(36,79,46,.94),rgba(7,25,13,.98));pointer-events:none}.sf-cargo-card.revealed::after,.sf-depot-car.revealed::after{content:"LOADED";position:absolute;right:7px;top:7px;padding:4px 7px;border-radius:999px;background:#2b6b35;color:#fff;font-size:8px;font-weight:900;letter-spacing:.08em}.sf-cargo-card.locked,.sf-depot-car.locked{opacity:.42;pointer-events:none}
.sf-reveal-banner{width:min(760px,94%);padding:12px 16px;border:1px solid #f4c665;border-radius:12px;background:linear-gradient(180deg,rgba(112,20,20,.97),rgba(43,6,9,.97));box-shadow:0 0 24px rgba(232,75,42,.32)}.sf-reveal-banner strong{display:block;font-family:Georgia,serif;font-size:23px;color:#fff0bd}.sf-reveal-banner span{display:block;margin-top:4px;color:#ffd971;font-size:16px;font-weight:900}

.sf-summary{width:min(900px,94%);display:grid;grid-template-columns:1.15fr .85fr;gap:14px;text-align:left}.sf-summary-panel{padding:16px;border:1px solid rgba(232,184,77,.58);border-radius:14px;background:rgba(5,12,16,.82)}.sf-summary-panel h4{margin:0 0 10px;font-family:Georgia,serif;font-size:22px;color:#ffe09a}.sf-summary-list{display:grid;gap:7px}.sf-summary-line{display:flex;justify-content:space-between;gap:14px;padding:8px 10px;border-radius:8px;background:rgba(255,255,255,.035);font-size:13px}.sf-summary-line strong{color:#ffd367}

.sf-free-spin-layout{width:min(1120px,98%);display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:14px;min-height:0;align-items:stretch}.sf-mini-reels{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(4,1fr);gap:4px;padding:8px;border:2px solid #d9aa4c;border-radius:13px;background:linear-gradient(180deg,#32130d,#090807);min-height:300px}.sf-mini-cell{overflow:hidden;border:1px solid rgba(229,181,76,.68);border-radius:6px;background:#092019}.sf-mini-cell img{width:100%;height:100%;object-fit:contain;padding:2px}.sf-free-sidebar{display:flex;flex-direction:column;gap:9px;padding:13px;border:1px solid rgba(230,183,80,.58);border-radius:13px;background:rgba(5,12,16,.88);text-align:left}.sf-counter{font-family:Georgia,serif;font-size:26px;color:#ffe09a}.sf-meter-line{display:flex;justify-content:space-between;padding:8px;border-bottom:1px solid rgba(255,255,255,.08);font-size:12px}.sf-meter-line strong{color:#ffd367}.sf-modifier-list{display:flex;gap:6px;flex-wrap:wrap}.sf-modifier{padding:6px 8px;border-radius:999px;background:#842027;border:1px solid #e1af55;font-size:9px;font-weight:900;color:#fff2cc}.sf-spin-message{margin-top:auto;min-height:50px;padding:9px;border-radius:9px;background:rgba(255,255,255,.04);font-size:11px;color:#d7e0e6}
.sf-mini-cell.flash{animation:sfCellFlash .55s ease both}@keyframes sfCellFlash{50%{filter:brightness(1.7);transform:scale(1.04)}}

.sf-route-grid{width:min(1080px,96%);display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.sf-route-card{min-height:220px;padding:22px 18px;text-align:left;background:linear-gradient(180deg,rgba(16,35,48,.94),rgba(5,12,18,.98))}.sf-route-card::before{display:block;font-size:38px;margin-bottom:14px}.sf-route-card[data-route="golden"]::before{content:"✦";color:#ffd36a}.sf-route-card[data-route="aurora"]::before{content:"⌁";color:#85f0d4}.sf-route-card[data-route="community"]::before{content:"♥";color:#86d676}.sf-route-card b{display:block;font-family:Georgia,serif;font-size:24px;color:#fff0bd}.sf-route-card small{display:block;margin-top:9px;font-size:12px;line-height:1.45;color:#cbd6dd}.sf-route-card em{display:block;margin-top:17px;color:#ffd36a;font-size:10px;font-style:normal;font-weight:900;letter-spacing:.1em}

.sf-village-grid{width:min(1060px,96%);display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.sf-village-card{min-height:205px;padding:14px 10px;background:linear-gradient(180deg,rgba(42,30,34,.94),rgba(8,13,17,.98))}.sf-village-icon{font-size:42px;margin-top:8px}.sf-village-card b{display:block;margin-top:12px;font-family:Georgia,serif;font-size:18px;color:#ffe0a0}.sf-village-card small{display:block;margin-top:7px;color:#bdc8d0;font-size:10px}.sf-village-card.lit{border-color:#ffe080;background:linear-gradient(180deg,rgba(116,49,31,.96),rgba(24,23,18,.98));box-shadow:0 0 22px rgba(255,188,72,.34);pointer-events:none}.sf-village-card.lit::after{content:"DELIVERED";position:absolute;left:50%;bottom:8px;transform:translateX(-50%);padding:4px 8px;border-radius:999px;background:#2c6e39;font-size:8px;font-weight:900;color:#fff}
.sf-spirit-meter{width:min(780px,88%);height:12px;border-radius:999px;border:1px solid rgba(239,192,90,.56);background:#0a151a;overflow:hidden}.sf-spirit-meter i{display:block;height:100%;width:0;background:linear-gradient(90deg,#a52227,#ffd36a);transition:width .35s}

.sf-sponsor-grid{width:min(960px,94%);display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}.sf-sponsor-card{min-height:180px;padding:15px 12px}.sf-sponsor-card .sf-car-icon{height:72px;display:grid;place-items:center;font-size:42px}.sf-sponsor-card b{display:block;font-family:Georgia,serif;font-size:18px;color:#ffe0a0}.sf-sponsor-card small{display:block;margin-top:8px;color:#bdc8d0;font-size:10px;line-height:1.35}.sf-sponsor-card.matched{border-color:#9ade79;background:linear-gradient(180deg,rgba(45,94,52,.96),rgba(8,28,13,.98));pointer-events:none}.sf-sponsor-card.matched::after{content:"SPONSOR MATCH";position:absolute;top:8px;right:8px;padding:4px 7px;border-radius:999px;background:#c62830;color:#fff;font-size:7px;font-weight:900}

.sf-rooftop{width:min(1100px,96%);min-height:360px;position:relative;overflow:hidden;border:1px solid rgba(232,184,78,.6);border-radius:16px;background:linear-gradient(180deg,#061733,#0c2450 54%,#1f0d14 55%,#07090c);box-shadow:inset 0 0 50px rgba(0,0,0,.5)}.sf-moon{position:absolute;right:10%;top:8%;width:110px;height:110px;border-radius:50%;background:#fff2bf;box-shadow:0 0 38px rgba(255,239,175,.7)}.sf-rooftops{position:absolute;left:0;right:0;bottom:0;height:43%;background:linear-gradient(145deg,transparent 0 15%,#141316 15% 30%,transparent 30% 39%,#181519 39% 55%,transparent 55% 64%,#0d1115 64% 83%,transparent 83%),linear-gradient(180deg,transparent,#030608)}.sf-flying-train{position:absolute;left:-70%;bottom:38%;width:66%;height:120px;display:flex;align-items:flex-end;gap:5px;animation:sfFly 4.2s cubic-bezier(.2,.7,.25,1) forwards}.sf-feature-stage.fast .sf-flying-train{animation-duration:1.7s}.sf-flying-train img{height:110px;width:210px;object-fit:contain}.sf-flying-car{min-width:100px;height:62px;padding:7px;border:2px solid #d7a34b;border-radius:8px;background:linear-gradient(180deg,#8a1d25,#3a080c);display:flex;align-items:center;justify-content:center;text-align:center;font-size:10px;font-weight:900;color:#fff0bd;box-shadow:0 8px 18px rgba(0,0,0,.4)}@keyframes sfFly{0%{left:-70%;bottom:30%}50%{left:20%;bottom:54%}100%{left:112%;bottom:44%}}
.sf-final-totals{width:min(760px,94%);display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.sf-final-total{padding:15px;border:1px solid rgba(233,185,80,.58);border-radius:12px;background:rgba(5,12,16,.84)}.sf-final-total small{display:block;color:#aebbc4;font-size:9px;letter-spacing:.12em}.sf-final-total strong{display:block;margin-top:4px;font-family:Georgia,serif;font-size:28px;color:#ffd36a}

.sf-footer{
  display:grid;
  grid-template-columns:minmax(0,1fr) 280px;
  gap:12px;
  align-items:center;
  padding:9px 14px;
  border-top:1px solid rgba(226,177,75,.58);
  background:linear-gradient(180deg,rgba(8,13,16,.94),rgba(3,7,9,.99));
  box-shadow:0 -8px 20px rgba(0,0,0,.34)
}
.sf-train{min-width:0;height:104px;display:flex;align-items:flex-end;gap:5px;overflow-x:auto;overflow-y:hidden;padding:3px 5px 8px;scrollbar-width:none;background:linear-gradient(180deg,transparent 73%,rgba(191,139,50,.45) 74% 77%,#171a1b 78%)}.sf-train::-webkit-scrollbar{display:none}.sf-locomotive{flex:0 0 150px;height:94px;object-fit:contain;filter:drop-shadow(0 5px 5px rgba(0,0,0,.5))}.sf-train-car{position:relative;flex:0 0 120px;height:68px;margin-bottom:8px;border:2px solid #d8a54a;border-radius:8px;background:linear-gradient(180deg,#852129,#3c090d);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:5px;color:#fff1ca;box-shadow:0 7px 12px rgba(0,0,0,.42)}.sf-train-car::before,.sf-train-car::after{content:"";position:absolute;bottom:-11px;width:16px;height:16px;border-radius:50%;background:#0b0d0e;border:2px solid #8e7440}.sf-train-car::before{left:19px}.sf-train-car::after{right:19px}.sf-train-car b{font-size:9px;line-height:1.15}.sf-train-car small{font-size:8px;color:#ffd36a;margin-top:3px}.sf-train-car.car-multiplier{background:linear-gradient(180deg,#174f67,#08222d)}.sf-train-car.car-wild{background:linear-gradient(180deg,#247246,#0b2d1a)}.sf-train-car.car-impact{background:linear-gradient(180deg,#255a94,#10264b)}.sf-train-car.car-sponsor{box-shadow:0 0 18px rgba(255,212,84,.42),0 7px 12px rgba(0,0,0,.42)}
.sf-status{padding:12px;border:1px solid rgba(223,175,72,.48);border-radius:11px;background:rgba(255,255,255,.035);font-size:11px;line-height:1.45;color:#d3dce2;text-align:left}

@media (max-height:650px){
  .santa-feature-stage{grid-template-rows:58px minmax(0,1fr) 92px}.sf-header{padding:5px 10px}.sf-brand strong{font-size:20px}.sf-brand small{display:none}.sf-header-actions button{height:30px}.sf-content{padding:8px 12px}.sf-screen{gap:7px}.sf-screen h2{font-size:clamp(28px,3.3vw,44px)}.sf-cargo-card,.sf-depot-car{min-height:124px}.sf-cargo-card img,.sf-depot-car img{height:72px}.sf-scene-art{width:min(1040px,100%)}.sf-flying-car-strip .sf-flying-car{min-width:110px;font-size:12px}.sf-footer{padding:5px 9px;grid-template-columns:minmax(0,1fr) 230px}.sf-train{height:76px}.sf-locomotive{height:70px;flex-basis:115px}.sf-train-car{height:48px;flex-basis:92px;margin-bottom:7px}.sf-route-card{min-height:158px;padding:14px}.sf-village-card{min-height:145px}.sf-village-icon{font-size:31px}.sf-mini-reels{min-height:220px}.sf-free-spin-layout{grid-template-columns:minmax(0,1fr) 230px}.sf-rooftop{min-height:255px}.sf-flying-train{height:86px}.sf-flying-train img{height:82px;width:165px}.sf-flying-car{min-width:82px;height:49px}}
@media (max-width:900px){
  .sf-header{grid-template-columns:minmax(210px,1fr) auto}.sf-journey-progress{position:absolute;left:50%;bottom:-25px;transform:translateX(-50%);padding:4px 8px;border-radius:999px;background:rgba(4,10,14,.88)}.sf-progress-stop span{display:none}.sf-content{padding-top:30px}.sf-cargo-grid{grid-template-columns:repeat(3,1fr)}.sf-depot-grid{display:flex;overflow-x:auto;justify-content:flex-start;padding:0 7px}.sf-depot-car{flex:0 0 180px}.sf-village-grid{display:flex;overflow-x:auto;justify-content:flex-start}.sf-village-card{flex:0 0 175px}.sf-summary{grid-template-columns:1fr}.sf-free-spin-layout{grid-template-columns:1fr}.sf-free-sidebar{display:grid;grid-template-columns:repeat(2,1fr)}.sf-spin-message{margin-top:0}.sf-footer{grid-template-columns:1fr}.sf-status{display:none}}
@media (max-height:650px){
  .sf-screen{justify-content:flex-start;padding-top:4px}
}

/* v10.27.1 — shell alignment desktop master + now playing control strip */
.app-canvas{
  width:1664px;
  height:936px;
}
.topbar,
.main-grid,
.control-bar,
.dashboard-view{
  left:12px;
  right:12px;
}
.topbar{
  top:12px;
  height:76px;
  grid-template-columns:320px minmax(0,1fr) 352px;
  gap:10px;
  padding:8px 12px;
}
.brand-button{height:58px;grid-template-columns:54px 76px 1fr 0;gap:8px;padding:0 6px}
.brand-copy b{font-size:17px}
.return-games-copy small{display:block;font-size:10px;letter-spacing:.12em;color:#d5c188}
.return-games-copy strong{display:block;font-size:20px;line-height:.95;color:#ffffff}
.top-actions{gap:7px}
.top-action{height:54px;padding:0 14px;font-size:14px;gap:8px}
.top-action b{font-size:14px}
.top-action.refill strong{font-size:13px}
.action-icon{font-size:20px}
.player-stats{grid-template-columns:minmax(0,1fr) 132px 48px;gap:8px}
.level-xp-stat{height:54px;border:1px solid rgba(192,137,42,.58);border-radius:6px;background:linear-gradient(180deg,#151719,#070b0e);padding:7px 12px;display:flex;flex-direction:column;justify-content:center}
.level-xp-stat>div:first-child{display:flex;justify-content:space-between;align-items:center;gap:8px}
.level-xp-stat strong{font-size:24px;color:#fff3cf}
.level-xp-stat small{font-size:9px;letter-spacing:.18em;color:#d9c694}
.level-xp-stat span{font-size:11px;color:#cbd3db}
.coin-stat{height:54px;justify-content:center}
.coin-stat strong{font-size:20px}
.menu-button{height:48px;width:48px}

.main-grid{
  top:100px;
  height:664px;
  grid-template-columns:258px minmax(0,1fr) 268px;
  gap:12px;
}
.left-rail,
.right-rail{
  display:grid;
  grid-template-rows:286px 1fr;
  gap:12px;
}
.rail-card{border-radius:10px}
.sponsor-card{height:auto;padding:30px 14px 12px}
.sponsor-card h2{font-size:20px;margin:8px 0 12px}
.challenge-counter{padding:8px 10px}
.challenge-counter>strong{font-size:22px}
.challenge-rewards{margin:14px 7px 15px;font-size:15px}
.sponsor-match-row{height:40px;font-size:12px}
.season-card{padding:30px 14px 14px;grid-template-rows:1fr auto auto 42px}
.season-event-visual{min-height:152px}
.season-card .secondary-button{height:40px}
.project-card{height:auto;padding:30px 12px 12px;display:flex;flex-direction:column}
.project-compact-head{display:grid;grid-template-columns:74px 1fr;gap:9px;align-items:start;margin:4px 0 8px}
.project-compact-head img{width:74px;height:52px;border-radius:5px;object-fit:cover}
.project-compact-head h2{font-size:19px;margin:0 0 2px}
.project-progress-line{margin-top:4px}
.project-funding{margin:8px 0 7px}
.project-mission-line,.project-detail-line,.project-sponsor-line{font-size:11px}
.project-card .secondary-button{margin-top:auto;height:40px}
.media-card{height:auto;padding:30px 12px 12px;display:flex;flex-direction:column}
.media-head{display:block;min-height:38px;margin-bottom:10px}
.media-head h2{font-size:19px;margin:2px 0 0}
.media-video-shell{position:relative;height:212px;border:1px solid rgba(214,158,56,.82);border-bottom:0;border-radius:10px 10px 0 0;overflow:hidden;background:#02060a;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}
.video-thumb{height:100%;border:0;border-radius:0;background-position:center;background-size:cover}
.video-thumb span{font-size:24px;letter-spacing:.03em}
.video-thumb i{width:58px;height:42px;border-radius:10px;font-size:18px}
.media-inline-frame{border-radius:0}
.media-control-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding:7px 8px;height:52px;border:1px solid rgba(214,158,56,.82);border-radius:0 0 10px 10px;background:linear-gradient(180deg,#f6f6f6,#dedede);box-shadow:inset 0 1px rgba(255,255,255,.7)}
.media-control-button{height:36px;border-radius:10px;border:1px solid rgba(0,0,0,.18);background:linear-gradient(180deg,#ffffff,#d8d8d8);color:#0d1117;font-size:18px;font-weight:800;display:grid;place-items:center;cursor:pointer;box-shadow:0 1px 0 rgba(255,255,255,.85), inset 0 0 0 1px rgba(255,255,255,.25)}
.media-control-button:hover{filter:brightness(1.04)}
.media-control-play{background:linear-gradient(180deg,#ffffff,#ced8e6);font-size:22px}
.media-audio{display:none!important}

.game-stage{border-radius:10px}
.hero-bay,
.theme-charli .hero-bay,
.theme-arctic .hero-bay,
.theme-santa .hero-bay,
.theme-mountain .hero-bay,
.theme-muffet .hero-bay,
.theme-kenny .hero-bay,
.theme-thirtyfive .hero-bay{
  left:0;
  top:98px;
  bottom:16px;
  width:178px;
}
.hero-poster{padding:12px 22px 16px 12px}
.grid-6x4 .hero-bay{width:174px}
.reel-frame{top:98px;bottom:16px;left:188px;right:8px;border-radius:10px}
.grid-6x4 .reel-frame{left:184px}
.game-logo{width:500px;height:92px;top:3px}
.theme-charli .game-logo{width:520px;height:96px}
.theme-arctic .game-logo{width:560px;height:98px;top:3px}
.stage-specials{display:none}
.win-banner{min-width:280px;padding:12px 20px}
.win-banner strong{font-size:34px}

.control-bar{
  top:auto;
  bottom:12px;
  height:144px;
  padding:10px 12px;
  grid-template-columns:210px 300px 182px 256px 196px;
  gap:12px;
  align-items:end;
}
.control-card{height:84px}
.bet-control{grid-template-columns:54px 1fr 54px}
.bet-control button{width:48px;height:48px}
.bet-control strong{font-size:31px}
.status-control strong{font-size:24px}
.status-control span{font-size:12px}
.mode-control{padding:9px;gap:9px}
.mode-control button{font-size:15px}
.about-game small{font-size:12px;letter-spacing:.18em}
.about-game strong{font-size:18px}
.about-game span{font-size:12px}
.spin-button{width:156px;height:156px;transform:translateY(-22px)}
.spin-button:hover{transform:translateY(-22px) scale(1.025)}
.spin-button:active{transform:translateY(-22px) scale(.975)}
.spin-button strong{font-size:41px}
.spin-button small{font-size:8px;letter-spacing:.18em}

.dashboard-view{top:100px;bottom:12px}

@media (max-height:860px){
  .app-canvas{width:1536px;height:864px}
  .main-grid{height:610px;grid-template-columns:248px minmax(0,1fr) 258px}
  .left-rail,.right-rail{grid-template-rows:268px 1fr}
  .media-video-shell{height:190px}
  .control-bar{height:128px;grid-template-columns:202px 284px 176px 246px 188px}
  .control-card{height:76px}
  .spin-button{width:146px;height:146px}
}

/* v10.27.2 — bottom controls alignment refinement + Stay Cool rename */
.control-bar{
  bottom:12px;
  height:140px;
  padding:0 14px 12px;
  grid-template-columns:210px 312px 168px 256px 196px;
  gap:12px;
  align-items:end;
}
.control-card,
.bet-control,
.status-control,
.mode-control,
.about-game{
  align-self:end;
  height:86px;
  box-sizing:border-box;
  margin:0;
}
.bet-control,
.status-control,
.mode-control,
.about-game{
  border-width:1px;
}
.bet-control{padding:0 10px}
.status-control{padding:0 16px 0 14px}
.status-control div{justify-content:center;min-height:100%}
.mode-control{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:8px}
.mode-control button{
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  line-height:1;
}
.about-game{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  padding:10px 16px;
}
.spin-button{transform:translateY(-20px)}
.spin-button:hover{transform:translateY(-20px) scale(1.025)}
.spin-button:active{transform:translateY(-20px) scale(.975)}
.theme-arctic .game-logo{
  width:568px;
  height:100px;
  background:linear-gradient(180deg,rgba(1,26,60,.94),rgba(2,22,54,.96));
  border-color:rgba(135,229,255,.88);
  box-shadow:0 5px 20px rgba(0,0,0,.48),0 0 20px rgba(64,201,255,.24);
}
@media (max-height:860px){
  .control-bar{height:126px;grid-template-columns:202px 292px 160px 246px 188px;padding:0 12px 10px}
  .control-card,
  .bet-control,
  .status-control,
  .mode-control,
  .about-game{height:78px}
}


/* v10.27.3 final shell alignment and static now-playing poster */
.media-poster{cursor:default !important; pointer-events:none !important; position:relative; overflow:hidden}
.media-poster::after{content:''; position:absolute; inset:0; background:linear-gradient(180deg,rgba(3,4,7,.08),rgba(2,4,7,.42));}
.media-poster span,.media-poster i,.video-thumb span,.video-thumb i{display:none !important}

/* one final shared bottom-bar layout for all games */
footer.control-bar{
  position:absolute !important;
  left:12px !important;
  right:12px !important;
  bottom:12px !important;
  top:auto !important;
  height:134px !important;
  padding:0 14px 12px !important;
  display:grid !important;
  grid-template-columns:210px 312px 168px 256px 196px !important;
  gap:12px !important;
  align-items:end !important;
  justify-content:stretch !important;
  overflow:visible !important;
  z-index:20 !important;
}
footer.control-bar .control-card,
footer.control-bar .bet-control,
footer.control-bar .status-control,
footer.control-bar .mode-control,
footer.control-bar .about-game{
  height:82px !important;
  min-height:82px !important;
  max-height:82px !important;
  align-self:end !important;
  margin:0 !important;
  box-sizing:border-box !important;
  border-radius:10px !important;
}
footer.control-bar .bet-control{
  display:grid !important;
  grid-template-columns:54px 1fr 54px !important;
  align-items:center !important;
  padding:0 10px !important;
}
footer.control-bar .bet-control button{
  width:48px !important;
  height:48px !important;
  border-radius:8px !important;
}
footer.control-bar .bet-control div{display:flex !important; flex-direction:column !important; justify-content:center !important; align-items:center !important; min-height:100% !important;}
footer.control-bar .bet-control strong{font-size:31px !important; line-height:1 !important; margin-top:4px !important;}
footer.control-bar .status-control{
  display:grid !important;
  grid-template-columns:16px 1fr !important;
  gap:10px !important;
  align-items:center !important;
  padding:0 16px 0 14px !important;
}
footer.control-bar .status-control > i{width:12px !important; height:12px !important; align-self:center !important;}
footer.control-bar .status-control div{display:flex !important; flex-direction:column !important; justify-content:center !important; min-height:100% !important; padding:0 !important;}
footer.control-bar .status-control small{font-size:10px !important; line-height:1 !important;}
footer.control-bar .status-control strong{font-size:24px !important; line-height:1.02 !important; margin:4px 0 !important;}
footer.control-bar .status-control span{font-size:12px !important; line-height:1.2 !important; margin-top:2px !important;}
footer.control-bar .mode-control{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:8px !important;
  padding:8px !important;
  align-items:stretch !important;
}
footer.control-bar .mode-control button{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  height:100% !important;
  line-height:1 !important;
  font-size:15px !important;
  padding:0 10px !important;
}
footer.control-bar .about-game{
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:flex-start !important;
  text-align:left !important;
  padding:12px 16px !important;
}
footer.control-bar .about-game small{font-size:11px !important; letter-spacing:.18em !important; line-height:1 !important; margin:0 0 6px 0 !important;}
footer.control-bar .about-game strong{font-size:18px !important; line-height:1.05 !important; margin:0 !important; max-width:100% !important;}
footer.control-bar .about-game span{display:block !important; font-size:11px !important; line-height:1.2 !important; margin-top:4px !important;}
footer.control-bar .spin-button{transform:translateY(-18px) !important; width:156px !important; height:156px !important;}
footer.control-bar .spin-button:hover{transform:translateY(-18px) scale(1.025) !important}
footer.control-bar .spin-button:active{transform:translateY(-18px) scale(.975) !important}

@media (max-height:860px){
  footer.control-bar{height:124px !important; grid-template-columns:202px 292px 160px 246px 188px !important; padding:0 12px 10px !important;}
  footer.control-bar .control-card,
  footer.control-bar .bet-control,
  footer.control-bar .status-control,
  footer.control-bar .mode-control,
  footer.control-bar .about-game{height:76px !important; min-height:76px !important; max-height:76px !important;}
  footer.control-bar .spin-button{width:146px !important; height:146px !important;}
}


/* v10.27.4 — full-brightness media artwork and fixed vertical control alignment */
.media-card .media-video-shell{
  background:#041020 !important;
}
.media-card .media-poster{
  background-size:contain !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  background-color:#041020 !important;
  filter:none !important;
  opacity:1 !important;
}
.media-card .media-poster::before,
.media-card .media-poster::after{
  content:none !important;
  display:none !important;
  background:none !important;
}

/* Shared shell: every lower control starts at the exact same Y position. */
footer.control-bar{
  height:134px !important;
  padding:18px 14px 8px !important;
  align-items:start !important;
}
footer.control-bar > .bet-control,
footer.control-bar > .status-control,
footer.control-bar > .mode-control,
footer.control-bar > .about-game{
  grid-row:1 !important;
  align-self:start !important;
  position:relative !important;
  top:0 !important;
  transform:none !important;
  height:82px !important;
  min-height:82px !important;
  max-height:82px !important;
  margin:0 !important;
}
footer.control-bar > .spin-button{
  grid-row:1 !important;
  align-self:start !important;
  margin:0 !important;
  transform:translateY(-20px) !important;
}
footer.control-bar > .spin-button:hover{
  transform:translateY(-20px) scale(1.025) !important;
}
footer.control-bar > .spin-button:active{
  transform:translateY(-20px) scale(.975) !important;
}
footer.control-bar .bet-control,
footer.control-bar .status-control,
footer.control-bar .mode-control,
footer.control-bar .about-game{
  overflow:hidden !important;
}
footer.control-bar .about-game span{
  margin-bottom:0 !important;
}

@media (max-height:860px){
  footer.control-bar{
    height:124px !important;
    padding:16px 12px 7px !important;
  }
  footer.control-bar > .bet-control,
  footer.control-bar > .status-control,
  footer.control-bar > .mode-control,
  footer.control-bar > .about-game{
    height:76px !important;
    min-height:76px !important;
    max-height:76px !important;
  }
  footer.control-bar > .spin-button{
    transform:translateY(-18px) !important;
  }
  footer.control-bar > .spin-button:hover{
    transform:translateY(-18px) scale(1.025) !important;
  }
  footer.control-bar > .spin-button:active{
    transform:translateY(-18px) scale(.975) !important;
  }
}


/* v10.28.0 — filled music player art and streamlined back-to-dashboard header */
.media-card .media-video-shell{background:#09111b !important; overflow:hidden !important;}
.media-card .media-poster{
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  background-color:transparent !important;
  filter:none !important;
  opacity:1 !important;
  inset:0 !important;
}
.media-card .media-poster::before,
.media-card .media-poster::after{content:none !important; display:none !important; background:none !important;}

/* top-left navigation simplified */
.topbar{grid-template-columns:220px minmax(0,1fr) 350px !important;}
.brand-button{
  width:210px !important;
  min-width:210px !important;
  max-width:210px !important;
  height:48px !important;
  display:grid !important;
  grid-template-columns:44px 1fr !important;
  align-items:center !important;
  gap:10px !important;
  padding:0 8px !important;
  border-radius:10px !important;
  border:1px solid rgba(244,165,28,.38) !important;
  background:linear-gradient(180deg,rgba(15,19,24,.98),rgba(4,8,12,.98)) !important;
}
.brand-button:hover{background:linear-gradient(180deg,rgba(20,26,33,.98),rgba(7,12,18,.98)) !important;}
.brand-back{
  width:36px;
  height:36px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:9px;
  border:1px solid rgba(244,165,28,.46);
  background:linear-gradient(180deg,rgba(18,21,26,.92),rgba(8,11,16,.95));
  color:#ffd36b;
  font-size:34px;
  font-weight:900;
  line-height:1;
  box-shadow:inset 0 0 0 1px rgba(255,232,170,.05),0 2px 8px rgba(0,0,0,.35);
}
.brand-copy.single-line{
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  gap:0 !important;
  padding-right:0 !important;
  border-right:0 !important;
  min-width:0 !important;
}
.brand-copy.single-line b{
  display:block !important;
  font-size:17px !important;
  line-height:1 !important;
  letter-spacing:.12em !important;
  color:var(--gold2) !important;
  white-space:nowrap !important;
}
.return-games-copy,.rc-mark{display:none !important;}
.app-canvas.dashboard-active .brand-button{max-width:none !important;}


/* v10.28.3 — Miss Muffet naming cleanup and left-aligned stage title */
.theme-muffet .stage-title{
  left:158px !important;
  right:8px !important;
  gap:0 !important;
  padding-left:0 !important;
  justify-content:flex-start !important;
  align-items:center !important;
}
.theme-muffet .stage-title img{display:none !important;}
.theme-muffet .stage-title > div{
  margin-left:0 !important;
  align-items:flex-start !important;
}
.theme-muffet .stage-title strong{
  text-align:left !important;
}
.theme-muffet .stage-title span,
.theme-muffet .stage-title small{
  text-align:left !important;
}


/* v10.29.0 — startup railroad scene and dashboard impact redesign */
.startup-screen{
  background:
    linear-gradient(180deg,rgba(2,6,10,.22) 0%,rgba(2,6,10,.58) 42%,rgba(1,3,6,.92) 100%),
    url("assets/ui/startup_railroad_bg.png") center bottom/cover no-repeat !important;
}
.startup-screen::before{
  inset:0 !important;
  background:radial-gradient(circle at 50% 30%,rgba(255,214,115,.18),transparent 28%),linear-gradient(180deg,rgba(3,8,13,.18),rgba(0,0,0,.18) 58%,rgba(0,0,0,.54) 100%) !important;
  filter:none !important;
}
.startup-rails{display:none !important}
.startup-topbar{align-items:flex-start}
.startup-brand{gap:12px}
.startup-brand-logo{display:block;width:min(270px,24vw);height:auto;filter:drop-shadow(0 8px 20px rgba(0,0,0,.45))}
.startup-brand-copy{display:none}
.startup-story-card{
  width:min(1180px,92vw);
  padding:34px 38px 28px;
  border:1px solid rgba(244,165,28,.28);
  border-radius:24px;
  background:linear-gradient(180deg,rgba(5,14,22,.62),rgba(5,12,19,.74));
  box-shadow:0 22px 48px rgba(0,0,0,.34), inset 0 0 0 1px rgba(255,211,106,.06);
  backdrop-filter:blur(8px);
}
.startup-story-card .eyebrow{margin-bottom:18px}
.startup-lines{height:280px}
.startup-line{max-width:min(980px,80vw)}
.startup-line-1{top:28px}
.startup-line-2{top:114px}
.startup-line-3,.startup-line-4,.startup-line-5,.startup-line-6{top:72px}
.startup-track{margin-top:4px}
@media (max-height:760px){
  .startup-brand-logo{width:min(220px,22vw)}
  .startup-story-card{padding:28px 26px 22px}
  .startup-lines{height:230px}
}

.dashboard-shell-redesign{
  grid-template-rows:48px 108px minmax(0,1fr) 190px;
  gap:10px;
}
.dashboard-shell-redesign .dashboard-nav{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;padding:6px 18px;align-items:center}
.dashboard-shell-redesign .dashboard-nav-button{height:36px}
.impact-banner-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.impact-banner-card{padding:14px 16px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(180deg,rgba(10,22,35,.98),rgba(6,14,24,.98));min-height:0}
.impact-banner-card strong{font-family:Georgia,serif;font-size:28px;color:#fff3d4;line-height:1.05;margin-top:3px}
.impact-banner-card span{font-size:13px;color:#d8e0e8;line-height:1.35;margin-top:4px}
.impact-banner-card small{font-size:11px;color:#9fb0bf;letter-spacing:.03em;margin-top:8px}
.mini-progress{height:7px;background:#1c2c3b;border-radius:999px;overflow:hidden;margin-top:10px}
.mini-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,#d88f24,#ffd36c)}
.dashboard-content-row{display:grid;grid-template-columns:330px minmax(0,1fr) 274px;gap:10px;min-height:0}
.dashboard-featured{display:grid;grid-template-columns:280px minmax(220px,1fr);grid-template-rows:auto 152px;gap:10px;padding:16px;min-height:0;overflow:hidden;background:linear-gradient(135deg,#071421 0%,#091726 48%,#050c14 100%)}
.dashboard-featured-copy{display:flex;flex-direction:column;justify-content:center;gap:10px;min-width:0}
.dashboard-featured-copy .featured-kicker{display:block;font-size:11px;letter-spacing:.16em;color:#d2a752;text-transform:uppercase}
.dashboard-featured-copy h2{margin:0;font-family:Georgia,serif;font-size:42px;line-height:1;color:#fff5da}
.dashboard-featured-copy p{margin:0;color:#d6dfe8;font-size:14px;line-height:1.45;max-width:28ch}
.featured-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:4px}
.feature-primary,.feature-secondary{height:42px;padding:0 16px;border-radius:12px;border:1px solid rgba(244,165,28,.4);cursor:pointer}
.feature-primary{background:linear-gradient(180deg,#b3261e,#d44136);color:#fff4dd;font-weight:900;letter-spacing:.06em;box-shadow:0 10px 22px rgba(0,0,0,.2)}
.feature-secondary{background:rgba(8,18,30,.88);color:#f2e7cb;font-weight:700}
.featured-media-shell{grid-column:2;grid-row:1;position:relative;border-radius:18px;border:1px solid rgba(244,165,28,.36);overflow:hidden;min-height:0;background:radial-gradient(circle at 50% 35%,rgba(44,85,124,.36),rgba(5,11,19,.95) 68%);display:grid;place-items:center}
.featured-media-shell::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(0,0,0,.08) 42%,rgba(0,0,0,.24) 100%);pointer-events:none}
.featured-game-image{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;object-position:center center;padding:10px;filter:drop-shadow(0 18px 22px rgba(0,0,0,.32))}
.dashboard-thumb-region{grid-column:1 / span 2;grid-row:2;position:relative;min-height:0;display:flex;flex-direction:column;gap:8px}
.thumb-region-header{display:flex;align-items:flex-end;justify-content:space-between;gap:10px}.thumb-region-header p{margin:0;color:#b7c6d4;font-size:12px}.thumb-region-header b{color:#fff4d2}
.dashboard-shell-redesign .game-rail{position:relative;display:flex;gap:12px;overflow-x:auto;overflow-y:hidden;padding:2px 28px 8px 2px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
.dashboard-shell-redesign .journey-card{position:relative;flex:0 0 138px;inline-size:138px;min-inline-size:138px;max-inline-size:138px;height:118px;border-radius:14px;border:1px solid rgba(244,165,28,.44);background:#07111c;overflow:hidden;padding:0;cursor:pointer;display:block;scroll-snap-align:start;box-shadow:0 10px 22px rgba(0,0,0,.3)}
.dashboard-shell-redesign .journey-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center center;background:#07111c;padding:4px;transition:transform .22s ease, filter .22s ease}
.dashboard-shell-redesign .journey-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 35%,rgba(0,0,0,.74) 100%)}
.dashboard-shell-redesign .journey-card:hover img,.dashboard-shell-redesign .journey-card.is-active img{transform:scale(1.03)}
.dashboard-shell-redesign .journey-card.is-active{border-color:#ffd36b;box-shadow:0 0 0 1px rgba(255,211,107,.22),0 14px 28px rgba(0,0,0,.34)}
.journey-thumb-label{position:absolute;left:10px;right:10px;bottom:8px;z-index:2;color:#fff2d0;font-size:12px;font-weight:800;text-align:left;line-height:1.15;text-shadow:0 2px 12px rgba(0,0,0,.6)}
.dashboard-shell-redesign .coming-soon-card .journey-kicker{position:absolute;right:8px;top:8px;z-index:2;background:rgba(123,21,21,.86);border:1px solid rgba(255,211,107,.32);color:#fff2d8;padding:4px 7px;border-radius:999px;font-size:9px;font-weight:900;letter-spacing:.08em}
.dashboard-shell-redesign .rail-prev,.dashboard-shell-redesign .rail-next{top:56px;transform:none}
.dashboard-right-column{display:grid;grid-template-rows:1fr 1fr;gap:10px;min-height:0}
.dashboard-mini-panel{padding:14px 16px;display:flex;flex-direction:column;justify-content:flex-start;min-height:0}
.dashboard-mini-panel h3{margin:4px 0 8px;font-family:Georgia,serif;font-size:28px;line-height:1.08;color:#fff4d1}
.dashboard-mini-panel p{margin:0;color:#d0dbe6;font-size:13px;line-height:1.48}
.mini-stat-row{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-top:1px solid rgba(255,255,255,.08);font-size:12px;color:#bfcbd5;margin-top:8px}.mini-stat-row strong{color:#fff0c8;font-size:12px;text-align:right}
.dashboard-live-panel{padding-bottom:12px}
.dashboard-live-card{position:relative;display:block;width:100%;height:100%;min-height:0;border-radius:16px;border:1px solid rgba(244,165,28,.36);overflow:hidden;background:#08131e;padding:0;color:inherit;text-align:left;cursor:pointer}
.dashboard-live-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.55) saturate(1.02)}
.dashboard-live-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.82))}
.dashboard-live-card span,.dashboard-live-card b,.dashboard-live-card i{position:absolute;left:14px;z-index:1}
.dashboard-live-card span{bottom:44px;font-size:10px;letter-spacing:.14em;color:#ffd36b}
.dashboard-live-card b{bottom:18px;font-family:Georgia,serif;font-size:24px;color:#fff3d6;right:50px;line-height:1.05}
.dashboard-live-card i{left:auto;right:14px;bottom:16px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(9,21,33,.92);border:1px solid rgba(255,211,107,.48);color:#fff4d8;font-style:normal}
.dashboard-bottom-row-redesign{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(250px,.72fr) minmax(250px,.86fr);gap:10px;min-height:0}
.dashboard-actions-panel{padding:13px;display:flex;flex-direction:column;gap:0}
.action-button-group{display:grid;gap:8px;margin-top:auto;padding-top:10px}
.dashboard-actions-panel .wallet-reward{margin-top:0}
.marketplace-today{background:linear-gradient(180deg,rgba(44,31,14,.95),rgba(18,13,7,.96))}
.dashboard-swipe-cue{display:none !important}
#featuredGamePlayButton b{font-size:16px;color:inherit}
@media (max-width:1500px), (max-height:860px){
  .dashboard-shell-redesign{grid-template-rows:46px 100px minmax(0,1fr) 178px}
  .dashboard-content-row{grid-template-columns:308px minmax(0,1fr) 258px}
  .dashboard-featured{grid-template-columns:250px minmax(220px,1fr);grid-template-rows:auto 144px}
  .dashboard-featured-copy h2{font-size:38px}
  .impact-banner-card strong{font-size:25px}
  .dashboard-mini-panel h3{font-size:24px}
  .dashboard-shell-redesign .journey-card{flex-basis:128px;inline-size:128px;min-inline-size:128px;max-inline-size:128px;height:108px}
}

/* v10.29.1 — corrected startup composition and dashboard rebuild */
.startup-screen{
  background:
    linear-gradient(180deg,rgba(2,7,13,.20),rgba(2,7,13,.28) 42%,rgba(0,2,5,.68) 100%),
    url('assets/ui/startup_railroad_clean.jpg') center bottom/cover no-repeat !important;
}
.startup-screen::before{background:radial-gradient(circle at 50% 24%,rgba(255,211,107,.14),transparent 28%),linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.18) 58%,rgba(0,0,0,.46)) !important;filter:none !important;inset:0 !important}
.startup-brand-centered{position:absolute;top:max(36px,calc(env(safe-area-inset-top,0px) + 24px));left:50%;transform:translateX(-50%);z-index:4;display:block !important}
.startup-brand-centered .startup-brand-logo{width:min(250px,23vw) !important;max-height:210px;object-fit:contain;display:block}
.startup-topbar{justify-content:flex-end !important}
.startup-story-card{margin-top:70px !important;background:rgba(4,13,22,.54) !important;backdrop-filter:blur(5px);padding:30px 38px 24px !important;border-radius:20px !important}
.startup-lines{height:265px !important}
.startup-line-1{top:24px !important}.startup-line-2{top:110px !important}.startup-line-3,.startup-line-4,.startup-line-5,.startup-line-6{top:68px !important}

.app-canvas.dashboard-active .topbar{grid-template-columns:220px minmax(0,1fr) 350px !important}
.app-canvas.dashboard-active .top-actions{display:flex !important}
.dashboard-view{top:100px !important;bottom:12px !important}
.dashboard-v2{height:100%;display:grid;grid-template-rows:120px minmax(0,1fr) 142px;gap:10px;min-height:0}
.dashboard-impact-hero{display:grid;grid-template-columns:minmax(430px,1.6fr) repeat(3,minmax(210px,.72fr));gap:10px;min-height:0}
.dashboard-intro{padding:18px 24px;display:flex;flex-direction:column;justify-content:center;border:1px solid rgba(244,165,28,.35);border-radius:12px;background:radial-gradient(circle at 12% 50%,rgba(213,145,35,.16),transparent 42%),linear-gradient(135deg,#091829,#05101b)}
.dashboard-intro small,.impact-stat>span{font-size:10px;font-weight:900;letter-spacing:.18em;color:#efbe58}
.dashboard-intro h1{font:700 38px/1.02 Georgia,serif;color:#fff2d0;margin:5px 0 4px}.dashboard-intro p{margin:0;color:#cdd7e0;font-size:14px}
.impact-stat{padding:14px 16px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(180deg,#0b1c2d,#06111d)}
.impact-stat strong{font:700 28px/1 Georgia,serif;color:#fff2d0;margin:6px 0}.impact-stat p{margin:0;color:#d4dde5;font-size:12px;line-height:1.35}.impact-stat small{margin-top:7px;color:#94a6b5;font-size:10px}.impact-stat small b{color:#dce6ee}
.dashboard-primary-row{display:grid;grid-template-columns:330px minmax(0,1fr) 250px;gap:10px;min-height:0}
.dashboard-primary-row .mission-overview{min-height:0;height:auto}.dashboard-primary-row .mission-overview h2{font-size:34px}.dashboard-primary-row .mission-link{margin-top:auto;padding:12px 16px;border:1px solid rgba(244,165,28,.4);border-radius:10px;background:rgba(5,14,24,.76)}
.featured-game-panel{padding:12px;display:grid;grid-template-rows:minmax(0,1fr) 36px 132px;gap:8px;min-height:0;overflow:hidden}
.featured-game-stage{position:relative;min-height:0;border:1px solid rgba(244,165,28,.42);border-radius:14px;overflow:hidden;background:radial-gradient(circle at 60% 35%,#153758 0,#091827 48%,#050c14 100%);display:grid;grid-template-columns:300px minmax(0,1fr)}
.featured-game-copy{position:relative;z-index:2;padding:22px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(90deg,rgba(4,12,21,.98),rgba(4,12,21,.86),rgba(4,12,21,.16))}
.featured-game-copy small{font-size:10px;letter-spacing:.17em;color:#e8b94f;font-weight:900}.featured-game-copy h2{font:700 42px/1 Georgia,serif;color:#fff3d2;margin:8px 0}.featured-game-copy p{font-size:14px;color:#d6dfe6;line-height:1.4;margin:0 0 16px;max-width:27ch}
.featured-game-stage>img{position:absolute;right:0;top:0;width:64%;height:100%;object-fit:contain;object-position:center;padding:10px;z-index:1;filter:drop-shadow(0 12px 20px rgba(0,0,0,.45))}
.feature-primary{align-self:flex-start;height:42px;padding:0 18px;border:0;border-radius:10px;background:linear-gradient(180deg,#e04839,#b91f1a);color:#fff5df;font-size:15px;font-weight:900;cursor:pointer}
.story-carousel-header{display:flex;align-items:center;justify-content:space-between}.story-carousel-header span{font-size:10px;letter-spacing:.18em;color:#efbd55;font-weight:900}.story-carousel-header small{display:block;color:#9fb0bf;font-size:10px;margin-top:2px}.carousel-controls{display:flex;gap:6px}.carousel-controls button{width:32px;height:30px;border:1px solid rgba(244,165,28,.42);border-radius:8px;background:#091726;color:#ffd36a;font-size:22px;cursor:pointer}
.dashboard-v2 .game-rail{display:flex;gap:9px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;padding:0 2px 6px;min-height:0}.dashboard-v2 .game-rail::-webkit-scrollbar{height:5px}.dashboard-v2 .game-rail::-webkit-scrollbar-thumb{background:#9a6c28;border-radius:10px}
.dashboard-v2 .journey-card{position:relative;flex:0 0 105px;height:124px;border:1px solid rgba(244,165,28,.42);border-radius:10px;background:#07111c;padding:0;overflow:hidden;cursor:pointer;scroll-snap-align:start}.dashboard-v2 .journey-card.is-active{border-color:#ffd36a;box-shadow:0 0 0 1px rgba(255,211,106,.25)}.dashboard-v2 .journey-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#07111c;padding:3px}.dashboard-v2 .journey-card::after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.86))}.dashboard-v2 .journey-card>b{position:absolute;z-index:2;left:7px;right:7px;bottom:7px;color:#fff1cf;font-size:10px;line-height:1.1;text-align:left}.dashboard-v2 .journey-card em{position:absolute;z-index:3;right:5px;top:5px;font-size:7px;font-style:normal;color:#fff2d2;background:#8d211a;padding:3px 5px;border-radius:6px}
.wallet-column{padding:16px;display:flex;flex-direction:column;gap:10px;min-height:0}.wallet-big{padding:12px 0;border-bottom:1px solid rgba(255,255,255,.08)}.wallet-big span{font-size:10px;letter-spacing:.14em;color:#d1af66}.wallet-big strong{display:block;font:700 30px/1 Georgia,serif;color:#fff1d0;margin-top:5px}.wallet-action{height:42px;border:1px solid rgba(244,165,28,.38);border-radius:9px;background:#091725;color:#e9edf1;display:flex;align-items:center;justify-content:space-between;padding:0 11px;cursor:pointer}.wallet-action b{color:#ffd36a;font-size:11px}
.dashboard-secondary-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;min-height:0}.secondary-module{padding:14px 16px;display:flex;flex-direction:column;justify-content:center;cursor:pointer}.secondary-module>span{font-size:9px;letter-spacing:.17em;color:#eebc53;font-weight:900}.secondary-module h3{font:700 21px/1.05 Georgia,serif;color:#fff0ce;margin:7px 0 5px}.secondary-module p{font-size:11px;color:#aebdca;line-height:1.35;margin:0}.secondary-module>b{font-size:11px;color:#ffd36a;margin-top:9px}
@media(max-height:860px){.dashboard-v2{grid-template-rows:108px minmax(0,1fr) 132px}.dashboard-primary-row{grid-template-columns:300px minmax(0,1fr) 230px}.featured-game-panel{grid-template-rows:minmax(0,1fr) 32px 116px}.dashboard-v2 .journey-card{height:108px;flex-basis:94px}.dashboard-intro h1{font-size:34px}.featured-game-copy h2{font-size:36px}.startup-brand-centered .startup-brand-logo{width:min(210px,20vw)!important}}


/* v10.29.2 startup cleanup + dashboard alignment */
.startup-screen{background:radial-gradient(circle at 50% 30%,rgba(224,164,62,.18),transparent 24%), #02070d url("assets/ui/startup_railroad_clean2.jpg") center bottom/cover no-repeat !important;}
.startup-screen::before{background:linear-gradient(180deg,rgba(0,0,0,.20) 0%,rgba(0,0,0,.42) 46%,rgba(0,0,0,.18) 70%,rgba(0,0,0,.35) 100%) !important;filter:none !important;inset:0 !important}
.startup-rails{display:none !important}
.startup-topbar{justify-content:flex-end !important;padding-right:max(18px,calc(env(safe-area-inset-right,0px) + 12px)) !important}
.startup-brand-centered{top:max(14px,calc(env(safe-area-inset-top,0px) + 6px)) !important}
.startup-brand-centered .startup-brand-logo{width:min(170px,15vw) !important;max-height:140px;filter:drop-shadow(0 8px 20px rgba(0,0,0,.55)) !important}
.startup-story-card{width:min(1000px,84vw) !important;position:relative;z-index:4;background:rgba(4,11,19,.80);border:1px solid rgba(244,165,28,.34);border-radius:24px;padding:18px 34px 20px !important;backdrop-filter:blur(10px);box-shadow:0 18px 50px rgba(0,0,0,.36);margin-top:120px !important}
.startup-story-card .eyebrow{font-size:10px !important;letter-spacing:.22em !important;margin-bottom:12px !important}
.startup-lines{height:152px !important;max-width:min(920px,80vw) !important}
.startup-line{left:50% !important;width:min(900px,80vw) !important;transform:translateX(-50%) !important}
.startup-line-1,.startup-line-3,.startup-line-5,.startup-line-6{top:28px !important;font-size:clamp(30px,3.4vw,56px) !important;line-height:1.18 !important}
.startup-line-2,.startup-line-4{top:34px !important;font-size:clamp(24px,2.5vw,38px) !important;line-height:1.26 !important;color:#f2ddb3 !important}
.startup-track{width:min(620px,66vw) !important;height:10px !important;margin:6px auto 10px !important;background:rgba(16,31,45,.95) !important;border-color:rgba(244,165,28,.30) !important}
.startup-story-card small{font-size:10px !important;letter-spacing:.17em !important}
@media(max-height:780px){.startup-story-card{margin-top:92px !important;padding:16px 30px 18px !important}.startup-lines{height:126px !important}.startup-line-1,.startup-line-3,.startup-line-5,.startup-line-6{font-size:clamp(26px,3vw,46px) !important}.startup-line-2,.startup-line-4{font-size:clamp(20px,2.2vw,32px) !important}}

.dashboard-v2{grid-template-rows:104px minmax(0,1fr) 116px !important;gap:10px !important}
.dashboard-impact-hero{grid-template-columns:1.9fr .88fr .88fr .72fr !important;gap:10px !important}
.dashboard-intro{padding:14px 18px !important}
.dashboard-intro h1{font-size:32px !important;line-height:1.02 !important}
.dashboard-primary-row{grid-template-columns:344px minmax(0,1fr) 236px !important;gap:10px !important}
.featured-game-panel{position:relative;padding:12px !important;grid-template-rows:280px 24px 186px !important;gap:10px !important}
.featured-game-stage{grid-template-columns:39% minmax(0,1fr) !important;background:radial-gradient(circle at 58% 40%,#153b61 0,#091827 48%,#050c14 100%) !important}
.featured-game-copy{padding:24px 22px !important;background:linear-gradient(90deg,rgba(4,12,21,.98),rgba(4,12,21,.88),rgba(4,12,21,.36),rgba(4,12,21,0) 100%) !important}
.featured-game-copy h2{font-size:34px !important;margin:8px 0 10px !important}
.featured-game-copy p{max-width:24ch !important;font-size:13px !important;margin-bottom:18px !important}
.featured-game-stage>img{right:0 !important;top:0 !important;width:49% !important;height:100% !important;padding:0 !important;object-fit:cover !important;object-position:center center !important;filter:none !important}
.story-carousel-header{display:flex !important;align-items:center !important;justify-content:space-between !important;padding:0 2px !important}
.story-carousel-header>div{display:flex;align-items:center;gap:10px}
.story-carousel-header span{font-size:11px !important;letter-spacing:.08em !important;color:#efbd55 !important}
.story-carousel-header small{display:none !important}
.carousel-controls button:first-child{display:none !important}
.carousel-controls button{width:34px !important;height:34px !important;border-radius:10px !important}
.dashboard-v2 .game-rail{gap:10px !important;padding:0 2px 2px !important;align-items:stretch !important}
.dashboard-v2 .journey-card{flex:0 0 142px !important;height:188px !important;border-radius:12px !important}
.dashboard-v2 .journey-card img{object-fit:cover !important;padding:0 !important;background:none !important}
.dashboard-v2 .journey-card::after{inset:50% 0 0 !important}
.dashboard-v2 .journey-card>b{font-size:11px !important;left:8px !important;right:8px !important;bottom:8px !important}
.wallet-column{padding:14px !important}
.wallet-big strong{font-size:28px !important}
.dashboard-secondary-row{grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:10px !important}
.secondary-module{padding:12px 14px !important}
.secondary-module h3{font-size:19px !important}
@media(max-height:860px){.dashboard-v2{grid-template-rows:96px minmax(0,1fr) 108px !important}.featured-game-panel{grid-template-rows:244px 22px 164px !important}.dashboard-v2 .journey-card{flex-basis:128px !important;height:166px !important}.dashboard-intro h1{font-size:30px !important}.featured-game-copy h2{font-size:32px !important}}


/* v10.29.3 — full-screen startup hero and uncropped game carousel */
.startup-screen{
  display:block !important;
  background:#02070d url("assets/ui/startup_railroad_clean2.jpg") center bottom/cover no-repeat !important;
}
.startup-screen::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:
    radial-gradient(circle at 50% 32%,rgba(223,160,54,.22),transparent 28%),
    linear-gradient(180deg,rgba(0,0,0,.12) 0%,rgba(0,0,0,.18) 42%,rgba(0,0,0,.04) 62%,rgba(0,0,0,.34) 100%) !important;
  pointer-events:none !important;
}
.startup-brand-centered{
  position:absolute !important;
  left:50% !important;
  top:max(24px,calc(env(safe-area-inset-top,0px) + 14px)) !important;
  transform:translateX(-50%) !important;
  z-index:5 !important;
}
.startup-brand-centered .startup-brand-logo{
  width:min(260px,18vw) !important;
  max-height:220px !important;
  object-fit:contain !important;
  filter:drop-shadow(0 10px 28px rgba(0,0,0,.58)) !important;
}
.startup-topbar{z-index:7 !important}
.startup-story-card{
  position:absolute !important;
  left:50% !important;
  top:46% !important;
  transform:translate(-50%,-50%) !important;
  width:min(1160px,88vw) !important;
  margin:0 !important;
  padding:0 24px !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  text-align:center !important;
  z-index:5 !important;
}
.startup-story-card .eyebrow{
  margin:0 0 18px !important;
  font-size:11px !important;
  letter-spacing:.24em !important;
  color:#efb94f !important;
  text-shadow:0 3px 18px rgba(0,0,0,.75) !important;
}
.startup-lines{
  position:relative !important;
  height:176px !important;
  max-width:min(1080px,84vw) !important;
  margin:0 auto !important;
}
.startup-line{
  width:min(1040px,82vw) !important;
  margin:0 !important;
  text-shadow:0 4px 28px rgba(0,0,0,.92),0 0 2px rgba(0,0,0,.9) !important;
}
.startup-line-1{
  top:10px !important;
  font-size:clamp(34px,4vw,62px) !important;
  line-height:1.1 !important;
}
.startup-line-2{
  top:82px !important;
  font-size:clamp(22px,2.35vw,38px) !important;
  line-height:1.2 !important;
}
.startup-line-3,.startup-line-4,.startup-line-5,.startup-line-6{
  top:42px !important;
  font-size:clamp(34px,4vw,62px) !important;
  line-height:1.12 !important;
}
.startup-line-4{font-size:clamp(26px,3vw,44px) !important;line-height:1.2 !important}
.startup-track{
  width:min(760px,70vw) !important;
  height:12px !important;
  margin:16px auto 10px !important;
  background:rgba(5,18,29,.92) !important;
  border:1px solid rgba(244,165,28,.52) !important;
  box-shadow:0 10px 26px rgba(0,0,0,.34),inset 0 1px 2px rgba(255,255,255,.08) !important;
}
.startup-story-card small{
  color:#d4dbe1 !important;
  font-size:10px !important;
  letter-spacing:.18em !important;
  text-shadow:0 3px 14px rgba(0,0,0,.9) !important;
}
@media(max-height:760px){
  .startup-brand-centered .startup-brand-logo{width:min(220px,16vw) !important}
  .startup-story-card{top:48% !important}
  .startup-lines{height:146px !important}
  .startup-line-1{top:2px !important;font-size:clamp(30px,3.4vw,50px) !important}
  .startup-line-2{top:65px !important;font-size:clamp(20px,2.1vw,32px) !important}
  .startup-line-3,.startup-line-4,.startup-line-5,.startup-line-6{top:30px !important;font-size:clamp(28px,3.4vw,50px) !important}
  .startup-line-4{font-size:clamp(22px,2.6vw,36px) !important}
}

.story-carousel-header small{display:block !important;color:#9fb0bf !important;font-size:10px !important;margin-top:2px !important}
.carousel-controls{display:flex !important;gap:8px !important}
.carousel-controls button:first-child{display:inline-grid !important}
.carousel-controls button{
  width:36px !important;
  height:34px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:10px !important;
  font-size:18px !important;
  line-height:1 !important;
}
.dashboard-v2 .journey-card{
  flex:0 0 142px !important;
  height:188px !important;
  background:#06101a !important;
}
.dashboard-v2 .journey-card img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
  background:#06101a !important;
  padding:5px !important;
  box-sizing:border-box !important;
}
.dashboard-v2 .journey-card:hover img,.dashboard-v2 .journey-card.is-active img{transform:scale(1.015) !important}
.dashboard-v2 .journey-card::after{inset:58% 0 0 !important}
.dashboard-v2 .journey-card>b{background:linear-gradient(180deg,transparent,rgba(0,0,0,.78)) !important;padding-top:20px !important}
@media(max-height:860px){
  .dashboard-v2 .journey-card{flex-basis:128px !important;height:166px !important}
}


/* v10.29.4 — hero startup polish + square dashboard art refresh */
.startup-screen{
  display:block !important;
  background:#02070d url("assets/ui/startup_railway_to_reel_change.png") center bottom/cover no-repeat !important;
}
.startup-screen::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:
    radial-gradient(circle at 50% 30%,rgba(230,174,63,.22),transparent 26%),
    linear-gradient(180deg,rgba(2,7,13,.18) 0%,rgba(2,7,13,.32) 38%,rgba(2,7,13,.10) 64%,rgba(2,7,13,.46) 100%) !important;
  pointer-events:none !important;
}
.startup-rails{display:none !important}
.startup-topbar{justify-content:flex-end !important;z-index:6 !important}
.startup-brand-centered{
  position:absolute !important;
  top:max(22px,calc(env(safe-area-inset-top,0px) + 14px)) !important;
  left:50% !important;
  transform:translateX(-50%) !important;
  z-index:6 !important;
}
.startup-brand-centered .startup-brand-logo{
  width:min(210px,16vw) !important;
  max-height:160px !important;
  object-fit:contain !important;
  filter:drop-shadow(0 12px 30px rgba(0,0,0,.55)) !important;
}
.startup-story-card{
  position:absolute !important;
  left:50% !important;
  top:47% !important;
  transform:translate(-50%,-50%) !important;
  width:min(1040px,84vw) !important;
  margin:0 !important;
  padding:0 24px !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  text-align:center !important;
  z-index:5 !important;
}
.startup-story-card .eyebrow{
  margin:0 0 16px !important;
  font-size:11px !important;
  letter-spacing:.24em !important;
  color:#efb94f !important;
  text-shadow:0 4px 20px rgba(0,0,0,.84) !important;
}
.startup-lines{
  display:flex !important;
  flex-direction:column !important;
  gap:12px !important;
  height:auto !important;
  max-width:min(980px,82vw) !important;
  margin:0 auto !important;
}
.startup-line{
  position:relative !important;
  left:auto !important;
  top:auto !important;
  width:auto !important;
  transform:none !important;
  margin:0 !important;
  opacity:1 !important;
  text-shadow:0 6px 28px rgba(0,0,0,.92) !important;
}
.startup-line-1{
  font-size:clamp(38px,4.2vw,68px) !important;
  line-height:1.08 !important;
  color:#fff4d6 !important;
}
.startup-line-2{
  font-size:clamp(20px,2.05vw,32px) !important;
  line-height:1.3 !important;
  color:#f1ddb1 !important;
  font-weight:700 !important;
}
.startup-line-3,.startup-line-4,.startup-line-5,.startup-line-6{display:none !important}
.startup-track{
  width:min(760px,68vw) !important;
  height:12px !important;
  margin:18px auto 10px !important;
  background:rgba(7,18,30,.92) !important;
  border:1px solid rgba(244,165,28,.46) !important;
  box-shadow:inset 0 1px 2px rgba(255,255,255,.08),0 10px 24px rgba(0,0,0,.34) !important;
}
.startup-track div{background:linear-gradient(90deg,#d08b1d,#ffd86f) !important}
.startup-story-card small{
  color:#d4dbe1 !important;
  font-size:10px !important;
  letter-spacing:.18em !important;
  text-shadow:0 3px 12px rgba(0,0,0,.9) !important;
}
@media(max-height:780px){
  .startup-brand-centered .startup-brand-logo{width:min(176px,14vw) !important;max-height:132px !important}
  .startup-story-card{top:49% !important}
  .startup-line-1{font-size:clamp(32px,3.5vw,54px) !important}
  .startup-line-2{font-size:clamp(18px,1.9vw,28px) !important}
}

.featured-game-panel{grid-template-rows:292px 32px 164px !important}
.featured-game-stage{
  display:grid !important;
  grid-template-columns:minmax(285px,38%) minmax(0,1fr) !important;
  align-items:stretch !important;
  background:radial-gradient(circle at 62% 42%,#16385b 0,#091726 48%,#050b13 100%) !important;
}
.featured-game-copy{
  padding:24px 22px !important;
  background:linear-gradient(90deg,rgba(4,12,21,.98),rgba(4,12,21,.88),rgba(4,12,21,.42),rgba(4,12,21,0) 100%) !important;
}
.featured-game-copy h2{font-size:36px !important;margin:8px 0 10px !important}
.featured-game-copy p{max-width:24ch !important;font-size:14px !important;margin-bottom:18px !important}
.featured-game-stage>img,
.featured-game-image{
  position:relative !important;
  grid-column:2 !important;
  right:auto !important;
  top:auto !important;
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
  padding:16px 18px 16px 0 !important;
  filter:drop-shadow(0 18px 28px rgba(0,0,0,.34)) !important;
  background:transparent !important;
}
.story-carousel-header small{display:block !important}
.carousel-controls button:first-child{display:inline-grid !important}
.carousel-controls button[disabled]{opacity:.35 !important;cursor:default !important}
.dashboard-v2 .game-rail{
  gap:12px !important;
  padding:0 2px 2px !important;
  align-items:stretch !important;
}
.dashboard-v2 .journey-card{
  flex:0 0 154px !important;
  width:154px !important;
  height:154px !important;
  border-radius:14px !important;
  background:#07111c !important;
  box-shadow:0 10px 22px rgba(0,0,0,.32) !important;
}
.dashboard-v2 .journey-card img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  padding:0 !important;
  background:none !important;
}
.dashboard-v2 .journey-card::after{inset:56% 0 0 !important}
.dashboard-v2 .journey-card>b{
  left:8px !important;
  right:8px !important;
  bottom:8px !important;
  font-size:11px !important;
  background:linear-gradient(180deg,transparent,rgba(0,0,0,.76)) !important;
  padding-top:18px !important;
}
.dashboard-v2 .journey-card:hover img,.dashboard-v2 .journey-card.is-active img{transform:scale(1.02) !important}
@media(max-height:860px){
  .featured-game-panel{grid-template-rows:256px 30px 146px !important}
  .dashboard-v2 .journey-card{flex-basis:140px !important;width:140px !important;height:140px !important}
}


/* v10.32.5 — Thirty Five Dollars bonus games */
.tfd-demo-controls{display:none;position:absolute;z-index:22;right:10px;bottom:8px;align-items:center;gap:6px;padding:5px 7px;border:1px solid rgba(109,197,255,.82);border-radius:999px;background:rgba(4,25,48,.91);box-shadow:0 6px 18px rgba(0,0,0,.52),inset 0 0 0 1px rgba(255,255,255,.07)}
.theme-thirtyfive .tfd-demo-controls{display:flex}.tfd-demo-controls span{font-size:7px;font-weight:900;letter-spacing:.13em;color:#93d8ff}.tfd-demo-controls button{height:23px;padding:0 9px;border:1px solid rgba(135,214,255,.65);border-radius:999px;background:linear-gradient(180deg,#1c75ae,#0a3458);color:#eefaff;font-size:8px;font-weight:900;letter-spacing:.05em;cursor:pointer}.tfd-demo-controls button:last-child{background:linear-gradient(180deg,#d7a532,#815411);border-color:#ffe08b;color:#fff8df}.tfd-demo-controls button:hover{filter:brightness(1.13)}
.santa-feature-stage.tfd-feature-active{background:linear-gradient(180deg,rgba(3,18,34,.14),rgba(1,9,19,.76)),url('assets/dashboard/thirtyfive_feature_banner_v10315.png') center/cover;background-color:#06182b;border-color:#6bc8ff;box-shadow:inset 0 0 100px rgba(0,0,0,.74),inset 0 0 0 1px rgba(170,231,255,.12)}
.santa-feature-stage.tfd-feature-active::before{background:radial-gradient(circle at 50% 24%,rgba(74,174,235,.22),transparent 38%),linear-gradient(90deg,rgba(2,20,38,.72),transparent 24%,transparent 76%,rgba(2,20,38,.72))}.tfd-feature-active .sf-snow{display:none}.tfd-feature-active .sf-header{border-bottom-color:rgba(91,190,244,.58);background:linear-gradient(180deg,rgba(4,27,49,.98),rgba(3,15,29,.98))}.tfd-feature-active .sf-brand span,.tfd-feature-active .sf-kicker{color:#82d6ff}.tfd-feature-active .sf-brand strong,.tfd-feature-active .sf-screen h2,.tfd-feature-active .sf-screen h3{color:#f4fbff}.tfd-feature-active .sf-header-actions button{border-color:rgba(111,204,255,.68);color:#bde9ff}.tfd-feature-active .sf-header-actions button[aria-pressed="true"]{background:#145e91;color:#fff;border-color:#a8e7ff}.tfd-feature-active .sf-progress-stop.active{color:#aee7ff}.tfd-feature-active .sf-progress-stop.active::before{border-color:#8dd9ff;background:#126aa2;box-shadow:0 0 13px rgba(76,190,255,.5)}.tfd-feature-active .sf-progress-stop.complete{color:#bce7c2}.tfd-feature-active .sf-progress-stop.complete::before{border-color:#8ed89a;background:#245f31}.tfd-feature-active .sf-footer{border-top-color:rgba(84,184,240,.55);background:linear-gradient(180deg,rgba(4,22,39,.96),rgba(2,10,20,.99))}.tfd-feature-active .sf-status{border-color:rgba(95,190,241,.5);background:rgba(28,86,125,.16);color:#d9f2ff}.tfd-feature-active .sf-primary{border-color:#bfeaff;background:linear-gradient(180deg,#2586bf,#0d4f7f);color:#fff;box-shadow:0 8px 22px rgba(0,0,0,.38),0 0 18px rgba(52,165,230,.28)}
.tfd-screen{gap:14px}.tfd-dream-map{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap}.tfd-dream-map>div{min-width:135px;padding:14px 18px;border:1px solid rgba(112,207,255,.58);border-radius:15px;background:linear-gradient(180deg,rgba(16,70,108,.82),rgba(5,29,51,.9));box-shadow:0 9px 22px rgba(0,0,0,.28)}.tfd-dream-map span{display:block;font-size:38px}.tfd-dream-map b{display:block;margin-top:5px;font-family:Georgia,serif;font-size:18px;color:#e9f8ff}.tfd-dream-map i{font-size:28px;color:#78caef;font-style:normal}.tfd-feature-active .sf-award-chip{border-color:rgba(106,199,248,.58);background:rgba(4,28,49,.82)}.tfd-feature-active .sf-award-chip strong{color:#aee7ff}
.tfd-stage-hero{display:flex;align-items:center;justify-content:center;gap:28px}.tfd-stage-hero>span{font-size:64px;filter:drop-shadow(0 6px 8px rgba(0,0,0,.35))}.tfd-stage-hero>div{min-width:150px;padding:10px 18px;border-left:1px solid rgba(130,216,255,.45);text-align:left}.tfd-stage-hero small{display:block;font-size:9px;letter-spacing:.14em;color:#9dc4d7}.tfd-stage-hero strong{display:block;font-family:Georgia,serif;font-size:38px;color:#fff}
.tfd-pick-grid{width:min(1180px,98%);display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}.tfd-pick-grid.seven{grid-template-columns:repeat(7,minmax(0,1fr))}.tfd-pick-card{min-height:168px;padding:14px 10px;border:1.5px solid rgba(112,207,255,.72);border-radius:16px;background:linear-gradient(180deg,rgba(14,71,108,.96),rgba(4,25,46,.98));color:#fff;cursor:pointer;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),0 10px 22px rgba(0,0,0,.34);transition:transform .18s,filter .18s,border-color .18s,opacity .18s}.tfd-pick-card:hover:not(:disabled){transform:translateY(-4px);filter:brightness(1.12);border-color:#d0f1ff}.tfd-pick-card:disabled{cursor:default}.tfd-pick-card.selected{border-color:#ffe18a;background:linear-gradient(180deg,rgba(169,116,22,.97),rgba(73,43,6,.98));box-shadow:0 0 24px rgba(255,204,82,.3)}.tfd-pick-card.missed{opacity:.48;filter:saturate(.72) brightness(.88);border-color:rgba(137,179,202,.45);background:linear-gradient(180deg,rgba(13,44,67,.88),rgba(4,18,33,.94))}.tfd-pick-card.resolved:not(.selected):not(.missed){opacity:.86}.tfd-pick-card b{display:block;margin-top:10px;font-family:Georgia,serif;font-size:18px;color:#f2fbff}.tfd-pick-card small{display:block;margin-top:7px;color:#b8d9e8;font-size:11px;line-height:1.25}.tfd-covered-mark{display:grid;place-items:center;width:66px;height:66px;margin:auto;border:2px solid #9edfff;border-radius:50%;font:700 30px/1 Georgia,serif;color:#d8f4ff;background:radial-gradient(circle,#1e75aa,#0c3c64);box-shadow:0 0 20px rgba(79,190,249,.3)}.tfd-multiplier{display:block;font:700 46px/1 Georgia,serif;color:#fff0b2}.tfd-whistle{display:block;font-size:50px;color:#ffde7d}.tfd-reveal-callout{padding:9px 18px;border-radius:999px;background:rgba(34,116,68,.9);border:1px solid #9ae2a9;color:#effff2;font-weight:900;letter-spacing:.05em}.tfd-reveal-callout.whistle{background:rgba(130,36,38,.92);border-color:#ff9a9e;color:#fff0f0}.tfd-reveal-note{font-size:12px;color:#b8d9e8;opacity:.9;letter-spacing:.04em;text-align:center}
.tfd-dream-track{width:100%;height:100%;display:flex;align-items:center;justify-content:center;gap:10px;overflow-x:auto}.tfd-track-stop{min-width:120px;padding:8px 12px;border:1px solid rgba(96,184,233,.4);border-radius:11px;background:rgba(6,31,53,.76);display:flex;align-items:center;gap:8px}.tfd-track-stop span{font-size:26px}.tfd-track-stop b{font-family:Georgia,serif;font-size:13px;color:#cfefff}.tfd-track-stop.active{border-color:#8edcff;box-shadow:0 0 15px rgba(76,184,241,.25)}.tfd-track-stop.complete{border-color:#87d695;background:rgba(28,83,46,.8)}.tfd-dream-track>i{font-size:22px;color:#6ebbe3;font-style:normal}
.tfd-summary-screen{justify-content:flex-start}.tfd-reveal-board{width:min(980px,96%);display:grid;gap:9px}.tfd-reveal-row{display:grid;grid-template-columns:230px minmax(0,1fr);align-items:center;gap:12px;padding:10px 13px;border:1px solid rgba(99,189,238,.42);border-radius:11px;background:rgba(4,28,48,.82);text-align:left}.tfd-reveal-row b{display:block;font-family:Georgia,serif;font-size:17px;color:#e8f8ff}.tfd-reveal-row small{display:block;margin-top:3px;color:#9fc4d6}.tfd-reveal-values{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.tfd-reveal-values span{padding:7px 10px;border-radius:999px;border:1px solid rgba(120,197,235,.42);background:rgba(255,255,255,.04);color:#b9d8e7;font-weight:900}.tfd-reveal-values span.picked{border-color:#ffe18a;background:#835a13;color:#fff0b5}.tfd-reveal-values span.whistle{border-color:#d87f83;color:#ffc3c6}.tfd-feature-active .sf-final-total{border-color:rgba(102,196,244,.5);background:rgba(4,27,47,.86)}.tfd-feature-active .sf-final-total strong{color:#aee7ff}
.tfd-unlock-grid{width:min(850px,94%);display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.tfd-unlock-grid>div{padding:16px;border:1px solid rgba(104,198,248,.56);border-radius:14px;background:linear-gradient(180deg,rgba(14,67,103,.88),rgba(4,28,49,.92))}.tfd-unlock-grid>div.premium{border-color:#f1c962;background:linear-gradient(180deg,rgba(123,83,15,.92),rgba(55,34,5,.96))}.tfd-unlock-grid span{display:block;font:700 36px/1 Georgia,serif;color:#d8f3ff}.tfd-unlock-grid b{display:block;margin-top:8px;font-family:Georgia,serif;font-size:19px;color:#fff}.tfd-unlock-grid small{display:block;margin-top:5px;color:#b7d6e5}.tfd-equipment-row{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.tfd-equipment-row>div{min-width:125px;padding:9px 12px;border-radius:12px;background:rgba(5,32,54,.82);border:1px solid rgba(106,198,246,.38)}.tfd-equipment-row span{font-size:30px}.tfd-equipment-row b{display:block;font-size:11px;color:#dff5ff}
.tfd-mini-reels{border-color:#65c5f3;background:linear-gradient(180deg,#072f50,#03111f)}.tfd-impact-panel{padding:11px;border:1px solid rgba(94,187,237,.5);border-radius:10px;background:rgba(13,74,111,.24)}.tfd-impact-panel>div:first-child{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:#b9dced}.tfd-impact-panel strong{color:#fff}.tfd-meter{height:13px;margin-top:8px;border-radius:999px;border:1px solid rgba(131,218,255,.55);background:#03111e;overflow:hidden}.tfd-meter i{display:block;height:100%;background:linear-gradient(90deg,#1f83bb,#7ad9ff 62%,#ffe26f);transition:width .24s}.tfd-collected{min-height:42px;display:flex;align-items:center;gap:5px;flex-wrap:wrap;padding:7px;border-radius:9px;background:rgba(255,255,255,.035)}.tfd-collected span{font-size:22px}.tfd-footer-meter{width:100%;display:grid;grid-template-columns:150px minmax(240px,1fr) auto;gap:15px;align-items:center}.tfd-footer-meter small{display:block;font-size:8px;letter-spacing:.14em;color:#9cc5d9}.tfd-footer-meter strong{display:block;margin-top:3px;font:700 22px/1 Georgia,serif;color:#e9f9ff}.tfd-unlock-mini{display:flex;gap:6px;flex-wrap:wrap}.tfd-unlock-mini span{padding:6px 8px;border:1px solid rgba(111,181,218,.35);border-radius:999px;color:#789aac;font-size:8px;font-weight:900}.tfd-unlock-mini span.on{border-color:#99e4a6;background:#245d31;color:#effff1}.tfd-equipment-summary{max-width:940px;max-height:90px;overflow:auto;padding:12px 16px;border:1px solid rgba(97,191,241,.44);border-radius:12px;background:rgba(4,28,48,.82);font-size:25px;line-height:1.6}
@media (max-width:1100px){.tfd-pick-grid,.tfd-pick-grid.seven{grid-template-columns:repeat(4,1fr)}.tfd-pick-card{min-height:150px}}@media (max-width:900px){.tfd-pick-grid,.tfd-pick-grid.seven{grid-template-columns:repeat(2,1fr)}.tfd-pick-card{min-height:150px}.tfd-unlock-grid{grid-template-columns:1fr}.tfd-footer-meter{grid-template-columns:1fr}.tfd-reveal-row{grid-template-columns:1fr}.tfd-reveal-values{justify-content:flex-start}.tfd-dream-map>div{min-width:100px}.tfd-demo-controls span{display:none}}
@media (max-height:650px){.tfd-pick-card{min-height:118px;padding:10px}.tfd-covered-mark{width:54px;height:54px;font-size:24px}.tfd-multiplier,.tfd-whistle{font-size:38px}.tfd-stage-hero>span{font-size:45px}.tfd-dream-map>div{padding:8px 12px}.tfd-dream-map span{font-size:28px}.tfd-unlock-grid>div{padding:9px}.tfd-equipment-row>div{padding:6px}.tfd-summary-screen{gap:7px}.tfd-reveal-row{padding:6px 10px}}

/* v10.32.5 mobile feature fit refinements */
@media (max-width:900px){
  .tfd-feature-active .sf-header{grid-template-columns:minmax(0,1fr) auto;gap:7px}
  .tfd-feature-active .sf-brand strong{font-size:16px;white-space:nowrap}
  .tfd-feature-active .sf-brand small{display:none}
  .tfd-feature-active .sf-content{padding-top:38px}
  .tfd-feature-active .tfd-screen{height:auto;min-height:100%;justify-content:flex-start;padding-top:6px}
  .tfd-feature-active .tfd-dream-track{justify-content:flex-start;padding-left:4px}
}
.tfd-mini-reels .sf-mini-cell.equipment-hit{display:flex;flex-direction:column;align-items:center;justify-content:center;border-color:#ffe174;background:radial-gradient(circle at 50% 38%,rgba(255,224,111,.26),rgba(7,62,91,.96));box-shadow:inset 0 0 18px rgba(255,224,108,.18),0 0 10px rgba(255,218,86,.24)}
.tfd-mini-equipment{font-size:clamp(24px,3vw,44px);line-height:1;filter:drop-shadow(0 4px 5px rgba(0,0,0,.45))}.tfd-mini-reels .sf-mini-cell.equipment-hit small{margin-top:4px;padding:0 3px;color:#fff3bc;font-size:7px;font-weight:900;text-align:center;line-height:1.05}


/* v10.32.7 Build the Dream hero-art stage integration */
.tfd-dream-art-active{
  grid-template-rows:minmax(0,1fr);
  border-color:#bf9a47;
  background:#020403;
  box-shadow:inset 0 0 55px rgba(0,0,0,.62),0 0 22px rgba(190,150,66,.2)
}
.tfd-dream-art-active::before,.tfd-dream-art-active .sf-snow,.tfd-dream-art-active>.sf-header,.tfd-dream-art-active>.sf-footer{display:none!important}
.tfd-dream-art-active>.sf-content{position:absolute;inset:0;padding:0!important;overflow:hidden;background:#020403}
.tfd-art-screen{position:absolute;inset:0;display:grid;place-items:center;background:#020403;overflow:hidden}
.tfd-art-canvas{
  position:relative;
  width:min(100%,calc(100vh * 1.7779));
  aspect-ratio:1672/941;
  max-height:100%;
  flex:0 0 auto;
  background-image:var(--tfd-stage-art);
  background-size:100% 100%;
  background-position:center;
  background-repeat:no-repeat;
  overflow:hidden;
  box-shadow:0 0 42px rgba(0,0,0,.75)
}
.tfd-art-close{position:absolute;z-index:8;right:1.05%;top:21%;width:3.1%;aspect-ratio:1;border:1px solid rgba(255,222,145,.82);border-radius:50%;background:rgba(3,7,8,.88);color:#ffe4a3;font-size:clamp(16px,2.1vw,32px);font-weight:900;line-height:1;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.55)}
.tfd-art-live-total{position:absolute;z-index:5;right:2.4%;top:3.2%;width:15.8%;height:15.5%;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:9%;background:linear-gradient(180deg,rgba(8,12,12,.98),rgba(14,18,17,.96));border:1px solid rgba(235,193,105,.86);box-shadow:0 5px 18px rgba(0,0,0,.48),inset 0 0 18px rgba(215,168,75,.08);pointer-events:none}
.tfd-art-live-total small{font-size:clamp(7px,.82vw,14px);letter-spacing:.11em;color:#e8d6ac;font-weight:900}.tfd-art-live-total strong{margin-top:3%;font-family:Georgia,serif;font-size:clamp(22px,3.5vw,57px);line-height:1;color:#f3cd77;text-shadow:0 3px 10px rgba(0,0,0,.7)}
.tfd-art-choice-row{position:absolute;z-index:4;left:4.7%;right:4.7%;top:47.4%;height:31%;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.65%}
.stage-shoes .tfd-art-choice-row{top:49.3%;height:29.5%}
.stage-jersey .tfd-art-choice-row{left:8.4%;right:8.4%;top:42%;height:40%}
.stage-goal .tfd-art-choice-row{left:5.1%;right:5.1%;top:49.5%;height:29.3%}
.tfd-art-choice{position:relative;overflow:visible;border:2px solid transparent;border-radius:16px;background:transparent;color:#fff;cursor:pointer;transition:transform .16s,border-color .16s,box-shadow .16s,filter .16s,opacity .16s,backdrop-filter .16s,background .16s;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:0 4% 6%;text-align:center;text-shadow:0 2px 6px #000}
.tfd-art-choice:hover:not(:disabled){z-index:9;transform:translateY(-1.4%) scale(1.10);transform-origin:center 78%;border-color:rgba(214,255,132,.16);background:radial-gradient(circle at 50% 74%,rgba(232,255,174,.16),rgba(232,255,174,0) 26%);backdrop-filter:brightness(1.12) saturate(1.08);box-shadow:0 12px 34px rgba(0,0,0,.24),0 0 28px rgba(164,255,96,.18)}
.tfd-art-choice .tfd-art-pick-mark{position:absolute;left:50%;bottom:5%;transform:translateX(-50%);width:34%;aspect-ratio:1;display:grid;place-items:center;border:1px solid rgba(246,212,135,.9);border-radius:50%;background:radial-gradient(circle,#386b28,#0c2610 70%);font:700 clamp(11px,1.45vw,24px)/1 Georgia,serif;color:#fff0b9;box-shadow:0 0 13px rgba(113,237,73,.28)}
.tfd-art-choice:not(.revealed)>b{position:absolute;bottom:-8%;left:50%;transform:translateX(-50%);font-size:clamp(6px,.7vw,12px);letter-spacing:.09em;color:#fff0bd;opacity:0}
.tfd-art-choice.revealed{justify-content:flex-end;padding:0 3% 7%;border-color:rgba(137,195,105,.30);background:linear-gradient(180deg,rgba(2,8,6,0) 0 46%,rgba(2,8,6,.28) 58%,rgba(2,8,6,.78) 100%);backdrop-filter:none;box-shadow:inset 0 -16px 22px rgba(0,0,0,.34)}
.stage-goal .tfd-art-choice{border-radius:48%}
.stage-goal .tfd-art-choice:not(.revealed){background:transparent}
.stage-goal .tfd-art-choice.revealed{background:linear-gradient(180deg,rgba(3,8,7,0) 0 43%,rgba(3,8,7,.20) 57%,rgba(3,8,7,.74) 100%)}
.tfd-art-choice.revealed.selected{opacity:1;border-color:#ffe090;background:radial-gradient(circle at 50% 70%,rgba(255,222,123,.42),rgba(255,222,123,.16) 18%,rgba(255,222,123,0) 34%),linear-gradient(180deg,rgba(103,76,19,0) 0 44%,rgba(103,76,19,.48) 58%,rgba(34,25,5,.88) 100%);box-shadow:0 0 34px rgba(255,208,83,.48),0 0 70px rgba(255,214,111,.16),inset 0 0 24px rgba(255,221,116,.10);transform:translateY(-3%) scale(1.03)}
.tfd-art-choice.revealed.missed{opacity:1;filter:saturate(.75) brightness(.86);border-color:rgba(159,174,151,.24);background:linear-gradient(180deg,rgba(1,5,4,0) 0 46%,rgba(1,5,4,.22) 58%,rgba(1,5,4,.72) 100%)}
.tfd-art-multiplier{font:700 clamp(25px,3.2vw,54px)/1 Georgia,serif;color:#ffe9ae}.tfd-art-whistle{font-size:clamp(25px,3.1vw,52px);line-height:1;color:#ffd27c}.tfd-art-choice.revealed b{margin-top:7%;font-size:clamp(7px,.82vw,14px);letter-spacing:.08em;color:#fff4ce}.tfd-art-choice.revealed small{margin-top:3%;font-size:clamp(6px,.66vw,11px);color:#d7d0c4;font-weight:900}
.tfd-art-result{position:absolute;z-index:6;left:50%;bottom:12.4%;transform:translateX(-50%);width:max-content;max-width:64%;padding:.7% 2%;border:1px solid rgba(141,225,128,.82);border-radius:999px;background:rgba(15,73,33,.92);color:#f0ffef;font-size:clamp(7px,.86vw,14px);font-weight:900;letter-spacing:.07em;box-shadow:0 5px 16px rgba(0,0,0,.5)}
.tfd-art-result.whistle{border-color:#ff9999;background:rgba(116,28,31,.94);color:#fff1f1}
.tfd-art-continue{position:absolute;z-index:7;left:50%;bottom:2.6%;transform:translateX(-50%);min-width:31%;height:8.8%;padding:0 2%;border:2px solid #edcb79;border-radius:12px;background:linear-gradient(180deg,#266c22,#113a14);color:#fff5d0;font-size:clamp(10px,1.55vw,26px);font-weight:900;letter-spacing:.045em;cursor:pointer;box-shadow:0 7px 20px rgba(0,0,0,.52),inset 0 0 15px rgba(255,221,120,.12)}
.tfd-art-continue:hover{filter:brightness(1.13)}
@media (max-aspect-ratio:1/1){
  .tfd-art-canvas{width:100%;max-height:none}
  .tfd-art-screen{overflow:auto;align-content:center}
  .tfd-art-live-total small{font-size:6px}.tfd-art-live-total strong{font-size:18px}
}


/* v10.32.8 Build the Dream store art and checkout integration */
.tfd-checkout-screen .tfd-art-close{top:21%;right:1.05%}
.tfd-checkout-pill{position:absolute;z-index:7;left:50%;bottom:15.3%;transform:translateX(-50%);min-width:48%;max-width:72%;padding:1% 1.8%;border:1px solid rgba(235,193,105,.86);border-radius:999px;background:rgba(4,17,12,.88);box-shadow:0 5px 18px rgba(0,0,0,.48);display:flex;flex-direction:column;align-items:center;gap:.25vw;text-align:center}
.tfd-checkout-pill span{font-size:clamp(7px,.78vw,13px);letter-spacing:.14em;color:#bfe58d;font-weight:900}
.tfd-checkout-pill strong{font-size:clamp(9px,1.06vw,18px);letter-spacing:.05em;color:#fff1c3;font-weight:900}
.tfd-checkout-copy{position:absolute;z-index:7;left:50%;top:84.4%;transform:translateX(-50%);width:46%;text-align:center;font-size:clamp(7px,.78vw,13px);line-height:1.25;color:#f4efda;text-shadow:0 2px 8px rgba(0,0,0,.72)}
.tfd-checkout-return{position:absolute;z-index:8;left:50%;bottom:2.6%;transform:translateX(-50%);min-width:31%;height:8.8%;padding:0 2%;border:2px solid #edcb79;border-radius:12px;background:linear-gradient(180deg,rgba(38,108,34,.08),rgba(17,58,20,.08));color:rgba(255,255,255,.01);font-size:clamp(10px,1.55vw,26px);font-weight:900;letter-spacing:.045em;cursor:pointer;box-shadow:0 0 0 1px rgba(255,255,255,0)}
.tfd-checkout-return:hover{background:linear-gradient(180deg,rgba(38,108,34,.18),rgba(17,58,20,.18));color:rgba(255,255,255,.06)}


/* v10.32.9 storefront intro and live checkout register */
.tfd-intro-screen .tfd-art-close{top:2.2%;right:1.2%}
.tfd-intro-enter{position:absolute;z-index:7;left:50%;bottom:2.4%;transform:translateX(-50%);width:43%;height:13%;border:2px solid transparent;border-radius:18px;background:rgba(22,95,30,.015);color:rgba(255,255,255,.01);font-size:clamp(12px,2vw,34px);font-weight:900;cursor:pointer}
.tfd-intro-enter:hover,.tfd-intro-enter:focus-visible{border-color:rgba(255,226,147,.62);background:rgba(83,155,52,.09);outline:none;box-shadow:0 0 24px rgba(255,211,91,.18)}
.tfd-live-register{position:absolute;z-index:7;left:50.6%;top:24.3%;width:39.2%;height:48.4%;padding:1.2% 1.35%;border:1px solid rgba(220,190,119,.72);border-radius:2.2%;background:linear-gradient(180deg,rgba(6,11,10,.97),rgba(11,16,15,.97));box-shadow:inset 0 0 24px rgba(255,217,113,.035),0 12px 30px rgba(0,0,0,.44);color:#f4edd8;overflow:hidden}.tfd-live-brand{height:12%;display:flex;align-items:baseline;gap:1.1%;padding-left:1.5%;border-bottom:1px solid rgba(223,199,143,.28)}.tfd-live-brand b{font-size:clamp(10px,1.45vw,24px);letter-spacing:.06em;color:#f2f0e5}.tfd-live-brand small{font-size:clamp(7px,.82vw,14px);letter-spacing:.08em;color:#89c958;font-weight:900}.tfd-live-register-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,.86fr);height:76%;gap:2.2%;padding-top:2%}.tfd-live-receipt{display:flex;flex-direction:column;min-width:0;padding:0 1%}.tfd-live-receipt h3{margin:0 0 1.7%;text-align:center;font-size:clamp(8px,.83vw,14px);letter-spacing:.07em;color:#e7dfc7}.tfd-live-items{display:grid;gap:0;flex:1;align-content:start}.tfd-live-item{display:flex;align-items:center;justify-content:space-between;min-height:18%;padding:1.1% 1%;border-bottom:1px dotted rgba(191,180,150,.52)}.tfd-live-item-name{display:flex;align-items:center;gap:6%;font-size:clamp(8px,1.02vw,18px);font-weight:900;letter-spacing:.025em}.tfd-live-item-name i{font-style:normal;font-size:1.1em}.tfd-live-item strong{font:700 clamp(10px,1.18vw,20px)/1 Georgia,serif;color:#f5df9c}.tfd-live-dream-total{display:flex;align-items:center;justify-content:space-between;margin-top:1.8%;padding:2% 1%;border-top:2px solid rgba(224,207,158,.65);font-size:clamp(9px,1.08vw,18px);font-weight:900}.tfd-live-dream-total strong{font:700 clamp(15px,1.9vw,32px)/1 Georgia,serif;color:#f3cf77}.tfd-live-receipt p{margin:1.8% 0 0;padding:2.1% 3%;border-radius:6px;background:rgba(255,255,255,.035);text-align:center;font-size:clamp(6px,.68vw,12px);line-height:1.24;color:#d7d1bf}.tfd-live-totals{display:grid;grid-template-rows:repeat(4,1fr);gap:1.6%;padding-left:5%;border-left:1px solid rgba(223,199,143,.25)}.tfd-live-totals>div{display:flex;flex-direction:column;justify-content:center;align-items:center;border-bottom:1px solid rgba(223,199,143,.18)}.tfd-live-totals small{font-size:clamp(6px,.62vw,11px);letter-spacing:.09em;color:#bdb6a3;font-weight:900}.tfd-live-totals strong{margin-top:3%;font:700 clamp(12px,1.55vw,27px)/1 Georgia,serif;color:#f0c76a}.tfd-live-totals em{margin-top:5%;font-style:normal;font-size:clamp(6px,.72vw,12px);letter-spacing:.06em;color:#d7d1bf}.tfd-live-footer{position:absolute;left:0;right:0;bottom:1.8%;display:flex;justify-content:space-between;align-items:center;padding:0 3%;font-size:clamp(6px,.68vw,12px);letter-spacing:.12em;color:#a8d77b;font-weight:900;white-space:nowrap}
.tfd-checkout-return{bottom:2.3%;width:31%;height:9.6%;background:rgba(19,87,30,.025);border-color:transparent;color:rgba(255,255,255,.01)}.tfd-checkout-return:hover,.tfd-checkout-return:focus-visible{background:rgba(56,137,55,.08);border-color:rgba(255,226,147,.58);outline:none;box-shadow:0 0 20px rgba(255,211,91,.14)}

/* v10.32.10 hover and payout clarity */
.tfd-art-choice:focus-visible{outline:none;z-index:9;transform:translateY(-1.4%) scale(1.10);transform-origin:center 78%;border-color:rgba(214,255,132,.16);background:radial-gradient(circle at 50% 74%,rgba(232,255,174,.16),rgba(232,255,174,0) 26%);backdrop-filter:brightness(1.12) saturate(1.08);box-shadow:0 12px 34px rgba(0,0,0,.24),0 0 28px rgba(164,255,96,.18)}


/* v10.32.13 remove visible pick markers */
.tfd-art-pick-mark{display:none !important}
.tfd-art-pick-hit{display:block;position:absolute;inset:0;pointer-events:none}


/* v10.32.14 Build the Dream launch celebration */
body.bonus-launch-active{overflow:hidden}
.tfd-dream-launch{position:fixed;inset:0;z-index:1200;display:flex;align-items:center;justify-content:center}
.tfd-dream-launch.hidden{display:none}
.tfd-dream-launch-backdrop{position:absolute;inset:0;background:radial-gradient(circle at center,rgba(30,67,36,.42),rgba(3,8,7,.90) 56%,rgba(2,4,5,.97) 100%);backdrop-filter:blur(4px)}
.tfd-dream-launch-stage{position:relative;width:min(86vw,980px);padding:42px 42px 34px;border-radius:28px;border:1px solid rgba(236,203,121,.72);background:linear-gradient(180deg,rgba(8,18,15,.88),rgba(9,13,14,.96));box-shadow:0 0 0 1px rgba(255,255,255,.03) inset,0 18px 54px rgba(0,0,0,.48),0 0 80px rgba(121,225,84,.08);text-align:center;overflow:hidden;animation:tfdLaunchPop .35s ease-out}
.tfd-dream-launch-badge{display:inline-flex;padding:8px 18px;border-radius:999px;border:1px solid rgba(236,203,121,.52);background:rgba(19,57,31,.58);font-size:12px;letter-spacing:.16em;color:#d8f0b1;font-weight:900}
.tfd-dream-launch-crest{margin:18px auto 10px;width:88px;height:88px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(249,220,132,.64);background:radial-gradient(circle at 50% 50%,rgba(255,238,171,.15),rgba(54,89,39,.92));box-shadow:0 0 28px rgba(255,212,88,.25),0 0 60px rgba(93,204,81,.12);font-size:42px;animation:tfdLaunchPulse 1s ease-in-out infinite}
.tfd-dream-launch-stage h2{margin:0;font:700 clamp(34px,5vw,72px)/1 Georgia,serif;letter-spacing:.04em;color:#f2d58b;text-shadow:0 3px 18px rgba(0,0,0,.6)}
.tfd-dream-launch-line{margin:12px 0 4px;font-size:clamp(15px,1.8vw,28px);font-weight:900;letter-spacing:.04em;color:#f8f4e2}
.tfd-dream-launch-sub{margin:0 0 22px;font-size:clamp(13px,1.35vw,20px);letter-spacing:.09em;color:#9eda6a;font-weight:900;text-transform:uppercase}
.tfd-dream-launch-meter{margin:0 auto;width:min(62vw,500px);height:14px;padding:2px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(236,203,121,.32);overflow:hidden}
.tfd-dream-launch-meter span{display:block;height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,#5ab04c,#d9ee8f 55%,#f4d27a);box-shadow:0 0 18px rgba(141,255,121,.24);animation:tfdLaunchLoad 3s linear forwards}
.tfd-dream-launch-sparkles{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.tfd-dream-confetti{position:absolute;top:-14%;width:10px;height:22px;border-radius:3px;opacity:.92;animation:tfdConfettiDrop 2.4s linear infinite}
.tfd-dream-confetti.piece-1{left:8%;background:#f0d07a;animation-delay:-.2s}
.tfd-dream-confetti.piece-2{left:18%;background:#92e16d;animation-delay:-1.1s}
.tfd-dream-confetti.piece-3{left:31%;background:#fff2c4;animation-delay:-.65s}
.tfd-dream-confetti.piece-4{left:52%;background:#74cc60;animation-delay:-1.8s}
.tfd-dream-confetti.piece-5{left:70%;background:#f0d07a;animation-delay:-.95s}
.tfd-dream-confetti.piece-6{left:86%;background:#9be577;animation-delay:-1.45s}
.tfd-dream-launch.closing .tfd-dream-launch-stage{animation:tfdLaunchFade .35s ease-in forwards}
@keyframes tfdLaunchPop{from{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}
@keyframes tfdLaunchFade{from{transform:scale(1);opacity:1}to{transform:scale(.98);opacity:0}}
@keyframes tfdLaunchPulse{0%,100%{transform:scale(1);box-shadow:0 0 28px rgba(255,212,88,.25),0 0 60px rgba(93,204,81,.12)}50%{transform:scale(1.04);box-shadow:0 0 36px rgba(255,212,88,.32),0 0 75px rgba(93,204,81,.16)}}
@keyframes tfdLaunchLoad{from{width:0}to{width:100%}}
@keyframes tfdConfettiDrop{0%{transform:translateY(-8%) rotate(0deg);opacity:0}12%{opacity:.92}100%{transform:translateY(118vh) rotate(300deg);opacity:0}}
@media (max-width: 900px){
  .tfd-dream-launch-stage{width:min(92vw,980px);padding:34px 20px 26px;border-radius:22px}
  .tfd-dream-launch-meter{width:min(78vw,500px)}
}


/* v10.32.15 Thirty Five Kickoff Mode free spins */
.tfd-free-stadium-active{grid-template-rows:minmax(0,1fr);border-color:#a88b3e;background:#020604;box-shadow:inset 0 0 60px rgba(0,0,0,.72),0 0 24px rgba(174,220,76,.12)}
.tfd-free-stadium-active::before,.tfd-free-stadium-active .sf-snow,.tfd-free-stadium-active>.sf-header,.tfd-free-stadium-active>.sf-footer{display:none!important}
.tfd-free-stadium-active>.sf-content{position:absolute;inset:0;padding:0!important;overflow:hidden;background:#020604}
.tfd-stadium-screen{position:absolute;inset:0;overflow:hidden;color:#fff;background:linear-gradient(180deg,rgba(2,8,8,.24),rgba(2,8,8,.66) 72%,rgba(1,5,4,.9)), url('assets/thirty-five/free-spins/hero_stadium.png') center/cover no-repeat #030909}
.tfd-stadium-screen::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 18%,rgba(255,245,194,.18),rgba(255,255,255,0) 38%),linear-gradient(180deg,rgba(0,0,0,0) 55%,rgba(2,8,8,.18) 100%);pointer-events:none}
.tfd-stadium-screen::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 100%,rgba(71,178,85,.12),rgba(0,0,0,0) 34%);pointer-events:none}
.tfd-stadium-lights{position:absolute;inset:0;pointer-events:none;z-index:1}.tfd-stadium-lights i{position:absolute;top:-4%;width:28%;height:34%;background:radial-gradient(ellipse at top,rgba(255,255,235,.82),rgba(238,255,209,.18) 19%,rgba(255,255,255,0) 64%);filter:blur(1px);opacity:.76}.tfd-stadium-lights i:nth-child(1){left:-5%;transform:rotate(18deg)}.tfd-stadium-lights i:nth-child(2){left:23%;transform:rotate(5deg)}.tfd-stadium-lights i:nth-child(3){right:23%;transform:rotate(-5deg)}.tfd-stadium-lights i:nth-child(4){right:-5%;transform:rotate(-18deg)}
.tfd-stadium-close{position:absolute;z-index:30;right:2.1%;top:3.2%;width:46px;height:46px;border:1px solid rgba(245,215,128,.75);border-radius:50%;background:rgba(5,10,9,.88);color:#ffe6a1;font-size:29px;font-weight:900;cursor:pointer;box-shadow:0 6px 18px rgba(0,0,0,.45)}
.tfd-kickoff-screen{display:flex;align-items:center;justify-content:center;text-align:center}.tfd-kickoff-content{box-shadow:0 20px 60px rgba(0,0,0,.48),0 0 48px rgba(170,220,82,.08);position:relative;z-index:4;width:min(90%,980px);padding:28px 34px 30px;border:1px solid rgba(218,185,96,.58);border-radius:26px;background:linear-gradient(180deg,rgba(3,12,11,.84),rgba(5,17,11,.94));box-shadow:0 18px 50px rgba(0,0,0,.48),inset 0 0 38px rgba(191,225,88,.035)}
.tfd-kickoff-kicker{display:inline-flex;padding:7px 17px;border:1px solid rgba(199,231,104,.42);border-radius:999px;background:rgba(53,112,43,.25);color:#c9ea83;font-size:12px;font-weight:900;letter-spacing:.15em}.tfd-kickoff-content h2{margin:11px 0 5px;font:700 clamp(42px,5.8vw,82px)/.9 Georgia,serif;letter-spacing:.025em;color:#f1d17d;text-shadow:0 4px 22px rgba(0,0,0,.65)}.tfd-kickoff-content h2 span{color:#f4ead2;font-size:.66em}.tfd-kickoff-balls{height:92px;display:flex;align-items:center;justify-content:center;gap:10px;margin:5px auto 3px}.tfd-kickoff-ball{width:72px;height:72px;border-radius:50%;filter:drop-shadow(0 0 13px rgba(178,255,105,.28));animation:tfdBallPulse 1.2s ease-in-out infinite alternate}.tfd-kickoff-ball:nth-child(even){animation-delay:-.5s}.tfd-kickoff-ball img{width:100%;height:100%;object-fit:contain}.tfd-kickoff-award{display:flex;justify-content:center;align-items:baseline;gap:13px;margin:0 auto 6px}.tfd-kickoff-award small,.tfd-kickoff-award span{font-size:clamp(12px,1.2vw,18px);letter-spacing:.12em;color:#d9dfca;font-weight:900}.tfd-kickoff-award strong{font:700 clamp(46px,5.5vw,78px)/1 Georgia,serif;color:#c8f17b}.tfd-kickoff-content p{margin:6px auto 13px;max-width:720px;font-size:clamp(13px,1.2vw,18px);line-height:1.45;color:#e1e6dc}.tfd-kickoff-content p b{color:#d2ee8e}.tfd-scatter-pay{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:0 auto 18px;max-width:760px}.tfd-scatter-pay>div{padding:9px 10px;border:1px solid rgba(210,181,99,.28);border-radius:10px;background:rgba(255,255,255,.025)}.tfd-scatter-pay span{display:block;font-size:9px;letter-spacing:.1em;color:#b8b9aa}.tfd-scatter-pay strong{display:block;margin-top:4px;color:#f0d27d;font-size:15px}.tfd-kickoff-button{min-width:330px;min-height:58px;padding:0 28px;border:2px solid #d5b75d;border-radius:12px;background:linear-gradient(180deg,#4ca52d,#1c5e24);box-shadow:0 8px 24px rgba(0,0,0,.4),inset 0 0 17px rgba(255,244,168,.12);color:#fff6d2;font-size:20px;font-weight:900;letter-spacing:.045em;cursor:pointer}.tfd-kickoff-button:hover{filter:brightness(1.12);transform:translateY(-1px)}.tfd-kickoff-screen.premium .tfd-kickoff-content{box-shadow:0 20px 60px rgba(0,0,0,.48),0 0 48px rgba(170,220,82,.08);border-color:#f0ce6c;box-shadow:0 18px 50px rgba(0,0,0,.48),0 0 65px rgba(237,205,92,.13)}
.tfd-stadium-partners{position:absolute;z-index:5;left:3%;right:3%;bottom:2.5%;display:flex;align-items:baseline;justify-content:center;gap:10px;color:#d8e0cd;letter-spacing:.08em}.tfd-stadium-partners span{font-size:18px;font-weight:900}.tfd-stadium-partners b{color:#9cd25a;font-size:11px}.tfd-stadium-partners i{margin-left:30px;font-style:normal;font-size:9px;color:#c4b890}
.tfd-free-play-screen{display:flex;align-items:center;justify-content:center}.tfd-free-scoreboard{position:absolute;z-index:7;left:3%;right:3%;top:2.5%;height:70px;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(218,185,96,.55);border-radius:14px;background:rgba(4,11,10,.92);box-shadow:0 8px 24px rgba(0,0,0,.38);overflow:hidden}.tfd-free-scoreboard>div{display:flex;flex-direction:column;align-items:center;justify-content:center;border-right:1px solid rgba(218,185,96,.2)}.tfd-free-scoreboard>div:last-child{border-right:none}.tfd-free-scoreboard small{font-size:8px;letter-spacing:.12em;color:#b8b7a8;font-weight:900}.tfd-free-scoreboard strong{margin-top:3px;font:700 26px/1 Georgia,serif;color:#f1cf76}.tfd-free-title{position:absolute;z-index:5;top:12.1%;left:50%;transform:translateX(-50%);display:flex;align-items:baseline;gap:12px;text-shadow:0 3px 14px rgba(0,0,0,.65)}.tfd-free-title span{font-size:15px;letter-spacing:.13em;color:#cbe68c;font-weight:900}.tfd-free-title strong{font:700 clamp(28px,3.1vw,48px)/1 Georgia,serif;color:#f0d17e}.tfd-stadium-reel-frame{position:absolute;z-index:5;left:7%;right:25%;top:20%;bottom:11%;padding:12px 12px 28px;border:2px solid #d0b15b;border-radius:18px;background:linear-gradient(180deg,rgba(4,12,10,.93),rgba(8,16,12,.9));box-shadow:0 16px 42px rgba(0,0,0,.55),0 0 0 1px rgba(255,236,162,.08) inset,0 0 36px rgba(173,224,85,.08)}.tfd-stadium-reels{height:100%;display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.tfd-stadium-reel{position:relative;display:grid;grid-template-rows:repeat(4,1fr);gap:5px;min-width:0}.tfd-stadium-cell{overflow:hidden;border:1px solid rgba(229,204,123,.55);border-radius:8px;background:radial-gradient(circle at 50% 22%,rgba(47,111,69,.56),rgba(6,20,15,.96));box-shadow:inset 0 0 13px rgba(0,0,0,.34),0 0 12px rgba(0,0,0,.18)}.tfd-stadium-cell img{width:100%;height:100%;object-fit:contain;padding:3px}.tfd-stadium-reel-track{display:grid;grid-template-rows:repeat(4,1fr);gap:5px;height:100%;transform:translateY(0)}.tfd-stadium-reel.spinning .tfd-stadium-reel-track{animation:tfdReelTrackSpin .48s linear infinite}.phase-spinning .tfd-stadium-cell img{animation:tfdReelBlur .38s linear infinite}.tfd-expanding-wild{position:absolute;z-index:4;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px solid #c8f07c;border-radius:8px;background:linear-gradient(180deg,rgba(40,138,45,.93),rgba(8,62,27,.97));box-shadow:0 0 30px rgba(112,255,82,.42),inset 0 0 28px rgba(229,255,166,.16);opacity:0;transform:scaleY(.08);transform-origin:center;pointer-events:none}.wild-active .tfd-expanding-wild{opacity:1;transform:scaleY(1);animation:tfdWildExpand .48s cubic-bezier(.2,.8,.2,1)}.tfd-expanding-wild span{font-size:34px}.tfd-expanding-wild b{font:900 clamp(28px,3.2vw,48px)/1 sans-serif;color:#fff4c5}.tfd-expanding-wild strong{margin-top:7px;font:700 clamp(15px,1.6vw,24px)/.95 Georgia,serif;color:#f0d17e;text-align:center}.tfd-expanding-wild small{margin-top:9px;font-size:8px;letter-spacing:.15em;color:#d7efaa;font-weight:900}.tfd-free-spin-number{position:absolute;left:50%;bottom:5px;transform:translateX(-50%);font-size:9px;letter-spacing:.15em;color:#c9c4ad;font-weight:900}.tfd-wild-status{position:absolute;z-index:6;right:3%;top:22%;width:19%;min-height:180px;padding:18px 16px;border:1px solid rgba(210,181,99,.4);border-radius:15px;background:rgba(4,12,10,.9);display:flex;flex-direction:column;justify-content:center;text-align:center;box-shadow:0 10px 28px rgba(0,0,0,.38)}.tfd-wild-status small{font-size:8px;letter-spacing:.13em;color:#b6b5a5}.tfd-wild-status strong{margin:12px 0 9px;font:700 clamp(17px,1.8vw,27px)/1.05 Georgia,serif;color:#c8d9b2}.tfd-wild-status span{font-size:11px;line-height:1.4;color:#cbd1c6}.tfd-wild-status.active{border-color:#bde86f;background:radial-gradient(circle at 50% 40%,rgba(62,139,44,.38),rgba(4,12,10,.94));box-shadow:0 0 32px rgba(102,239,72,.19)}.tfd-wild-status.active strong{color:#d7f889}.tfd-free-message{position:absolute;z-index:8;right:3%;top:51%;width:19%;min-height:90px;padding:16px;border:1px solid rgba(210,181,99,.3);border-radius:13px;background:rgba(4,12,10,.88);display:flex;align-items:center;justify-content:center;text-align:center;font-size:12px;line-height:1.45;color:#e6e7dd;font-weight:900}.tfd-free-message.big{border-color:#f0cc66;color:#ffe7a3;background:radial-gradient(circle,rgba(115,79,15,.55),rgba(4,12,10,.94));font-size:17px;animation:tfdBigWinPulse .65s ease-in-out infinite alternate}.tfd-stadium-brand-row{position:absolute;z-index:5;left:7%;right:25%;bottom:3%;height:45px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border:1px solid rgba(210,181,99,.28);border-radius:10px;background:rgba(4,12,10,.82);font-size:9px;letter-spacing:.12em;color:#d6d7cc}.tfd-stadium-brand-row span{font-weight:900}.tfd-stadium-brand-row b{color:#a9d762}.tfd-stadium-brand-row i{font-style:normal;color:#b7ae8c}
.tfd-full-time-screen{display:flex;align-items:center;justify-content:center}.tfd-full-time-card{position:relative;z-index:5;width:min(88%,800px);padding:30px 34px 28px;border:1px solid rgba(223,193,108,.65);border-radius:24px;background:linear-gradient(180deg,rgba(4,12,10,.90),rgba(5,16,11,.97));box-shadow:0 18px 52px rgba(0,0,0,.48),0 0 60px rgba(145,224,78,.08);text-align:center}.tfd-full-time-kicker{display:inline-flex;padding:7px 17px;border-radius:999px;background:rgba(61,118,44,.26);border:1px solid rgba(190,227,105,.36);font-size:10px;letter-spacing:.14em;color:#c9ea83;font-weight:900}.tfd-full-time-card h2{margin:10px 0 3px;font:700 clamp(48px,6vw,78px)/1 Georgia,serif;color:#f0cf77}.tfd-full-time-card>p{margin:0 0 18px;color:#dce0d7}.tfd-full-time-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.tfd-full-time-stats>div{padding:13px 8px;border:1px solid rgba(210,181,99,.27);border-radius:10px;background:rgba(255,255,255,.025)}.tfd-full-time-stats small{display:block;font-size:7px;letter-spacing:.1em;color:#aaa99e}.tfd-full-time-stats strong{display:block;margin-top:5px;font:700 24px/1 Georgia,serif;color:#e9d18b}.tfd-full-time-win{margin:17px auto 10px;padding:14px;border-top:2px solid rgba(225,201,135,.5);border-bottom:2px solid rgba(225,201,135,.5)}.tfd-full-time-win small{display:block;font-size:9px;letter-spacing:.14em;color:#bcb9aa}.tfd-full-time-win strong{display:block;margin:5px 0;font:700 clamp(42px,5vw,68px)/1 Georgia,serif;color:#f2d078}.tfd-full-time-win span{font-size:9px;letter-spacing:.12em;color:#bdb9a8}.tfd-full-time-impact{display:flex;align-items:center;justify-content:center;gap:16px;margin:9px 0 18px}.tfd-full-time-impact span{font-size:10px;letter-spacing:.12em;color:#b8c8a5;font-weight:900}.tfd-full-time-impact strong{font:700 28px/1 Georgia,serif;color:#a9df6d}
.tfd-free-footer{width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.tfd-free-footer>div{padding:7px 10px;border:1px solid rgba(210,181,99,.25);border-radius:9px;background:rgba(255,255,255,.02);text-align:center}.tfd-free-footer small{display:block;font-size:7px;letter-spacing:.11em;color:#a9a89b}.tfd-free-footer strong{display:block;margin-top:3px;font:700 18px/1 Georgia,serif;color:#e7ca79}
@keyframes tfdBallPulse{from{transform:translateY(2px) scale(.98)}to{transform:translateY(-3px) scale(1.04)}}
@keyframes tfdReelBlur{0%{transform:translateY(-3%);filter:blur(0)}50%{transform:translateY(3%);filter:blur(2px)}100%{transform:translateY(-3%);filter:blur(0)}}
@keyframes tfdWildExpand{from{opacity:.25;transform:scaleY(.08)}to{opacity:1;transform:scaleY(1)}}
@keyframes tfdBigWinPulse{from{box-shadow:0 0 12px rgba(255,208,83,.12)}to{box-shadow:0 0 32px rgba(255,208,83,.34)}}

@keyframes tfdReelTrackSpin{0%{transform:translateY(-18%)}100%{transform:translateY(18%)}}
@media (max-width:1000px){.tfd-stadium-reel-frame{left:3%;right:24%;}.tfd-free-scoreboard{left:2%;right:2%}.tfd-wild-status,.tfd-free-message{right:2%;width:20%}.tfd-stadium-brand-row{left:3%;right:24%}.tfd-kickoff-content{box-shadow:0 20px 60px rgba(0,0,0,.48),0 0 48px rgba(170,220,82,.08);width:92%;padding:22px 22px 24px}.tfd-full-time-card{width:92%}}
@media (max-aspect-ratio:1/1){.tfd-free-scoreboard{height:58px}.tfd-free-scoreboard strong{font-size:18px}.tfd-free-title{top:10.5%}.tfd-stadium-reel-frame{left:2%;right:2%;top:18%;bottom:29%}.tfd-wild-status{left:2%;right:auto;top:auto;bottom:12%;width:46%;min-height:105px;padding:10px}.tfd-free-message{right:2%;top:auto;bottom:12%;width:46%;min-height:105px;padding:10px}.tfd-stadium-brand-row{left:2%;right:2%;bottom:4%;height:38px}.tfd-kickoff-balls{height:64px}.tfd-kickoff-ball{width:52px;height:52px}.tfd-scatter-pay{gap:4px}.tfd-scatter-pay>div{padding:6px 3px}.tfd-kickoff-button{min-width:270px;min-height:50px}.tfd-full-time-stats{grid-template-columns:repeat(2,1fr)}}


/* v10.32.23 free spins animation + win polish */
.tfd-stadium-reel{overflow:hidden}
.tfd-stadium-reel-track{display:flex;flex-direction:column;gap:5px;height:100%}
.tfd-stadium-cell{height:calc((100% - 15px)/4);flex:0 0 calc((100% - 15px)/4)}
.tfd-stadium-cell.ghost{opacity:.86;filter:saturate(.92) brightness(.95)}
.tfd-stadium-reel.spinning .tfd-stadium-reel-track{animation:tfdReelScroll .95s cubic-bezier(.14,.68,.16,1) infinite;animation-delay:var(--reel-delay,0ms)}
.phase-spinning .tfd-stadium-cell img{animation:none}
.tfd-expanding-wild{padding:8px;background:linear-gradient(180deg,rgba(26,99,31,.96),rgba(6,50,18,.98))}
.tfd-expanding-wild img{width:68%;max-height:46%;object-fit:contain;filter:drop-shadow(0 5px 10px rgba(0,0,0,.35))}
.tfd-expanding-wild strong{margin-top:8px;font:700 clamp(14px,1.5vw,22px)/1 Georgia,serif;color:#f5df97;text-align:center}
.tfd-expanding-wild small{margin-top:7px;font-size:9px;letter-spacing:.15em;color:#d7efaa;font-weight:900}
.tfd-free-win-burst{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);z-index:9;display:flex;flex-direction:column;align-items:center;gap:3px;min-width:260px;padding:10px 18px;border-radius:16px;border:1px solid rgba(239,204,107,.58);background:linear-gradient(180deg,rgba(72,54,14,.96),rgba(18,14,7,.95));box-shadow:0 12px 26px rgba(0,0,0,.34),0 0 18px rgba(255,210,92,.18);text-align:center}
.tfd-free-win-burst small{font-size:10px;letter-spacing:.16em;color:#d7efaa;font-weight:900}
.tfd-free-win-burst strong{font:700 clamp(24px,2.6vw,42px)/1 Georgia,serif;color:#ffe7a7}
.tfd-free-win-burst span{font-size:10px;letter-spacing:.12em;color:#f8f2df;font-weight:900}
.tfd-free-win-burst.big{animation:tfdBigWinPulse .65s ease-in-out infinite alternate}
@keyframes tfdReelScroll{0%{transform:translateY(0)}100%{transform:translateY(calc(-100% - 5px))}}
@media (max-aspect-ratio:1/1){.tfd-free-win-burst{min-width:200px;padding:8px 12px;bottom:6px}.tfd-free-win-burst strong{font-size:24px}}


/* v10.32.23 demo tuning */
.tfd-free-play-screen.hero-win .tfd-stadium-reel-frame{border-color:#f2d77c;box-shadow:0 16px 42px rgba(0,0,0,.55),0 0 0 1px rgba(255,236,162,.12) inset,0 0 48px rgba(255,220,107,.26)}
.tfd-wild-status.hero{border-color:#f0cc66;background:radial-gradient(circle at 50% 38%,rgba(118,93,19,.48),rgba(4,12,10,.94));box-shadow:0 0 34px rgba(255,213,91,.18)}
.tfd-wild-status.hero strong{color:#ffe59a}
.tfd-free-message.hero{border-color:#f3ce6a;color:#fff0b7;background:radial-gradient(circle,rgba(127,86,11,.62),rgba(4,12,10,.95));box-shadow:0 0 28px rgba(255,207,84,.16);font-size:18px}
.tfd-free-win-burst.hero{border-color:#ffe08e;background:linear-gradient(180deg,rgba(108,80,15,.98),rgba(30,19,7,.96));box-shadow:0 12px 28px rgba(0,0,0,.38),0 0 28px rgba(255,212,88,.28)}
.tfd-free-win-burst.hero small{color:#fff2b8}
.tfd-free-win-burst.hero strong{font-size:clamp(28px,3vw,48px);color:#fff0b3}
.tfd-free-win-burst.hero span{color:#fff9de}
.tfd-kickoff-content p b{color:#e0f39e}
@media (max-aspect-ratio:1/1){.tfd-full-time-stats{grid-template-columns:repeat(2,1fr)}}


/* v10.32.23 free spins win-line and wild visibility fix */
.tfd-free-title{top:13.6%}
.tfd-stadium-reel-frame{top:22%;bottom:12.5%}
.tfd-wild-status{top:23.5%}
.tfd-free-message{top:53.5%}
.tfd-stadium-reel-frame{overflow:hidden}
.tfd-free-payline-overlay{position:absolute;inset:12px 12px 28px;z-index:8;overflow:visible;pointer-events:none}
.tfd-payline{fill:none;stroke:#ffe18b;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 8px rgba(255,220,110,.75));opacity:.96}
.tfd-payline-glow{stroke:#8cff6f;stroke-width:16;opacity:.32;filter:blur(2px)}
.tfd-stadium-cell.payline-win{border-color:#ffe18b;box-shadow:inset 0 0 13px rgba(0,0,0,.28),0 0 16px rgba(255,228,131,.48)}
.tfd-stadium-reel.result-wild{box-shadow:0 0 0 1px rgba(198,240,124,.5) inset,0 0 24px rgba(112,255,82,.26);border-radius:10px}
.tfd-stadium-cell.wild-stack img{filter:drop-shadow(0 0 10px rgba(140,255,87,.24))}
.wild-active .tfd-expanding-wild{opacity:1;transform:scaleY(1);animation:tfdWildExpand .62s cubic-bezier(.2,.8,.2,1)}
.tfd-expanding-wild.result{background:linear-gradient(180deg,rgba(28,110,36,.88),rgba(6,50,18,.84));opacity:.92}
.tfd-expanding-wild.result strong{font-size:clamp(12px,1.15vw,16px)}
.tfd-expanding-wild.result small{font-size:8px}
@keyframes tfdWildExpand{0%{opacity:0;transform:scaleY(.08)}55%{opacity:1;transform:scaleY(1.03)}100%{opacity:1;transform:scaleY(1)}}
@media (max-aspect-ratio:1/1){
  .tfd-free-title{top:11.8%}
  .tfd-stadium-reel-frame{top:18.5%;bottom:29%}
  .tfd-free-payline-overlay{inset:12px 12px 28px}
}


/* v10.32.23 Thirty Five free spins logic/presentation fix */
.tfd-free-win-burst small{display:block}
.tfd-free-win-burst span{opacity:.95}
.tfd-stadium-cell img{image-rendering:auto}


/* v10.32.23 core free-spin grid, direction, and expanding-wild fix */
.tfd-stadium-reels{height:100%;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;align-items:stretch}
.tfd-stadium-reel{position:relative;display:block;min-width:0;height:100%;overflow:hidden}
.tfd-stadium-reel-track{display:grid!important;grid-template-rows:repeat(4,minmax(0,1fr))!important;gap:5px!important;height:100%!important;transform:none;animation:none}
.tfd-stadium-cell{height:auto!important;min-height:0;flex:none!important;overflow:hidden}
.tfd-stadium-cell img{width:100%;height:100%;object-fit:contain;padding:3px;transform:none}
.tfd-stadium-reel.spinning .tfd-stadium-reel-track{animation:tfdReelSpinDown .22s linear infinite!important;animation-delay:var(--reel-delay,0ms)!important}
.tfd-stadium-reel.spinning .tfd-stadium-cell img{filter:blur(1.4px) brightness(.94);opacity:.88}
.tfd-stadium-reel.spinning::after{content:"";position:absolute;z-index:3;inset:-35% 0 100%;background:linear-gradient(180deg,transparent,rgba(211,255,168,.18),transparent);animation:tfdSpinLightDown .42s linear infinite;pointer-events:none}
.tfd-expanding-wild{z-index:6;inset:0;opacity:0;transform:scaleY(0);transform-origin:top center!important;clip-path:inset(0 0 100% 0);padding:8px;background:linear-gradient(180deg,rgba(41,145,48,.98),rgba(5,52,20,.98));box-shadow:0 0 36px rgba(112,255,82,.48),inset 0 0 30px rgba(229,255,166,.18)}
.wild-active .tfd-expanding-wild{opacity:1;animation:tfdWildExpandDown 1.05s cubic-bezier(.18,.78,.22,1) forwards!important}
.tfd-expanding-wild.result{opacity:.96;transform:scaleY(1);clip-path:inset(0);animation:none!important}
.tfd-expanding-wild img{width:78%;height:62%;max-height:none;object-fit:contain;filter:drop-shadow(0 8px 16px rgba(0,0,0,.42))}
.tfd-free-payline-overlay{z-index:10}
@keyframes tfdReelSpinDown{0%{transform:translateY(-5%)}100%{transform:translateY(5%)}}
@keyframes tfdSpinLightDown{0%{transform:translateY(0)}100%{transform:translateY(330%)}}
@keyframes tfdWildExpandDown{0%{opacity:.25;transform:scaleY(0);clip-path:inset(0 0 100% 0)}18%{opacity:1}100%{opacity:1;transform:scaleY(1);clip-path:inset(0)}}
@media (max-aspect-ratio:1/1){
  .tfd-stadium-reel-track{grid-template-rows:repeat(4,minmax(0,1fr))!important}
  .tfd-expanding-wild img{width:72%;height:58%}
}


/* v10.32.23 runtime, selected-Wild, and payline stability fix */
.tfd-stadium-reel-track{height:100%!important;display:grid!important;grid-template-rows:repeat(4,minmax(0,1fr))!important;gap:5px!important}
.tfd-stadium-reel.spinning .tfd-stadium-reel-track{animation:tfdReelSpinTopToBottom .24s linear infinite!important}
.tfd-expanding-wild{display:none!important;opacity:0!important;transform:scaleY(0)!important;clip-path:inset(0 0 100% 0)!important;transform-origin:top center!important}
.tfd-expanding-wild.is-expanding{display:flex!important;opacity:1!important;animation:tfdWildGrowTopToBottom 1.15s cubic-bezier(.18,.78,.22,1) forwards!important}
.tfd-stadium-reel.result-wild{box-shadow:0 0 0 2px rgba(200,240,124,.62) inset,0 0 26px rgba(112,255,82,.28);border-radius:9px}
.tfd-stadium-reel.result-wild .tfd-stadium-cell{border-color:rgba(200,240,124,.72);background:radial-gradient(circle at 50% 30%,rgba(45,130,54,.68),rgba(5,33,18,.97))}
.tfd-free-payline-overlay{position:absolute;inset:12px 12px 28px;z-index:12;pointer-events:none;overflow:visible}
.tfd-payline{fill:none;stroke:#ffe18b;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 7px rgba(255,220,110,.82));opacity:.98}
.tfd-payline-glow{stroke:#7dff66;stroke-width:16;opacity:.32;filter:blur(2px)}
.tfd-stadium-cell.payline-win{border-color:#ffe18b!important;box-shadow:inset 0 0 14px rgba(0,0,0,.26),0 0 17px rgba(255,228,131,.55)!important}
@keyframes tfdReelSpinTopToBottom{0%{transform:translateY(-6%)}100%{transform:translateY(6%)}}
@keyframes tfdWildGrowTopToBottom{0%{opacity:.2;transform:scaleY(0);clip-path:inset(0 0 100% 0)}18%{opacity:1}100%{opacity:1;transform:scaleY(1);clip-path:inset(0)}}


/* v10.32.23 exact-six payouts + full-width expanding Wild columns */
.tfd-expanding-wild{
  inset:-2px!important;
  padding:0!important;
  overflow:hidden!important;
  border:2px solid #e2ff9b!important;
  border-radius:10px!important;
  background:
    radial-gradient(circle at 50% 35%,rgba(210,255,137,.28),rgba(42,147,48,.96) 38%,rgba(4,49,18,.99) 100%)!important;
  box-shadow:0 0 46px rgba(130,255,83,.62),inset 0 0 36px rgba(238,255,184,.24)!important;
  transform-origin:top center!important;
}
.tfd-expanding-wild img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-height:none!important;
  object-fit:fill!important;
  padding:0!important;
  transform:scaleX(1.12)!important;
  filter:drop-shadow(0 0 18px rgba(223,255,151,.72))!important;
}
.tfd-expanding-wild::before{
  content:"";
  position:absolute;
  z-index:1;
  inset:0;
  background:linear-gradient(90deg,rgba(255,255,255,.08),transparent 28%,rgba(224,255,160,.18) 50%,transparent 72%,rgba(255,255,255,.08));
  pointer-events:none;
}
.tfd-wild-column-label{
  position:absolute;
  z-index:3;
  left:6%;right:6%;bottom:4%;
  padding:7px 4px;
  border:1px solid rgba(245,224,145,.64);
  border-radius:8px;
  background:rgba(3,24,10,.76);
  text-align:center;
  box-shadow:0 5px 18px rgba(0,0,0,.3);
}
.tfd-wild-column-label strong{
  display:block;
  margin:0!important;
  font:700 clamp(12px,1.35vw,20px)/1 Georgia,serif!important;
  color:#fff0ae!important;
  letter-spacing:.05em;
}
.tfd-wild-column-label small{
  display:block;
  margin-top:5px!important;
  font-size:8px!important;
  letter-spacing:.16em!important;
  color:#d8f39b!important;
}
.tfd-expanding-wild.is-expanding{
  display:flex!important;
  opacity:1!important;
  animation:tfdWildFullWidthGrow 1.25s cubic-bezier(.16,.82,.2,1) forwards!important;
}
.tfd-expanding-wild.is-expanded{
  display:flex!important;
  opacity:1!important;
  transform:scaleY(1)!important;
  clip-path:inset(0)!important;
  animation:none!important;
}
@keyframes tfdWildFullWidthGrow{
  0%{opacity:.2;transform:scaleY(0);clip-path:inset(0 0 100% 0)}
  20%{opacity:1}
  72%{transform:scaleY(1.035);clip-path:inset(0)}
  100%{opacity:1;transform:scaleY(1);clip-path:inset(0)}
}
.tfd-stadium-reel.result-wild{
  z-index:5;
  box-shadow:0 0 0 2px rgba(226,255,155,.8) inset,0 0 38px rgba(112,255,82,.48)!important;
}
.tfd-free-payline-overlay{z-index:20!important}


/* v10.32.25 Dream Wild animation polish */
.phase-wild .tfd-stadium-reel.wild-active,
.phase-result .tfd-stadium-reel.result-wild{
  isolation:isolate;
}
.phase-wild .tfd-stadium-reel.wild-active::before,
.phase-wild .tfd-stadium-reel.wild-active::after,
.phase-result .tfd-stadium-reel.result-wild::before{
  content:"";
  position:absolute;
  inset:-10px;
  border-radius:16px;
  pointer-events:none;
}
.phase-wild .tfd-stadium-reel.wild-active::before,
.phase-result .tfd-stadium-reel.result-wild::before{
  z-index:1;
  background:
    radial-gradient(circle at 50% 10%, rgba(248,255,215,.58), rgba(165,255,103,.22) 34%, rgba(65,163,62,.14) 58%, rgba(0,0,0,0) 72%),
    linear-gradient(180deg, rgba(194,255,129,.35), rgba(36,128,43,.15) 42%, rgba(0,0,0,0) 82%);
  filter:blur(10px);
  opacity:0;
}
.phase-wild .tfd-stadium-reel.wild-active::after{
  z-index:7;
  inset:-3px;
  border-radius:12px;
  border:1px solid rgba(233,255,168,.68);
  box-shadow:0 0 0 1px rgba(248,255,214,.28) inset,0 0 26px rgba(134,255,86,.42);
  opacity:0;
}
.phase-wild .tfd-stadium-reel.wild-active::before{
  animation:tfdWildAuraPulse 1.18s ease-out calc(var(--reel-delay) + 40ms) both;
}
.phase-wild .tfd-stadium-reel.wild-active::after{
  animation:tfdWildOutlinePulse 1.1s ease-out calc(var(--reel-delay) + 60ms) both;
}
.phase-result .tfd-stadium-reel.result-wild::before{
  opacity:.78;
  filter:blur(12px);
}
.phase-wild .tfd-stadium-reel.wild-active .tfd-stadium-cell img{
  opacity:.12;
  transform:scale(.92);
  filter:blur(1.3px) saturate(.8);
  transition:opacity .25s ease,transform .25s ease,filter .25s ease;
}
.phase-result .tfd-stadium-reel.result-wild .tfd-stadium-cell img{
  opacity:.08;
  filter:blur(1.5px) saturate(.65);
}
.tfd-expanding-wild{
  z-index:8!important;
  inset:-3px!important;
  display:flex!important;
  align-items:stretch!important;
  justify-content:center!important;
  border:2px solid rgba(233,255,166,.92)!important;
  border-radius:12px!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 50% 0%, rgba(250,255,227,.28), rgba(250,255,227,0) 26%),
    linear-gradient(180deg, rgba(123,219,80,.72), rgba(47,154,57,.95) 22%, rgba(10,80,31,.99) 78%, rgba(5,41,16,1) 100%)!important;
  box-shadow:
    0 0 54px rgba(134,255,86,.52),
    inset 0 0 42px rgba(239,255,189,.18),
    inset 0 0 0 1px rgba(255,255,255,.1)!important;
  opacity:0!important;
  transform:scaleY(0)!important;
  transform-origin:top center!important;
  clip-path:inset(0 0 100% 0)!important;
}
.tfd-expanding-wild::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  background:
    linear-gradient(180deg, rgba(255,255,255,.0) 0%, rgba(241,255,181,.52) 22%, rgba(255,255,255,.08) 44%, rgba(241,255,181,.36) 68%, rgba(255,255,255,0) 100%),
    linear-gradient(90deg, rgba(255,255,255,.07), rgba(255,255,255,0) 16%, rgba(245,255,183,.18) 50%, rgba(255,255,255,0) 84%, rgba(255,255,255,.08));
  mix-blend-mode:screen;
  opacity:.65;
  transform:translateY(-100%);
}
.tfd-expanding-wild::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:
    radial-gradient(circle at 50% 10%, rgba(255,255,255,.16), rgba(255,255,255,0) 28%),
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,0) 30%, rgba(214,255,152,.14) 70%, rgba(255,255,255,.03));
  opacity:.95;
}
.tfd-expanding-wild img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:fill!important;
  padding:0!important;
  max-height:none!important;
  z-index:0;
  transform:scale(.96);
  filter:drop-shadow(0 0 18px rgba(226,255,163,.74)) brightness(.92);
}
.tfd-expanding-wild .tfd-wild-column-label{
  z-index:4;
  left:7%;
  right:7%;
  bottom:4.5%;
  opacity:0;
  transform:translateY(16px) scale(.95);
  background:rgba(3,20,8,.72);
  backdrop-filter:blur(4px);
  border:1px solid rgba(245,224,145,.78);
  box-shadow:0 10px 22px rgba(0,0,0,.28);
}
.tfd-expanding-wild.is-expanding{
  opacity:1!important;
  animation:tfdDreamWildUnfurl .98s cubic-bezier(.16,.82,.2,1) forwards!important;
}
.tfd-expanding-wild.is-expanding::before{
  animation:tfdDreamWildBeam 1.08s ease-out forwards;
}
.tfd-expanding-wild.is-expanding img{
  animation:tfdDreamWildArtSettle .98s cubic-bezier(.16,.82,.2,1) forwards;
}
.tfd-expanding-wild.is-expanding .tfd-wild-column-label{
  animation:tfdDreamWildLabel .42s ease-out .56s forwards;
}
.tfd-expanding-wild.is-expanded{
  opacity:1!important;
  transform:scaleY(1)!important;
  clip-path:inset(0)!important;
}
.tfd-expanding-wild.is-expanded::before{
  opacity:.35;
  transform:translateY(0);
}
.tfd-expanding-wild.is-expanded img{
  transform:scale(1);
  filter:drop-shadow(0 0 16px rgba(226,255,163,.68)) brightness(1);
}
.tfd-expanding-wild.is-expanded .tfd-wild-column-label{
  opacity:1;
  transform:none;
}
@keyframes tfdDreamWildUnfurl{
  0%{opacity:.15;transform:scaleY(0);clip-path:inset(0 0 100% 0)}
  18%{opacity:1}
  60%{transform:scaleY(1.035);clip-path:inset(0)}
  100%{opacity:1;transform:scaleY(1);clip-path:inset(0)}
}
@keyframes tfdDreamWildBeam{
  0%{opacity:0;transform:translateY(-108%)}
  18%{opacity:.9}
  65%{opacity:.9}
  100%{opacity:.3;transform:translateY(100%)}
}
@keyframes tfdDreamWildArtSettle{
  0%{transform:scale(.9);filter:drop-shadow(0 0 28px rgba(236,255,173,.92)) brightness(1.3)}
  55%{transform:scale(1.025);filter:drop-shadow(0 0 24px rgba(236,255,173,.82)) brightness(1.08)}
  100%{transform:scale(1);filter:drop-shadow(0 0 16px rgba(226,255,163,.68)) brightness(1)}
}
@keyframes tfdDreamWildLabel{
  0%{opacity:0;transform:translateY(16px) scale(.95)}
  100%{opacity:1;transform:translateY(0) scale(1)}
}
@keyframes tfdWildAuraPulse{
  0%{opacity:0;transform:scale(.88)}
  35%{opacity:.95;transform:scale(1.02)}
  100%{opacity:.72;transform:scale(1)}
}
@keyframes tfdWildOutlinePulse{
  0%{opacity:0;transform:scaleY(.82)}
  25%{opacity:1}
  100%{opacity:.82;transform:scaleY(1)}
}


/* v10.32.26 stadium energy pass for Dream Wild */
.tfd-free-play-screen.phase-wild{
  overflow:hidden;
}
.tfd-free-play-screen.phase-wild::before,
.tfd-free-play-screen.phase-wild::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:0;
}
.tfd-free-play-screen.phase-wild::before{
  background:
    radial-gradient(circle at 50% 18%, rgba(246,255,192,.26), rgba(246,255,192,0) 30%),
    radial-gradient(circle at 0% 55%, rgba(159,255,96,.12), rgba(159,255,96,0) 32%),
    radial-gradient(circle at 100% 55%, rgba(159,255,96,.12), rgba(159,255,96,0) 32%);
  animation:tfdStadiumFlash 1.15s ease-out both;
}
.tfd-free-play-screen.phase-wild::after{
  inset:auto -6% 18% -6%;
  height:40%;
  background:linear-gradient(180deg, rgba(214,255,145,0), rgba(214,255,145,.16), rgba(214,255,145,0));
  filter:blur(28px);
  transform:translateY(12px);
  opacity:0;
  animation:tfdCrowdGlow 1.25s ease-out .08s both;
}
.tfd-free-play-screen.phase-wild .tfd-stadium-reel-frame{
  position:relative;
  z-index:1;
  animation:tfdFieldPulse 1.1s cubic-bezier(.2,.8,.22,1) both;
}
.tfd-free-play-screen.phase-wild .tfd-stadium-reel-frame::before{
  content:"";
  position:absolute;
  inset:-10px;
  border-radius:28px;
  pointer-events:none;
  border:1px solid rgba(231,255,166,.34);
  box-shadow:0 0 0 1px rgba(255,255,255,.04) inset,0 0 44px rgba(144,255,92,.14);
  opacity:0;
  animation:tfdFieldOutline 1.08s ease-out .06s both;
}
.tfd-free-play-screen.phase-wild .tfd-stadium-lights i{
  animation-duration:.55s!important;
  filter:drop-shadow(0 0 18px rgba(246,255,200,.68));
}
.tfd-free-play-screen.phase-wild .tfd-free-title,
.tfd-free-play-screen.phase-wild .tfd-wild-status.active,
.tfd-free-play-screen.phase-wild .tfd-free-message{
  animation:tfdTitleCharge .95s ease-out both;
}
.tfd-free-play-screen.phase-wild .tfd-wild-status.active{
  box-shadow:0 0 0 1px rgba(232,255,169,.22) inset,0 0 28px rgba(145,255,95,.22),0 18px 40px rgba(0,0,0,.28);
}
.tfd-free-play-screen.phase-wild .tfd-free-message{
  box-shadow:0 14px 32px rgba(0,0,0,.26),0 0 24px rgba(147,255,97,.18);
}
.tfd-expanding-wild{
  box-shadow:
    0 0 68px rgba(134,255,86,.58),
    0 0 120px rgba(134,255,86,.18),
    inset 0 0 42px rgba(239,255,189,.18),
    inset 0 0 0 1px rgba(255,255,255,.1)!important;
}
.tfd-expanding-wild::before{
  background:
    linear-gradient(180deg, rgba(255,255,255,.0) 0%, rgba(241,255,181,.72) 22%, rgba(255,255,255,.14) 44%, rgba(241,255,181,.52) 68%, rgba(255,255,255,0) 100%),
    linear-gradient(90deg, rgba(255,255,255,.12), rgba(255,255,255,0) 16%, rgba(245,255,183,.26) 50%, rgba(255,255,255,0) 84%, rgba(255,255,255,.12));
}
.tfd-expanding-wild img{
  filter:drop-shadow(0 0 24px rgba(226,255,163,.84)) brightness(.98);
}
.tfd-expanding-wild .tfd-wild-column-label{
  letter-spacing:.08em;
  box-shadow:0 10px 22px rgba(0,0,0,.34),0 0 18px rgba(145,255,95,.18);
}
@keyframes tfdStadiumFlash{
  0%{opacity:0}
  18%{opacity:.95}
  42%{opacity:.52}
  100%{opacity:0}
}
@keyframes tfdCrowdGlow{
  0%{opacity:0;transform:translateY(16px) scaleX(.96)}
  25%{opacity:.9}
  60%{opacity:.5}
  100%{opacity:0;transform:translateY(-6px) scaleX(1.04)}
}
@keyframes tfdFieldPulse{
  0%{transform:scale(.988)}
  30%{transform:scale(1.008)}
  100%{transform:scale(1)}
}
@keyframes tfdFieldOutline{
  0%{opacity:0;transform:scale(.985)}
  28%{opacity:1}
  100%{opacity:.35;transform:scale(1)}
}
@keyframes tfdTitleCharge{
  0%{transform:translateY(8px);opacity:.72;filter:brightness(1)}
  38%{transform:translateY(0);opacity:1;filter:brightness(1.18)}
  100%{transform:none;opacity:1;filter:brightness(1)}
}


/* v10.32.30 Dream Wild clarity and full-column treatment */
.tfd-expanding-wild{
  inset:-1px!important;
  padding:0!important;
  border-radius:9px!important;
  border:2px solid rgba(255,226,102,.96)!important;
  background:linear-gradient(180deg,#78e761 0%,#159339 42%,#073c1c 100%)!important;
  box-shadow:0 0 42px rgba(153,255,91,.52),0 0 80px rgba(255,215,76,.18),inset 0 0 26px rgba(255,249,190,.24)!important;
}
.tfd-expanding-wild img,
.tfd-expanding-wild.is-expanded img,
.tfd-expanding-wild.is-expanding img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:fill!important;
  object-position:center!important;
  padding:0!important;
  margin:0!important;
  transform:none!important;
  filter:drop-shadow(0 0 18px rgba(255,238,135,.82)) brightness(1.04)!important;
}
.tfd-expanding-wild .tfd-wild-column-label{display:none!important}
.phase-result .tfd-stadium-reel.result-wild .tfd-stadium-cell{opacity:.08!important}
.tfd-stadium-reel.result-wild{border-radius:9px;box-shadow:0 0 0 2px rgba(255,225,99,.76) inset,0 0 38px rgba(124,255,83,.42)!important}
.tfd-payline-node{fill:#fff4b2;stroke:#215b25;stroke-width:3;filter:drop-shadow(0 0 6px rgba(255,235,126,.95))}
.tfd-payline-node.wild-node{fill:#d8ff83;stroke:#ffe57e;stroke-width:4;filter:drop-shadow(0 0 10px rgba(159,255,92,1))}
.tfd-free-win-burst span{font-size:10px!important;letter-spacing:.08em!important;white-space:nowrap}


/* v10.32.30 fixed 35-spin runtime, stable wild stage, and true full-width Dream Wild */
.tfd-free-play-screen.phase-wild .tfd-stadium-reel-frame{
  position:absolute!important;
  left:7%!important;
  right:25%!important;
  top:22%!important;
  bottom:12.5%!important;
  width:auto!important;
  height:auto!important;
  transform:none!important;
  animation:none!important;
  contain:layout paint;
}
.tfd-free-play-screen.phase-wild .tfd-stadium-reel-frame::before{
  transform:none!important;
  animation:tfdFieldOutlineStable 1.08s ease-out .06s both!important;
}
.tfd-free-play-screen.phase-wild .tfd-stadium-reels,
.tfd-free-play-screen.phase-result .tfd-stadium-reels{
  width:100%!important;
  height:100%!important;
}
.tfd-expanding-wild,
.tfd-expanding-wild.is-expanding,
.tfd-expanding-wild.is-expanded{
  box-sizing:border-box!important;
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
}
.tfd-expanding-wild img,
.tfd-expanding-wild.is-expanding img,
.tfd-expanding-wild.is-expanded img{
  position:absolute!important;
  left:-2%!important;
  right:auto!important;
  top:0!important;
  bottom:auto!important;
  width:104%!important;
  height:100%!important;
  object-fit:fill!important;
  object-position:center!important;
  transform:none!important;
}
.tfd-stadium-reel.wild-active{
  width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
}
.tfd-free-payline-overlay{z-index:12!important}
.tfd-payline{stroke-width:6.5!important;opacity:1!important}
.tfd-payline-glow{stroke-width:15!important;opacity:.42!important}
.tfd-payline-node{r:8px}
@keyframes tfdFieldOutlineStable{
  0%{opacity:0}
  28%{opacity:1}
  100%{opacity:.35}
}
@media (max-aspect-ratio:1/1){
  .tfd-free-play-screen.phase-wild .tfd-stadium-reel-frame{
    left:2%!important;
    right:2%!important;
    top:18.5%!important;
    bottom:29%!important;
  }
}

/* v10.32.30b: keep the Wild overlay at full reel geometry while animating the artwork reveal */
.tfd-expanding-wild.is-expanding,
.tfd-expanding-wild.is-expanded{
  opacity:1!important;
  transform:none!important;
  clip-path:inset(0)!important;
}
.tfd-expanding-wild.is-expanding img{
  clip-path:inset(0 0 100% 0);
  animation:tfdWildArtworkReveal 1.15s cubic-bezier(.16,.82,.2,1) forwards!important;
}
.tfd-expanding-wild.is-expanded img{
  clip-path:inset(0)!important;
  animation:none!important;
}
@keyframes tfdWildArtworkReveal{
  0%{clip-path:inset(0 0 100% 0);filter:drop-shadow(0 0 28px rgba(255,240,138,.96)) brightness(1.28)}
  58%{clip-path:inset(0);filter:drop-shadow(0 0 30px rgba(255,240,138,.9)) brightness(1.16)}
  100%{clip-path:inset(0);filter:drop-shadow(0 0 18px rgba(255,238,135,.82)) brightness(1.04)}
}


/* v10.32.30 sequential reel-stop presentation */
.phase-spinning .tfd-stadium-reel:not(.spinning) .tfd-stadium-reel-track{
  animation:none!important;
  transform:translateY(0)!important;
}
.phase-spinning .tfd-stadium-reel:not(.spinning) .tfd-stadium-cell img{
  animation:none!important;
  filter:none!important;
  opacity:1!important;
}
.phase-spinning .tfd-stadium-reel:not(.spinning)::after{
  display:none!important;
}
.tfd-stadium-reel.just-stopped{
  z-index:4;
  animation:tfdSequentialReelStop .26s cubic-bezier(.12,.82,.24,1) both;
}
.tfd-stadium-reel.just-stopped .tfd-stadium-cell{
  border-color:rgba(248,222,132,.88);
  box-shadow:inset 0 0 15px rgba(0,0,0,.28),0 0 16px rgba(255,221,108,.32);
}
.tfd-stadium-reel.spinning{
  filter:brightness(.92);
}
.tfd-stadium-reel.spinning .tfd-stadium-cell{
  border-color:rgba(202,181,112,.34);
}
@keyframes tfdSequentialReelStop{
  0%{transform:translateY(-7px) scaleY(1.025);filter:brightness(1.28)}
  55%{transform:translateY(3px) scaleY(.992);filter:brightness(1.1)}
  100%{transform:translateY(0) scaleY(1);filter:brightness(1)}
}


/* v10.32.31 bonus free-spin cell-based slot animation */
.tfd-stadium-reel.spinning .tfd-stadium-reel-track{
  animation:none!important;
  transform:none!important;
}
.tfd-stadium-reel.spinning{
  filter:brightness(.96);
}
.tfd-stadium-reel.spinning::after{
  content:"";
  position:absolute;
  z-index:3;
  inset:-14% 0 auto 0;
  height:34%;
  background:linear-gradient(180deg,rgba(255,255,255,0),rgba(216,255,173,.14),rgba(255,255,255,0));
  animation:tfdCellSpinLight .7s linear infinite;
  pointer-events:none;
}
.tfd-stadium-cell.is-spinning-cell{
  position:relative;
  overflow:hidden;
}
.tfd-stadium-cell.is-spinning-cell > img{
  display:none!important;
}
.tfd-cell-spinner{
  position:relative;
  width:100%;
  height:100%;
  overflow:hidden;
}
.tfd-cell-spinner-strip{
  display:flex;
  flex-direction:column;
  width:100%;
  height:calc(var(--spinner-count) * 100%);
  animation:tfdCellSlotSpin var(--spin-duration,.42s) linear infinite;
  will-change:transform;
}
.tfd-cell-spinner-item{
  flex:0 0 calc(100% / var(--spinner-count));
  min-height:0;
  display:flex;
  align-items:center;
  justify-content:center;
}
.tfd-cell-spinner-item img{
  width:100%;
  height:100%;
  object-fit:contain;
  padding:3px;
  filter:blur(1px) brightness(.92);
  opacity:.94;
}
.phase-spinning .tfd-stadium-reel.spinning .tfd-stadium-cell > img{
  animation:none!important;
  filter:none!important;
  opacity:1!important;
}
.phase-spinning .tfd-stadium-reel.spinning .tfd-cell-spinner-item img{
  filter:blur(1px) brightness(.92)!important;
  opacity:.94!important;
}
@keyframes tfdCellSlotSpin{
  from{transform:translateY(0)}
  to{transform:translateY(calc(-1 * (var(--spinner-count) - 1) * 100% / var(--spinner-count)))}
}
@keyframes tfdCellSpinLight{
  from{transform:translateY(0)}
  to{transform:translateY(310%)}
}


/* v10.32.32 continuous reel-strip free-spin correction */
.tfd-stadium-reel.strip-mode{
  display:block!important;
  overflow:hidden!important;
}
.tfd-stadium-reel.strip-mode .tfd-stadium-reel-track{
  display:none!important;
}
.tfd-reel-strip-window{
  position:relative;
  width:100%;
  height:100%;
  overflow:hidden;
  border-radius:10px;
  background:linear-gradient(180deg,rgba(7,24,17,.96),rgba(6,18,13,.98));
  box-shadow:inset 0 0 18px rgba(0,0,0,.42),0 0 12px rgba(0,0,0,.18);
}
.tfd-reel-strip-window::before,
.tfd-reel-strip-window::after{
  content:"";
  position:absolute;
  left:0; right:0;
  height:14%;
  z-index:2;
  pointer-events:none;
}
.tfd-reel-strip-window::before{
  top:0;
  background:linear-gradient(180deg,rgba(5,17,12,.95),rgba(5,17,12,0));
}
.tfd-reel-strip-window::after{
  bottom:0;
  background:linear-gradient(180deg,rgba(5,17,12,0),rgba(5,17,12,.95));
}
.tfd-reel-strip-track{
  display:flex;
  flex-direction:column;
  width:100%;
  height:var(--strip-height);
  animation:tfdContinuousReelDrop var(--spin-duration,.78s) linear infinite;
  will-change:transform;
}
.tfd-reel-strip-item{
  flex:0 0 var(--strip-item);
  min-height:0;
  display:flex;
  align-items:center;
  justify-content:center;
  border:none!important;
  background:transparent!important;
  box-shadow:none!important;
}
.tfd-reel-strip-item img{
  width:100%;
  height:100%;
  object-fit:contain;
  padding:4px 3px;
  filter:blur(.8px) brightness(.96);
  opacity:.96;
}
.phase-spinning .tfd-stadium-reel.strip-mode{
  filter:brightness(.95);
}
.phase-spinning .tfd-stadium-reel.strip-mode::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:3;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,0),rgba(223,255,180,.08),rgba(255,255,255,0));
  animation:tfdReelSweep .72s linear infinite;
}
.phase-spinning .tfd-stadium-reel.strip-mode.just-stopped::after,
.phase-spinning .tfd-stadium-reel:not(.strip-mode).just-stopped::after{
  display:none!important;
}
.phase-spinning .tfd-stadium-reel.strip-mode .tfd-stadium-cell,
.phase-spinning .tfd-stadium-reel.strip-mode .tfd-stadium-cell img{
  border:none!important;
  box-shadow:none!important;
}
.phase-spinning .tfd-stadium-reel.spinning.strip-mode .tfd-expanding-wild{
  display:none!important;
}
.phase-spinning .tfd-stadium-reels{
  gap:8px!important;
}
.phase-spinning .tfd-stadium-reel.strip-mode .tfd-reel-strip-window{
  border:1px solid rgba(229,204,123,.35);
}
.phase-spinning .tfd-stadium-reel.strip-mode.just-stopped .tfd-reel-strip-window{
  border-color:rgba(248,222,132,.82);
  box-shadow:inset 0 0 18px rgba(0,0,0,.36),0 0 16px rgba(255,221,108,.26);
}
@keyframes tfdContinuousReelDrop{
  from{-webkit-transform:translate3d(0,var(--strip-start),0);transform:translate3d(0,var(--strip-start),0)}
  to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes tfdReelSweep{
  from{transform:translateY(-100%)}
  to{transform:translateY(320%)}
}


/* v10.32.33 desktop Safari tune + Thirty Five main-game reel strip spin */
.tfd-main-strip-grid{
  display:grid!important;
  grid-template-columns:repeat(var(--grid-cols,6),1fr)!important;
  grid-template-rows:repeat(var(--grid-rows,4),1fr)!important;
  gap:4px!important;
}
.tfd-main-reel{
  position:relative;
  grid-row:1 / span var(--grid-rows,4);
  min-width:0;
  min-height:0;
  border:1px solid rgba(226,176,68,.62);
  border-radius:6px;
  overflow:hidden;
  background:linear-gradient(180deg,#1c1410,#120e0b);
  box-shadow:inset 0 0 14px rgba(0,0,0,.34),0 0 10px rgba(0,0,0,.16);
}
.tfd-main-static-track{display:grid;grid-template-rows:repeat(var(--grid-rows,4),1fr);gap:4px;height:100%}
.tfd-main-static-card{border:none!important;border-radius:0!important;box-shadow:none!important;background:#1a130e!important}
.tfd-main-static-card img{width:100%;height:100%;display:block;object-fit:cover;filter:drop-shadow(0 3px 3px rgba(0,0,0,.42))}
.tfd-main-reel.spinning.strip-mode .tfd-main-static-track{display:none!important}
.tfd-main-strip-window{position:relative;width:100%;height:100%;overflow:hidden;background:linear-gradient(180deg,#17110d,#0f0b08)}
.tfd-main-strip-window::before,.tfd-main-strip-window::after{content:"";position:absolute;left:0;right:0;height:14%;z-index:2;pointer-events:none}
.tfd-main-strip-window::before{top:0;background:linear-gradient(180deg,rgba(8,6,4,.98),rgba(8,6,4,0))}
.tfd-main-strip-window::after{bottom:0;background:linear-gradient(180deg,rgba(8,6,4,0),rgba(8,6,4,.98))}
.tfd-main-strip-track{display:flex;flex-direction:column;width:100%;height:var(--strip-height);animation:tfdMainReelDrop var(--spin-duration,.72s) linear infinite;will-change:transform}
.tfd-main-strip-item{flex:0 0 var(--strip-item);min-height:0;display:flex;align-items:center;justify-content:center}
.tfd-main-strip-item img{width:100%;height:100%;object-fit:cover;padding:0;filter:blur(.85px) brightness(.95);opacity:.97}
.tfd-main-reel.spinning::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,223,133,.08),rgba(255,255,255,0));animation:tfdMainReelSweep .72s linear infinite}
.tfd-main-reel.just-stopped{border-color:rgba(248,213,110,.85);box-shadow:inset 0 0 14px rgba(0,0,0,.34),0 0 15px rgba(255,214,109,.22)}
.tfd-main-reel.just-stopped::after{display:none!important}
@keyframes tfdMainReelDrop{from{-webkit-transform:translate3d(0,var(--strip-start),0);transform:translate3d(0,var(--strip-start),0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
@keyframes tfdMainReelSweep{from{transform:translateY(-100%)}to{transform:translateY(320%)}}

/* Bonus desktop Safari stabilization */
@media (hover:hover) and (pointer:fine){
  .tfd-stadium-reel-frame,.tfd-stadium-reels,.tfd-stadium-reel,.tfd-reel-strip-window,.tfd-reel-strip-track,.tfd-expanding-wild{
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
  }
  .tfd-stadium-reel-frame{overflow:hidden;contain:layout paint style}
  .tfd-stadium-reels{contain:layout paint;gap:7px!important}
  .tfd-stadium-reel{min-height:0;contain:layout paint}
  .tfd-reel-strip-window{min-height:0;overflow:hidden}
  .tfd-reel-strip-track{will-change:transform}
  .tfd-expanding-wild{inset:0!important;width:auto!important;height:auto!important}
}


/* v10.32.34 desktop motion stability: no CSS multiplication/division and no reel animation restarts */
.tfd-reel-strip-track,
.tfd-main-strip-track{
  height:var(--strip-height)!important;
  -webkit-animation-timing-function:linear!important;
  animation-timing-function:linear!important;
  -webkit-transform:translate3d(0,var(--strip-start),0);
  transform:translate3d(0,var(--strip-start),0);
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  will-change:transform;
}
.tfd-reel-strip-item,
.tfd-main-strip-item{
  flex:0 0 var(--strip-item)!important;
}
@keyframes tfdContinuousReelDrop{
  from{-webkit-transform:translate3d(0,var(--strip-start),0);transform:translate3d(0,var(--strip-start),0)}
  to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@-webkit-keyframes tfdContinuousReelDrop{
  from{-webkit-transform:translate3d(0,var(--strip-start),0)}
  to{-webkit-transform:translate3d(0,0,0)}
}
@keyframes tfdMainReelDrop{
  from{-webkit-transform:translate3d(0,var(--strip-start),0);transform:translate3d(0,var(--strip-start),0)}
  to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@-webkit-keyframes tfdMainReelDrop{
  from{-webkit-transform:translate3d(0,var(--strip-start),0)}
  to{-webkit-transform:translate3d(0,0,0)}
}
@media (hover:hover) and (pointer:fine){
  .tfd-reel-strip-item img,
  .tfd-main-strip-item img{
    filter:blur(1.15px) brightness(.94)!important;
  }
  .tfd-reel-strip-track,
  .tfd-main-strip-track{
    -webkit-perspective:1000px;
    perspective:1000px;
  }
  .tfd-stadium-reel.strip-mode,
  .tfd-main-reel.strip-mode{
    isolation:isolate;
  }
}


/* v10.32.35 desktop requestAnimationFrame reel motion.
   This deliberately preserves gameplay reel motion even when macOS Reduce Motion
   disables nonessential CSS animations. */
.desktop-reel-js .tfd-main-strip-track,
.desktop-reel-js .tfd-reel-strip-track{
  -webkit-animation:none!important;
  animation:none!important;
  -webkit-transition:none!important;
  transition:none!important;
  will-change:transform!important;
}
.desktop-reel-js .tfd-main-strip-window,
.desktop-reel-js .tfd-reel-strip-window{
  overflow:hidden!important;
  -webkit-transform:translateZ(0);
  transform:translateZ(0);
  contain:strict;
}
.desktop-reel-js .tfd-main-strip-item img,
.desktop-reel-js .tfd-reel-strip-item img{
  filter:blur(1.25px) brightness(.94)!important;
}
@media (prefers-reduced-motion:reduce){
  .desktop-reel-js .tfd-main-strip-track,
  .desktop-reel-js .tfd-reel-strip-track{
    -webkit-animation:none!important;
    animation:none!important;
    will-change:transform!important;
  }
}


/* v10.32.39 shell Deal of the Day update */
.left-rail{display:grid !important;grid-template-rows:168px 186px minmax(0,1fr) !important;gap:10px !important;}
.left-rail .sponsor-card,.left-rail .season-card,.left-rail .deal-card{height:auto !important;min-height:0 !important;}
.left-rail .season-card{padding:14px 14px 12px !important;}
.deal-card{display:grid;grid-template-rows:auto 1fr auto;gap:10px;padding:11px 11px 12px !important;background:linear-gradient(180deg,rgba(14,35,59,.96),rgba(8,14,25,.98)) !important;border:1px solid rgba(86,140,255,.24) !important;box-shadow:inset 0 1px 0 rgba(144,195,255,.08),0 10px 24px rgba(0,0,0,.22);}
.deal-card .eyebrow{color:#d6f0ff !important;}
.deal-head{display:flex;align-items:center;justify-content:space-between;gap:8px;}
.deal-timer{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:999px;background:rgba(30,73,128,.28);border:1px solid rgba(123,185,255,.2);font-size:10px;letter-spacing:.08em;color:#d7eeff;white-space:nowrap;}
.deal-timer span{font-size:11px;color:#9ad4ff;}
.deal-body{display:grid;grid-template-columns:minmax(0,1fr) 92px;gap:10px;align-items:end;min-height:0;}
.deal-copy{min-width:0;}
.deal-card h2{margin:0 0 6px !important;font-size:18px !important;line-height:1.04 !important;font-family:Georgia,serif;color:#f8f2df;}
.deal-card p{margin:0 !important;font-size:12px !important;line-height:1.32 !important;color:#d7e6f6 !important;}
#dealImage{width:92px;height:110px;object-fit:cover;object-position:center;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:#091421;justify-self:end;box-shadow:0 8px 18px rgba(0,0,0,.28);}
#dealButton{width:100%;height:40px;margin-top:auto;background:linear-gradient(180deg,#1f5fbe,#18478c) !important;border-color:rgba(117,180,255,.42) !important;color:#fff9e6 !important;}
#dealButton:hover{filter:brightness(1.06);}
@media (max-width: 1200px){
  .left-rail{grid-template-rows:160px 176px minmax(0,1fr) !important;}
  .deal-body{grid-template-columns:minmax(0,1fr) 82px;}
  #dealImage{width:82px;height:100px;}
  .deal-card h2{font-size:16px !important;}
}

/* v10.32.40 — shell finalization based on approved mockup */
.shell-topbar{grid-template-columns:250px minmax(0,1fr) 350px !important;height:70px !important;padding:7px 10px !important;gap:10px !important;align-items:stretch !important}
.shell-actions{display:grid !important;grid-template-columns:1.05fr .78fr .92fr !important;gap:8px !important;align-items:stretch !important}
.shell-actions .top-action{height:auto !important;min-height:54px !important;border-radius:14px !important;padding:8px 12px !important;display:flex !important;border:1px solid rgba(215,161,67,.32) !important;background:linear-gradient(180deg,rgba(11,20,32,.96),rgba(5,10,18,.98)) !important;color:#fff5dc !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.03) !important}
.shell-actions .top-action .action-icon{font-size:18px !important;line-height:1 !important}
.reward-hub{flex-direction:column !important;align-items:flex-start !important;justify-content:center !important;gap:3px !important}
.reward-hub .top-action-main,.shell-action-btn{display:flex !important;align-items:center !important;gap:8px !important}
.reward-hub .top-action-meta{display:block !important;font-size:12px !important;line-height:1 !important;color:#f0be5d !important;font-weight:800 !important;margin-left:28px !important}
.reward-hub .top-action-badge{display:flex !important;align-items:center !important;gap:6px !important;font-size:11px !important;color:#f8f2df !important;margin-left:28px !important;white-space:nowrap !important}
.reward-hub .top-action-badge img{width:16px !important;height:16px !important;object-fit:cover !important;border-radius:50% !important;border:1px solid rgba(255,210,126,.35) !important;background:#0c1623 !important}
.reward-hub .top-action-badge em{font-style:normal !important;opacity:.92 !important}
.shell-action-btn{justify-content:center !important}
.shell-action-btn b{font-size:14px !important}
.player-stats{display:grid !important;grid-template-columns:minmax(0,1fr) auto auto !important;gap:10px !important;align-items:center !important}
.level-xp-stat{height:54px !important;border-radius:12px !important}
.coin-stat{height:54px !important}
.menu-button{height:54px !important;width:54px !important;border-radius:12px !important}

.main-grid{grid-template-columns:236px minmax(0,1fr) 258px !important;gap:12px !important}
.left-rail{display:grid !important;grid-template-rows:210px minmax(0,1fr) !important;gap:10px !important}
.right-rail{display:grid !important;grid-template-rows:286px 176px minmax(0,1fr) !important;gap:10px !important}
.left-rail .sponsor-card,.left-rail .season-card,.right-rail .project-card,.right-rail .offer-card,.right-rail .story-card{height:auto !important;min-height:0 !important}

.shell-sponsor-card{padding:14px !important;display:flex !important;flex-direction:column !important;background:linear-gradient(180deg,rgba(9,16,28,.97),rgba(4,9,16,.99)) !important}
.shell-sponsor-card h2{margin:6px 0 10px !important;font-size:18px !important;line-height:1.15 !important;color:#fff4dc !important}
.challenge-hero{display:flex !important;align-items:center !important;gap:14px !important;min-height:0 !important}
.challenge-ring{--progress:0%;width:88px;height:88px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#f6c14d var(--progress), rgba(255,255,255,.09) 0);box-shadow:0 0 0 1px rgba(255,209,110,.22), inset 0 0 26px rgba(0,0,0,.35)}
.challenge-ring-core{width:66px;height:66px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(180deg,#07111d,#0b1622);border:1px solid rgba(255,255,255,.08)}
.challenge-ring-core strong{font:700 28px/1 Georgia,serif;color:#fff1ca}
.challenge-ring-core small{display:block;margin-top:1px;font-size:10px;letter-spacing:.08em;color:#c6d7e8}
.challenge-summary{min-width:0;flex:1;display:flex;flex-direction:column;gap:10px}
.challenge-target{font:700 20px/1.05 Georgia,serif;color:#fff1ca}
.challenge-rewards{display:flex !important;flex-direction:column !important;gap:8px !important}
.challenge-rewards span{display:flex;align-items:center;gap:7px;color:#e7eef5;font-size:12px;line-height:1.2}
.challenge-rewards b{color:#f2c65e}
.challenge-progress-bar{height:8px;background:#132536;border-radius:999px;border:1px solid rgba(255,255,255,.08);overflow:hidden;margin-top:auto}
.challenge-progress-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#ffd26e,#f0b841);transition:width .3s}
.sponsor-match-toggle{width:100%;height:38px;margin-top:10px;border-radius:10px;border:1px solid rgba(92,148,255,.34);background:linear-gradient(180deg,#18478c,#153c77);display:flex;align-items:center;justify-content:center;gap:10px;color:#fff6e6;font-weight:800;cursor:pointer}
.toggle-pill{width:38px;height:22px;border-radius:999px;background:linear-gradient(90deg,#e63f3f 0 50%,#ffffff 50%);position:relative;display:inline-block;box-shadow:inset 0 0 0 1px rgba(0,0,0,.25)}
.toggle-pill i{position:absolute;left:2px;top:2px;width:18px;height:18px;border-radius:50%;background:#ffffff;box-shadow:0 2px 4px rgba(0,0,0,.3)}

.season-card{padding:14px !important}

.offer-card{display:grid !important;grid-template-rows:auto 1fr auto !important;gap:10px !important;padding:12px !important;background:linear-gradient(180deg,rgba(12,18,28,.97),rgba(6,10,16,.99)) !important}
.offer-card .deal-head{display:flex !important;align-items:center !important;justify-content:flex-start !important}
.offer-card .deal-body{display:grid !important;grid-template-columns:86px minmax(0,1fr) !important;gap:12px !important;align-items:center !important;min-height:0 !important}
.offer-card .deal-copy{display:flex !important;flex-direction:column !important;gap:8px !important;min-width:0 !important}
.offer-card h2{margin:0 !important;font:700 16px/1.15 Georgia,serif !important;color:#fff1ce !important}
.offer-card p{margin:0 !important;font-size:12px !important;line-height:1.32 !important;color:#d7e3ee !important}
.offer-card #dealImage{width:86px !important;height:106px !important;justify-self:start !important;align-self:start !important;object-fit:cover !important;border-radius:12px !important;border:1px solid rgba(255,255,255,.14) !important;background:#091421 !important;box-shadow:0 8px 18px rgba(0,0,0,.28) !important}
.offer-card .deal-timer{display:inline-flex !important;align-items:center !important;gap:5px !important;width:max-content !important;padding:4px 8px !important;border-radius:999px !important;background:rgba(22,42,66,.65) !important;border:1px solid rgba(123,185,255,.2) !important;color:#d7eeff !important;font-size:10px !important;letter-spacing:.08em !important}
.offer-card #dealButton{width:100% !important;height:40px !important;background:linear-gradient(180deg,#dca945,#b98624) !important;border-color:rgba(255,220,144,.34) !important;color:#fff7e4 !important}

.story-card{display:grid !important;grid-template-rows:auto 1fr !important;gap:10px !important;padding:12px !important;background:linear-gradient(180deg,rgba(11,17,26,.97),rgba(4,9,15,.99)) !important}
.story-card .media-head{display:block !important}
.story-card .media-head h2{margin:2px 0 0 !important;font:700 16px/1.15 Georgia,serif !important;color:#fff1d5 !important}
.story-card-shell{display:grid !important;grid-template-columns:84px minmax(0,1fr) !important;gap:12px !important;align-items:center !important;min-height:0 !important}
.story-video-shell{height:84px !important;min-height:84px !important;background:#0a1320 !important;border-radius:12px !important;overflow:hidden !important;border:1px solid rgba(255,255,255,.1) !important}
.story-video-shell .media-poster{width:100% !important;height:100% !important;background-size:cover !important;background-position:center !important;position:relative !important;display:block !important}
.story-video-shell .media-poster::after{content:'▶';position:absolute;right:8px;bottom:6px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:rgba(6,11,18,.82);border:1px solid rgba(255,255,255,.16);color:#fff0cb;font-size:14px;box-shadow:0 4px 10px rgba(0,0,0,.28)}
.story-video-shell iframe{width:100% !important;height:100% !important;border:0 !important}
.story-card-copy{display:flex !important;flex-direction:column !important;gap:10px !important;min-width:0 !important}
.story-card-copy p{margin:0 !important;font-size:12px !important;line-height:1.32 !important;color:#d5e2ee !important}
.story-card-actions{display:flex !important;justify-content:flex-start !important}
.story-play-button{width:42px !important;height:42px !important;border-radius:50% !important;border:1px solid rgba(255,219,138,.32) !important;background:linear-gradient(180deg,#d7a44a,#b98624) !important;color:#fff6e4 !important;font-size:16px !important;cursor:pointer !important;box-shadow:0 6px 14px rgba(0,0,0,.24) !important}

footer.control-bar .about-game{display:flex !important;flex-direction:column !important;justify-content:center !important;align-items:flex-start !important;padding:0 16px !important}
footer.control-bar .about-game small{color:#f3c763 !important}
footer.control-bar .about-game strong{font-size:17px !important}
footer.control-bar .about-game span{font-size:12px !important}

@media (max-width: 1300px){
  .shell-topbar{grid-template-columns:230px minmax(0,1fr) 320px !important}
  .shell-actions{grid-template-columns:1fr .8fr .9fr !important}
  .right-rail{grid-template-rows:276px 170px minmax(0,1fr) !important}
  .offer-card .deal-body{grid-template-columns:78px minmax(0,1fr) !important}
  .offer-card #dealImage{width:78px !important;height:98px !important}
}


/* v10.32.41 — hero story shell update */

.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.shell-actions{grid-template-columns:1fr .95fr .78fr .92fr !important}
.reward-hub{justify-content:center !important}
.reward-hub .top-action-meta{margin-left:28px !important}
.badge-hub{display:flex !important;flex-direction:column !important;justify-content:center !important;align-items:flex-start !important;gap:4px !important}
.badge-hub .badge-main{display:flex !important;align-items:center !important;gap:9px !important;color:#fff5dc !important}
.badge-hub .badge-icon{display:inline-grid !important;place-items:center !important;width:28px !important;height:28px !important;border-radius:50% !important;border:1px solid rgba(255,211,116,.46) !important;background:radial-gradient(circle at 30% 30%,#ffe598,#d79d31 58%,#7b4b08 100%) !important;color:#211302 !important;font-size:15px !important;box-shadow:0 0 12px rgba(243,192,79,.28) !important}
.badge-hub .badge-sub{font-size:11px !important;color:#f0be5d !important;font-weight:700 !important;margin-left:37px !important;line-height:1.1 !important}
.left-rail{display:grid !important;grid-template-rows:210px 196px 92px !important;gap:10px !important;overflow:visible !important}
.left-rail .sponsor-card,.left-rail .watch-card,.left-rail .story-links-card{height:auto !important;min-height:0 !important}
.watch-card{padding:14px !important;display:grid !important;grid-template-rows:auto 1fr auto auto !important;gap:10px !important;background:linear-gradient(180deg,rgba(9,24,40,.97),rgba(5,12,22,.99)) !important;border:1px solid rgba(76,142,255,.24) !important;box-shadow:inset 0 1px 0 rgba(153,203,255,.06),0 10px 24px rgba(0,0,0,.22) !important}
.watch-card .eyebrow{color:#d8efff !important}
.watch-card-body{display:grid !important;grid-template-columns:62px 1fr !important;gap:12px !important;align-items:center !important}
.watch-icon-stack{display:grid !important;gap:10px !important;justify-items:center !important}
.watch-icon{display:grid !important;place-items:center !important;width:42px !important;height:42px !important;border-radius:12px !important;border:1px solid rgba(255,212,122,.34) !important;background:linear-gradient(180deg,#12283f,#08131f) !important;color:#ffd469 !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04) !important}
.watch-icon-tv{font-size:18px !important}
.watch-icon-coin{font-size:16px !important;color:#ffcf59 !important}
.watch-copy p{margin:0 !important;font-size:13px !important;line-height:1.34 !important;color:#e7eef7 !important}
.watch-copy small{display:block !important;margin-top:10px !important;font-size:12px !important;color:#a9bdd0 !important}
.watch-progress{height:8px !important;border-radius:999px !important;background:#132434 !important;border:1px solid rgba(255,255,255,.06) !important;overflow:hidden !important}
.watch-progress i{display:block !important;height:100% !important;background:linear-gradient(90deg,#13e585,#39ffd5) !important}
.watch-card .secondary-button{width:100% !important;height:42px !important}
.story-links-card{display:grid !important;grid-template-rows:1fr 1fr !important;gap:8px !important;padding:0 !important;background:transparent !important;border:none !important;box-shadow:none !important}
.shell-link-button{border:none !important;display:flex !important;align-items:center !important;justify-content:flex-start !important;width:100% !important;height:100% !important;padding:0 18px !important;border-radius:14px !important;background:linear-gradient(180deg,#dfb452,#b8841e) !important;color:#241606 !important;font-size:16px !important;font-weight:800 !important;box-shadow:0 8px 18px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,248,221,.55) !important;cursor:pointer !important;text-align:left !important}
.shell-link-button:hover{filter:brightness(1.03)}
.shell-link-secondary{background:linear-gradient(180deg,#132232,#0a1421) !important;color:#f0f5fb !important;border:1px solid rgba(244,165,28,.34) !important;box-shadow:0 8px 18px rgba(0,0,0,.2), inset 0 1px 0 rgba(255,255,255,.03) !important}
.right-rail{display:grid !important;grid-template-rows:286px 176px minmax(0,1fr) !important;gap:10px !important;overflow:visible !important}
.compact-song-card{padding:12px !important;display:flex !important;flex-direction:column !important}
.compact-song-card .story-card-shell{display:flex !important;flex-direction:column !important;gap:10px !important;height:100% !important}
.compact-song-card .story-video-shell{position:relative !important;flex:1 !important;min-height:0 !important;border-radius:14px !important;overflow:hidden !important;border:1px solid rgba(244,165,28,.28) !important;background:#070f18 !important}
.compact-song-card .media-poster{height:100% !important;min-height:180px !important;background-size:cover !important;background-position:center !important}
.compact-song-card .media-inline-frame{border-radius:14px !important}
.compact-song-card .story-card-actions-full{display:block !important}
.compact-song-card .story-play-full{width:100% !important;height:50px !important;border-radius:12px !important;border:1px solid rgba(255,216,119,.34) !important;background:linear-gradient(180deg,#deb04c,#b67c18) !important;color:#211302 !important;font-size:15px !important;font-weight:900 !important;letter-spacing:.02em !important;box-shadow:inset 0 1px 0 rgba(255,250,229,.45),0 8px 20px rgba(0,0,0,.25) !important}
.compact-song-card .story-play-full:hover{filter:brightness(1.03)}
footer.control-bar.shell-footer{grid-template-columns:232px 300px 250px 170px !important;height:106px !important;padding:5px 14px !important;gap:12px !important;align-items:center !important}
footer.control-bar.shell-footer > .bet-control{grid-column:1 !important}
footer.control-bar.shell-footer > .status-control{grid-column:2 !important}
footer.control-bar.shell-footer > .mode-control{grid-column:3 !important}
footer.control-bar.shell-footer > .spin-button{grid-column:4 !important;justify-self:end !important;transform:translateY(-18px) !important}
footer.control-bar.shell-footer > .spin-button:hover{transform:translateY(-18px) scale(1.025) !important}
footer.control-bar.shell-footer > .spin-button:active{transform:translateY(-18px) scale(.975) !important}
.theme-thirtyfive .stage-backdrop{background-image:linear-gradient(180deg,rgba(14,8,4,.03),rgba(14,8,4,.33)),url('assets/dashboard/thirtyfive_feature_banner_v10315.png') !important;background-position:center top !important;background-size:cover !important;filter:saturate(1.06) contrast(1.05) brightness(.86) !important}
.theme-thirtyfive .hero-bay{background-image:linear-gradient(180deg,rgba(7,5,3,.02),rgba(7,5,3,.12) 40%,rgba(7,5,3,.3)),url('assets/thirty-five/19_Father_And_Son_Moment.webp') !important;background-position:center !important}
.theme-thirtyfive .thirtyfive-game-logo,.theme-thirtyfive .stage-title{backdrop-filter:saturate(1.04)}
@media (max-width: 1440px){
  .left-rail{grid-template-rows:198px 186px 88px !important}
  .watch-copy p{font-size:12px !important}
  footer.control-bar.shell-footer{grid-template-columns:220px 286px 240px 156px !important}
}



/* v10.32.42 — exact spacing redistribution and unified Thirty Five hero */
.shell-topbar{grid-template-columns:250px minmax(0,1fr) 350px !important}
.shell-actions{grid-template-columns:1fr .95fr .78fr .92fr !important;gap:8px !important}
.badge-hub{justify-content:center !important;align-items:center !important}
.badge-hub .badge-main{justify-content:center !important;width:100% !important}
.badge-hub .badge-sub{display:none !important}

/* Main content keeps the approved reels untouched. */
.main-grid{height:664px !important;grid-template-columns:258px minmax(0,1fr) 268px !important;gap:12px !important}
.left-rail{display:grid !important;grid-template-rows:330px minmax(0,1fr) !important;gap:12px !important;overflow:visible !important}
.left-rail .sponsor-card,.left-rail .watch-card{height:auto !important;min-height:0 !important}
.story-links-card{display:none !important}

/* Give the two left-side features the full visual weight shown in the approved layout. */
.shell-sponsor-card{padding:30px 16px 16px !important;display:flex !important;flex-direction:column !important}
.shell-sponsor-card h2{font-size:22px !important;margin:10px 0 16px !important}
.challenge-hero{flex:1 !important;align-items:center !important;gap:18px !important}
.challenge-ring{width:106px !important;height:106px !important;flex:0 0 106px !important}
.challenge-ring-core{width:78px !important;height:78px !important}
.challenge-ring-core strong{font-size:32px !important}
.challenge-target{font-size:23px !important}
.challenge-rewards{gap:12px !important}
.challenge-rewards span{font-size:14px !important}
.challenge-progress-bar{margin-top:12px !important}
.sponsor-match-toggle{height:44px !important;margin-top:12px !important;font-size:14px !important}
.watch-card{padding:30px 16px 16px !important;display:grid !important;grid-template-rows:auto 1fr auto auto !important;gap:14px !important}
.watch-card-body{grid-template-columns:78px 1fr !important;gap:16px !important}
.watch-icon-stack{gap:14px !important}
.watch-icon{width:54px !important;height:54px !important;border-radius:14px !important;font-size:20px !important}
.watch-copy p{font-size:15px !important;line-height:1.4 !important}
.watch-copy small{font-size:13px !important;margin-top:14px !important}
.watch-card .secondary-button{height:48px !important;font-size:14px !important}

/* Right rail continues to the bottom, while the game stage remains its existing height. */
.right-rail{height:812px !important;display:grid !important;grid-template-rows:346px 222px minmax(0,1fr) !important;gap:12px !important;overflow:visible !important;z-index:24 !important}
.right-rail .project-card,.right-rail .offer-card,.right-rail .story-card{height:auto !important;min-height:0 !important}
.project-card{padding:30px 14px 14px !important}
.project-card .secondary-button{height:42px !important}
.offer-card{padding:30px 14px 14px !important;gap:12px !important}
.offer-card .deal-body{grid-template-columns:98px minmax(0,1fr) !important;gap:14px !important}
.offer-card #dealImage{width:98px !important;height:124px !important}
.offer-card h2{font-size:18px !important;line-height:1.16 !important}
.offer-card p{font-size:13px !important}
.offer-card #dealButton{height:44px !important;font-size:14px !important}
.compact-song-card{padding:12px !important}
.compact-song-card .media-poster{min-height:0 !important;height:100% !important}
.compact-song-card .story-video-shell{min-height:0 !important}
.compact-song-card .story-play-full{height:50px !important}

/* Footer ends before the right rail and uses every available pixel intentionally. */
footer.control-bar.shell-footer-target{left:12px !important;right:292px !important;bottom:12px !important;height:144px !important;padding:10px 12px 12px !important;display:grid !important;grid-template-columns:280px 360px 340px 170px !important;gap:12px !important;justify-content:space-between !important;align-items:end !important;overflow:visible !important}
.story-footer-actions{height:96px !important;display:grid !important;grid-template-columns:1fr 1fr !important;gap:10px !important;align-self:end !important}
.footer-story-button{height:96px !important;border:1px solid rgba(214,158,56,.65) !important;border-radius:12px !important;background:linear-gradient(180deg,#121d28,#071018) !important;color:#f6f1e6 !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;gap:9px !important;font-size:13px !important;font-weight:800 !important;cursor:pointer !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 8px 18px rgba(0,0,0,.24) !important}
.footer-story-button:hover{border-color:#f0bd55 !important;filter:brightness(1.04)}
.footer-action-icon{font-size:24px !important;line-height:1 !important;color:#e9b94d !important}
.footer-impact-button{background:linear-gradient(180deg,#111d27,#071018) !important}
footer.control-bar.shell-footer-target>.bet-control{height:96px !important;align-self:end !important}
footer.control-bar.shell-footer-target>.mode-control{height:96px !important;align-self:end !important}
footer.control-bar.shell-footer-target>.mode-control button{font-size:16px !important}
footer.control-bar.shell-footer-target>.spin-button{width:156px !important;height:156px !important;justify-self:end !important;align-self:end !important;transform:translateY(-2px) !important}
footer.control-bar.shell-footer-target>.spin-button:hover{transform:translateY(-2px) scale(1.025) !important}
footer.control-bar.shell-footer-target>.spin-button:active{transform:translateY(-2px) scale(.975) !important}

/* One blended hero scene: no independent boxed father-and-son background. */
.theme-thirtyfive .stage-backdrop{background-image:linear-gradient(180deg,rgba(14,8,4,.02),rgba(14,8,4,.32)),url('assets/thirty-five/thirtyfive_shell_hero_blend.webp') !important;background-position:center center !important;background-size:cover !important;filter:saturate(1.05) contrast(1.06) brightness(.9) !important}
.theme-thirtyfive .hero-bay{background:transparent !important;border-color:transparent !important;box-shadow:none !important}
.theme-thirtyfive .thirtyfive-poster{background:none !important}
.theme-thirtyfive .hero-poster{padding-left:22px !important;padding-right:8px !important;text-shadow:0 3px 9px rgba(0,0,0,.9) !important}

@media (max-height:860px){
  .main-grid{height:610px !important;grid-template-columns:248px minmax(0,1fr) 258px !important}
  .left-rail{grid-template-rows:300px minmax(0,1fr) !important}
  .right-rail{height:738px !important;grid-template-rows:300px 190px minmax(0,1fr) !important}
  footer.control-bar.shell-footer-target{right:280px !important;height:128px !important;grid-template-columns:250px 330px 310px 156px !important}
  .story-footer-actions,footer.control-bar.shell-footer-target>.bet-control,footer.control-bar.shell-footer-target>.mode-control{height:82px !important}
  .footer-story-button{height:82px !important;font-size:12px !important}
  footer.control-bar.shell-footer-target>.spin-button{width:146px !important;height:146px !important}
  .shell-sponsor-card{padding:28px 14px 12px !important}
  .watch-card{padding:28px 14px 12px !important}
}


/* v10.32.43 — correct bottom spacing without changing reel logic */
/* Extend the playable shell downward so the full reel area clears the footer. */
.main-grid{
  height:700px !important;
}
.left-rail{
  grid-template-rows:330px minmax(0,1fr) !important;
}

/* Anchor the footer to an exact canvas Y position. This avoids the oversized
   bottom panel that was covering the lower reel row on desktop browsers. */
footer.control-bar.shell-footer-target{
  top:808px !important;
  bottom:auto !important;
  left:12px !important;
  right:292px !important;
  height:116px !important;
  min-height:116px !important;
  max-height:116px !important;
  padding:8px 12px !important;
  grid-template-columns:280px 360px 340px 170px !important;
  gap:12px !important;
  align-items:end !important;
  box-sizing:border-box !important;
}
.story-footer-actions{
  height:86px !important;
  align-self:end !important;
}
.footer-story-button{
  height:86px !important;
  min-height:86px !important;
  max-height:86px !important;
}
footer.control-bar.shell-footer-target > .bet-control,
footer.control-bar.shell-footer-target > .mode-control{
  height:86px !important;
  min-height:86px !important;
  max-height:86px !important;
  align-self:end !important;
}
footer.control-bar.shell-footer-target > .spin-button{
  width:156px !important;
  height:156px !important;
  align-self:end !important;
  justify-self:end !important;
  transform:translateY(0) !important;
}
footer.control-bar.shell-footer-target > .spin-button:hover{
  transform:scale(1.025) !important;
}
footer.control-bar.shell-footer-target > .spin-button:active{
  transform:scale(.975) !important;
}

/* Keep the left and center content ending just above the footer. */
.left-rail,
.game-stage{
  max-height:700px !important;
}

/* The right rail intentionally continues below the center game area. */
.right-rail{
  height:812px !important;
}

/* Preserve the same proportions on shorter desktop and tablet landscapes. */
@media (max-height:860px){
  .main-grid{
    height:654px !important;
  }
  .left-rail{
    grid-template-rows:300px minmax(0,1fr) !important;
  }
  .left-rail,
  .game-stage{
    max-height:654px !important;
  }
  .right-rail{
    height:752px !important;
  }
  footer.control-bar.shell-footer-target{
    top:754px !important;
    right:280px !important;
    height:98px !important;
    min-height:98px !important;
    max-height:98px !important;
    grid-template-columns:250px 330px 310px 156px !important;
    padding:6px 10px !important;
  }
  .story-footer-actions,
  footer.control-bar.shell-footer-target > .bet-control,
  footer.control-bar.shell-footer-target > .mode-control{
    height:76px !important;
    min-height:76px !important;
    max-height:76px !important;
  }
  .footer-story-button{
    height:76px !important;
    min-height:76px !important;
    max-height:76px !important;
  }
  footer.control-bar.shell-footer-target > .spin-button{
    width:146px !important;
    height:146px !important;
  }
}


/* v10.32.44 — definitive footer fit and top navigation centering */
/* Top navigation: all four primary actions share one vertical centerline. */
.shell-topbar{
  align-items:center !important;
}
.shell-actions{
  height:58px !important;
  align-self:center !important;
  align-items:stretch !important;
}
.shell-actions .top-action{
  height:58px !important;
  min-height:58px !important;
  max-height:58px !important;
  align-self:center !important;
  justify-content:center !important;
  box-sizing:border-box !important;
  padding:0 16px !important;
}
.reward-hub{
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:center !important;
  gap:0 !important;
}
.reward-hub .top-action-main{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:9px !important;
  width:100% !important;
  line-height:1 !important;
}
.reward-inline-timer{
  display:inline-block !important;
  margin-left:4px !important;
  color:#f2c15c !important;
  font-size:12px !important;
  line-height:1 !important;
  font-weight:900 !important;
  letter-spacing:.02em !important;
  white-space:nowrap !important;
}
.badge-hub,
.shell-action-btn{
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:center !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
}
.badge-hub .badge-main{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:auto !important;
  gap:9px !important;
  line-height:1 !important;
}
.badge-hub .badge-icon,
.shell-action-btn .action-icon,
.reward-hub .action-icon{
  flex:0 0 auto !important;
}

/* Main area ends cleanly before a fully visible footer. */
.main-grid{
  height:670px !important;
}
.left-rail,
.game-stage{
  max-height:670px !important;
}
.right-rail{
  height:824px !important;
}

/* Footer occupies a guaranteed safe band inside the 1664 × 936 design canvas. */
footer.control-bar.shell-footer-target{
  top:782px !important;
  bottom:auto !important;
  left:12px !important;
  right:292px !important;
  height:142px !important;
  min-height:142px !important;
  max-height:142px !important;
  padding:10px 12px 14px !important;
  box-sizing:border-box !important;
  display:grid !important;
  grid-template-columns:280px 360px 340px 170px !important;
  gap:12px !important;
  align-items:end !important;
  overflow:visible !important;
}
footer.control-bar.shell-footer-target > *{
  position:relative !important;
  top:auto !important;
  bottom:auto !important;
  margin-top:0 !important;
  margin-bottom:0 !important;
  box-sizing:border-box !important;
}
.story-footer-actions,
footer.control-bar.shell-footer-target > .bet-control,
footer.control-bar.shell-footer-target > .mode-control{
  height:84px !important;
  min-height:84px !important;
  max-height:84px !important;
  align-self:end !important;
  transform:none !important;
}
.footer-story-button{
  height:84px !important;
  min-height:84px !important;
  max-height:84px !important;
  transform:none !important;
}
footer.control-bar.shell-footer-target > .spin-button{
  width:156px !important;
  height:156px !important;
  min-width:156px !important;
  min-height:156px !important;
  max-width:156px !important;
  max-height:156px !important;
  justify-self:end !important;
  align-self:end !important;
  transform:translateY(0) !important;
  margin:0 !important;
}
footer.control-bar.shell-footer-target > .spin-button:hover{
  transform:scale(1.025) !important;
}
footer.control-bar.shell-footer-target > .spin-button:active{
  transform:scale(.975) !important;
}

/* Shorter desktop and iPad landscape canvas. */
@media (max-height:860px){
  .shell-actions{
    height:54px !important;
  }
  .shell-actions .top-action{
    height:54px !important;
    min-height:54px !important;
    max-height:54px !important;
  }
  .main-grid{
    height:610px !important;
  }
  .left-rail,
  .game-stage{
    max-height:610px !important;
  }
  .right-rail{
    height:752px !important;
  }
  footer.control-bar.shell-footer-target{
    top:720px !important;
    right:280px !important;
    height:132px !important;
    min-height:132px !important;
    max-height:132px !important;
    grid-template-columns:250px 330px 310px 156px !important;
    padding:8px 10px 12px !important;
  }
  .story-footer-actions,
  footer.control-bar.shell-footer-target > .bet-control,
  footer.control-bar.shell-footer-target > .mode-control,
  .footer-story-button{
    height:78px !important;
    min-height:78px !important;
    max-height:78px !important;
  }
  footer.control-bar.shell-footer-target > .spin-button{
    width:146px !important;
    height:146px !important;
    min-width:146px !important;
    min-height:146px !important;
    max-width:146px !important;
    max-height:146px !important;
  }
}

/* v10.32.45 — bottom-row visibility correction
   Preserve the approved footer and right-side Spin position, but lift every
   control into the visible safe area. This corrects desktop and iPad clipping
   without changing the game stage, reels, results, or feature logic. */
footer.control-bar.shell-footer-target{
  overflow:visible !important;
}
footer.control-bar.shell-footer-target > .story-footer-actions,
footer.control-bar.shell-footer-target > .bet-control,
footer.control-bar.shell-footer-target > .mode-control{
  align-self:end !important;
  transform:translateY(-38px) !important;
  margin:0 !important;
}
footer.control-bar.shell-footer-target > .spin-button{
  align-self:end !important;
  transform:translateY(-28px) !important;
}
footer.control-bar.shell-footer-target > .spin-button:hover{
  transform:translateY(-28px) scale(1.025) !important;
}
footer.control-bar.shell-footer-target > .spin-button:active{
  transform:translateY(-28px) scale(.975) !important;
}

/* Keep the control cards fully visible on shorter landscape viewports. */
@media (max-height:860px){
  footer.control-bar.shell-footer-target > .story-footer-actions,
  footer.control-bar.shell-footer-target > .bet-control,
  footer.control-bar.shell-footer-target > .mode-control{
    transform:translateY(-30px) !important;
  }
  footer.control-bar.shell-footer-target > .spin-button{
    transform:translateY(-24px) !important;
  }
  footer.control-bar.shell-footer-target > .spin-button:hover{
    transform:translateY(-24px) scale(1.025) !important;
  }
  footer.control-bar.shell-footer-target > .spin-button:active{
    transform:translateY(-24px) scale(.975) !important;
  }
}


/* v10.32.46 — final shell polish; gameplay and reel logic unchanged */
/* Sponsor Challenge: one progress count, displayed only inside the ring. */
.shell-sponsor-card .challenge-hero{justify-content:flex-start !important;gap:18px !important}
.shell-sponsor-card .challenge-summary{flex:1 !important;justify-content:center !important;gap:0 !important}
.shell-sponsor-card .challenge-rewards{gap:13px !important}
.shell-sponsor-card .challenge-rewards span{font-size:14px !important;line-height:1.24 !important}
.shell-sponsor-card .challenge-ring{box-shadow:0 0 0 1px rgba(255,209,110,.22),inset 0 0 26px rgba(0,0,0,.35),0 0 18px rgba(238,180,63,.12) !important}

/* Watch for More Coins: one strong sponsored-video visual and an explicit reward. */
.watch-card{grid-template-rows:auto auto auto auto !important;align-content:space-between !important}
.watch-card-body{grid-template-columns:86px minmax(0,1fr) !important;gap:16px !important;align-items:center !important}
.watch-feature-icon{position:relative !important;width:76px !important;height:68px !important;border-radius:16px !important;display:grid !important;place-items:center !important;background:linear-gradient(180deg,#142b42,#081522) !important;border:1px solid rgba(255,207,106,.38) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 9px 20px rgba(0,0,0,.28),0 0 16px rgba(53,145,255,.1) !important}
.watch-play-mark{font-size:25px !important;line-height:1 !important;color:#ffd36b !important;transform:translateX(2px) !important;text-shadow:0 0 13px rgba(255,199,73,.25) !important}
.watch-coin-mark{position:absolute !important;right:-8px !important;bottom:-8px !important;width:30px !important;height:30px !important;border-radius:50% !important;display:grid !important;place-items:center !important;background:radial-gradient(circle at 35% 28%,#fff0a4,#e6ad38 58%,#86510b 100%) !important;border:2px solid #f2c860 !important;color:#6d4107 !important;font-size:13px !important;box-shadow:0 4px 10px rgba(0,0,0,.38) !important}
.watch-copy{min-width:0 !important}
.watch-copy p{font-size:14px !important;line-height:1.34 !important;margin:0 0 9px !important;color:#eef5fb !important}
.watch-copy strong{display:block !important;font-size:13px !important;line-height:1.2 !important;color:#f3c75f !important;margin-bottom:7px !important}
.watch-copy small{font-size:12px !important;line-height:1.25 !important;margin:0 !important;color:#b9cad8 !important}
.watch-card .secondary-button{font-weight:900 !important;letter-spacing:.01em !important}

/* Selected Project: remove dead space and turn it into a human outcome statement. */
.right-rail .project-card{display:flex !important;flex-direction:column !important;gap:7px !important}
.project-card .project-compact-head{margin-bottom:1px !important}
.project-card .project-progress-line{margin-top:2px !important}
.project-card .project-sponsor-line{margin-top:1px !important}
.project-impact-line{margin:3px 0 1px !important;padding:7px 8px !important;border-left:2px solid #41e49b !important;border-radius:0 7px 7px 0 !important;background:rgba(37,125,91,.1) !important;color:#dff7ec !important;font-size:11px !important;line-height:1.28 !important;font-weight:700 !important}
.project-card .secondary-button{margin-top:auto !important}

/* Today’s Offer: stronger product image with cleaner headline wrap. */
.offer-card .deal-body{grid-template-columns:106px minmax(0,1fr) !important;gap:13px !important}
.offer-card #dealImage{width:106px !important;height:132px !important;object-fit:cover !important}
.offer-card h2{font-size:16px !important;line-height:1.13 !important;letter-spacing:-.01em !important}
.offer-card p{font-size:12px !important;line-height:1.28 !important}
.offer-card .deal-timer{font-size:9px !important}

/* Song card: artwork remains dominant and the action uses the full card width. */
.compact-song-card{padding:12px !important}
.compact-song-card .story-card-shell{width:100% !important}
.compact-song-card .story-card-actions-full{display:block !important;width:100% !important}
.compact-song-card .story-play-full{display:block !important;width:100% !important;min-width:100% !important;height:54px !important;margin:0 !important;border-radius:12px !important;font-size:15px !important}

/* Footer button icons and label alignment. */
.footer-story-button{padding:12px 14px !important;gap:7px !important}
.footer-action-icon{display:grid !important;place-items:center !important;width:29px !important;height:29px !important;color:#edbf58 !important}
.footer-action-icon svg{width:27px !important;height:27px !important;fill:none !important;stroke:currentColor !important;stroke-width:1.8 !important;stroke-linecap:round !important;stroke-linejoin:round !important}
.footer-story-button b{display:block !important;font-size:13px !important;line-height:1.1 !important;text-align:center !important}

/* Thirty Five Dollars hero: soften the title layer so the sunset reads as one scene. */
.theme-thirtyfive .stage-backdrop{filter:saturate(1.08) contrast(1.04) brightness(.96) !important}
.theme-thirtyfive .thirtyfive-game-logo{border:none !important;background:linear-gradient(90deg,rgba(12,7,4,0) 0%,rgba(12,7,4,.20) 16%,rgba(12,7,4,.36) 43%,rgba(12,7,4,.30) 67%,rgba(12,7,4,0) 100%) !important;box-shadow:none !important;text-shadow:0 2px 0 rgba(74,39,7,.72),0 4px 12px rgba(0,0,0,.82) !important}
.theme-thirtyfive .thirtyfive-game-logo:before,.theme-thirtyfive .thirtyfive-game-logo:after{opacity:.72 !important}
.theme-thirtyfive .game-stage:after{background:linear-gradient(90deg,rgba(18,8,3,.08),transparent 23%,transparent 77%,rgba(18,8,3,.12)),linear-gradient(180deg,rgba(255,188,82,.025),transparent 27%,transparent 73%,rgba(16,7,3,.25)) !important}

@media (max-height:860px){
  .watch-card-body{grid-template-columns:74px minmax(0,1fr) !important;gap:12px !important}
  .watch-feature-icon{width:64px !important;height:58px !important}
  .watch-copy p{font-size:12px !important;margin-bottom:6px !important}
  .watch-copy strong{font-size:12px !important;margin-bottom:5px !important}
  .watch-copy small{font-size:11px !important}
  .offer-card .deal-body{grid-template-columns:88px minmax(0,1fr) !important;gap:10px !important}
  .offer-card #dealImage{width:88px !important;height:112px !important}
  .offer-card h2{font-size:14px !important}
  .project-impact-line{font-size:10px !important;padding:5px 7px !important}
}


/* v10.32.47 — Thirty Five Dollars hillside background and Earn More Coins update */
.watch-card .eyebrow{display:inline-flex !important;align-self:flex-start !important}
.watch-card-body{grid-template-columns:74px minmax(0,1fr) !important;gap:14px !important;align-items:center !important}
.watch-feature-icons{display:grid !important;grid-template-rows:repeat(3,1fr) !important;gap:10px !important;justify-items:center !important}
.watch-activity-chip{width:52px !important;height:52px !important;border-radius:14px !important;display:grid !important;place-items:center !important;background:linear-gradient(180deg,#152b42,#081521) !important;border:1px solid rgba(255,207,106,.38) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 8px 18px rgba(0,0,0,.28),0 0 16px rgba(53,145,255,.08) !important;color:#ffd36b !important;font-size:24px !important;line-height:1 !important;text-shadow:0 0 12px rgba(255,199,73,.22) !important}
.watch-copy p{font-size:14px !important;line-height:1.32 !important;margin:0 0 8px !important;color:#eef5fb !important}
.watch-copy strong{display:block !important;font-size:13px !important;line-height:1.32 !important;color:#f3c75f !important;margin-bottom:8px !important}
.watch-copy small{font-size:12px !important;line-height:1.25 !important;color:#b9cad8 !important}
.watch-card .secondary-button{font-weight:900 !important;letter-spacing:.01em !important}
.theme-thirtyfive .stage-backdrop{background-image:linear-gradient(180deg,rgba(11,8,4,.08),rgba(11,8,4,.34)),url('assets/thirty-five/tfd_stage_bg_hillside.webp') !important;background-position:center center !important;background-size:cover !important;filter:saturate(1.04) contrast(1.04) brightness(.9) !important}
.theme-thirtyfive .hero-bay{background-image:linear-gradient(180deg,rgba(7,5,3,.04),rgba(7,5,3,.12) 42%,rgba(7,5,3,.46)),url('assets/thirty-five/tfd_hero_bay_boy_coffee.webp') !important;background-position:center top !important;background-size:cover !important;border-color:rgba(255,201,96,.70) !important;box-shadow:inset 0 0 24px rgba(0,0,0,.30),0 8px 20px rgba(0,0,0,.28) !important}
.theme-thirtyfive .stage-title img{display:none !important}
.theme-thirtyfive .stage-title{gap:0 !important;left:176px !important;justify-content:center !important}
.theme-thirtyfive .thirtyfive-game-logo{background:linear-gradient(90deg,rgba(12,7,4,0) 0%,rgba(12,7,4,.16) 22%,rgba(12,7,4,.30) 50%,rgba(12,7,4,.18) 78%,rgba(12,7,4,0) 100%) !important}
@media (max-height:860px){
  .watch-card-body{grid-template-columns:64px minmax(0,1fr) !important;gap:12px !important}
  .watch-feature-icons{gap:8px !important}
  .watch-activity-chip{width:44px !important;height:44px !important;font-size:20px !important;border-radius:12px !important}
}


/* v10.32.49 — match Earn More Coins and Today's Offer headers to shell section headers */
.watch-card,
.offer-card{
  position:relative !important;
  overflow:visible !important;
}

.watch-card{
  padding-top:34px !important;
}

.offer-card{
  padding-top:32px !important;
}

.watch-card > .eyebrow,
.offer-card .deal-head .eyebrow{
  position:absolute !important;
  top:-14px !important;
  left:12px !important;
  right:12px !important;
  min-height:28px !important;
  margin:0 !important;
  padding:5px 14px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:1px solid rgba(218,163,54,.96) !important;
  border-radius:999px !important;
  background:linear-gradient(180deg,rgba(10,17,27,.99),rgba(4,9,16,.99)) !important;
  box-shadow:0 8px 18px rgba(0,0,0,.36),inset 0 0 0 1px rgba(255,226,146,.07) !important;
  color:#eac15f !important;
  font-size:10px !important;
  font-weight:900 !important;
  letter-spacing:.16em !important;
  line-height:1 !important;
  text-align:center !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
  z-index:8 !important;
  pointer-events:none !important;
}

.offer-card .deal-head{
  position:static !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
}

.watch-card .watch-card-body,
.offer-card .deal-body{
  margin-top:2px !important;
}

@media (max-height:860px){
  .watch-card{padding-top:30px !important}
  .offer-card{padding-top:29px !important}
  .watch-card > .eyebrow,
  .offer-card .deal-head .eyebrow{
    top:-12px !important;
    min-height:25px !important;
    font-size:9px !important;
  }
}

/* v10.32.50 — Thirty Five Dollars emotionally connected bonus artwork update */
/* The uploaded 1672×941 art is used as the cinematic plate while the live HTML layer
   continues to supply functional buttons, player-specific totals, reels, paylines and results. */
.tfd-kickoff-screen{
  background-image:
    linear-gradient(180deg,rgba(1,5,5,.02),rgba(1,5,5,.08)),
    url('assets/thirty-five/free-spins/kickoff-hero-v10.32.50.png');
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
}
.tfd-free-play-screen{
  background-image:
    linear-gradient(180deg,rgba(1,5,5,.01),rgba(1,5,5,.04)),
    url('assets/thirty-five/free-spins/free-play-hero-v10.32.50.png');
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
}
.tfd-full-time-screen{
  background-image:
    linear-gradient(180deg,rgba(1,5,5,.02),rgba(1,5,5,.08)),
    url('assets/thirty-five/free-spins/full-time-hero-v10.32.50.png');
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
}
.tfd-kickoff-screen::before,.tfd-kickoff-screen::after,
.tfd-free-play-screen::before,.tfd-free-play-screen::after,
.tfd-full-time-screen::before,.tfd-full-time-screen::after{opacity:.18}
.tfd-kickoff-screen .tfd-stadium-lights,
.tfd-free-play-screen .tfd-stadium-lights,
.tfd-full-time-screen .tfd-stadium-lights{display:none!important}

/* Keep all live free-spin information authoritative and fully cover the sample values baked
   into the visual plate. */
.tfd-free-scoreboard{background:rgba(3,12,10,.985)}
.tfd-stadium-reel-frame{background:linear-gradient(180deg,rgba(3,14,10,.99),rgba(6,20,14,.985))}
.tfd-wild-status,.tfd-free-message{background-color:rgba(4,12,10,.985)}
.tfd-kickoff-content{background:linear-gradient(180deg,rgba(3,12,11,.97),rgba(5,17,11,.985))}
.tfd-full-time-card{background:linear-gradient(180deg,rgba(3,12,10,.985),rgba(4,14,10,.99))}

/* Updated local Huila sporting-goods art has slightly narrower, more centered merchandise rows. */
.stage-ball .tfd-art-choice-row{left:9.4%;right:9.4%;top:48.5%;height:34.5%}
.stage-shoes .tfd-art-choice-row{left:10.9%;right:10.9%;top:50.4%;height:31.2%}
.stage-jersey .tfd-art-choice-row{left:8.8%;right:8.8%;top:43.5%;height:39.2%}
.stage-goal .tfd-art-choice-row{left:9.7%;right:9.7%;top:47.3%;height:37.2%}

/* Use the visible close controls painted into the storefront, ball and goal artwork as the
   hit target rather than drawing a second button over them. */
.tfd-intro-screen .tfd-art-close,
.stage-ball .tfd-art-close,
.stage-goal .tfd-art-close{
  border-color:transparent;
  background:transparent;
  color:transparent;
  box-shadow:none;
}
.stage-goal .tfd-art-close{top:1.7%;right:.8%}

/* The refreshed three-department checkout art uses a larger accounting panel. The live
   register covers the sample receipt so actual picks, bet, multiplier, coins and impact remain dynamic. */
.checkout-3 .tfd-live-register{
  left:49.2%;
  top:18.2%;
  width:45.2%;
  height:40.8%;
  padding:1.05% 1.25%;
  background:linear-gradient(180deg,rgba(4,11,9,.992),rgba(7,15,12,.992));
}
.checkout-3 .tfd-live-brand{height:10%}
.checkout-3 .tfd-live-register-grid{height:78%;padding-top:1.4%}
.checkout-3 .tfd-live-footer{height:12%}

@media (max-aspect-ratio:1/1){
  .stage-ball .tfd-art-choice-row{left:9.4%;right:9.4%}
  .stage-shoes .tfd-art-choice-row{left:10.9%;right:10.9%}
  .stage-jersey .tfd-art-choice-row{left:8.8%;right:8.8%}
  .stage-goal .tfd-art-choice-row{left:9.7%;right:9.7%}
}

/* Let the visible controls and fixed branding painted into the new free-spin plates remain crisp;
   the transparent live controls preserve accessibility and interaction. */
.tfd-kickoff-screen .tfd-stadium-close,
.tfd-free-play-screen .tfd-stadium-close,
.tfd-full-time-screen .tfd-stadium-close{
  border-color:transparent;
  background:transparent;
  color:transparent;
  box-shadow:none;
}
.tfd-free-play-screen .tfd-free-title,
.tfd-free-play-screen .tfd-stadium-brand-row,
.tfd-full-time-screen .tfd-stadium-partners{display:none!important}

/* Align the live functional layer to the exact composition of the new 1672×941 hero plates. */
@media (min-aspect-ratio:1/1){
  .tfd-free-play-screen .tfd-stadium-reel-frame{
    left:17.5%;
    right:23.6%;
    top:22%;
    bottom:12.5%;
  }
  .tfd-free-play-screen .tfd-wild-status{
    right:3.2%;
    top:22.2%;
    width:18.2%;
    min-height:21.5%;
  }
  .tfd-free-play-screen .tfd-free-message{
    right:3.2%;
    top:47.1%;
    width:18.2%;
    min-height:21.4%;
  }
  .tfd-kickoff-screen .tfd-kickoff-content{width:min(56%,940px)}
  .tfd-full-time-screen .tfd-full-time-card{width:min(56%,940px)}
}