/* Retail surfaces. Load after the earlier themes; game geometry stays intact. */
:root{
 --retail-base:#f5f5f6;
 --retail-surface:#fff;
 --retail-card:#eeeef0;
 --retail-ink:#111;
 --retail-secondary:#737373;
 --retail-line:#dedfe2;
 --retail-lime:#d6ff00;
 --retail-metal:url('./assets/metal-background.svg');
 --premium-base:var(--retail-base);
 --premium-surface:var(--retail-surface);
 --premium-card:var(--retail-card);
 --premium-ink:var(--retail-ink);
 --premium-secondary:var(--retail-secondary);
 --premium-accent:var(--retail-ink);
 --premium-deep:var(--retail-ink);
 --premium-line:var(--retail-line);
 --premium-gold:#b8bac1;
 --premium-soft:#e8e8eb;
 --premium-shadow:none;
 --premium-background:var(--retail-metal);
 --accent:var(--retail-ink);
 --muted:var(--retail-secondary);
 font-family:Arial,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
 color:var(--retail-ink);
 background:#e9e9ec;
}
.app{background:var(--retail-base);border-color:var(--retail-line);box-shadow:none}
.header{background:var(--retail-surface);border-bottom-color:var(--retail-line)}
.wordmark,.user-name,.user-summary,.balance,.back-button,.sound-toggle{color:var(--retail-ink)}
.wordmark,.user-name{font-family:Arial,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-weight:700}
.user-avatar{background:var(--retail-card);color:var(--retail-ink);border-color:var(--retail-line);box-shadow:none}
button:focus-visible,a:focus-visible{outline-color:var(--retail-ink)}

#roulette-view{background:var(--retail-base)}
.scene,.entry-screen{background:#e8e9ec var(--retail-metal) center/cover no-repeat}
.scroll-view{background:var(--retail-surface)}
.scroll-view:before,.scroll-view.active:before,.entry-screen:before{content:none;display:none;background:none;animation:none}
.scene:before,.playing .scene:before{background:none}
.ambient-art,.ambient-art:after{display:none;background:none;animation:none}
.decor,.preview-decor{display:none}
.scene-title,.scroll-view>h1,#games-view>h1,#chests-view>h1,#top-view>h1,#tasks-view>h1,#prizes-view>h1,.entry-content h1{font-family:Arial,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--retail-ink);font-weight:700;letter-spacing:-.5px;text-shadow:none}
.gift-label{color:#444}
.gift img{filter:drop-shadow(0 calc(7px * var(--scene-scale)) calc(5px * var(--scene-scale)) #00000014)}
.basket{filter:drop-shadow(0 6px 5px #00000012)}
.basket-light{background:#fff}
.captured-prize img{filter:drop-shadow(0 10px 8px #0000001a)}
.catch-flash{background:radial-gradient(#ffffffaa,transparent 65%)}

.spin-button{background:var(--retail-ink);color:#fff;border-radius:14px;box-shadow:none;font-weight:700;text-shadow:none}
.spin-button:hover{background:#282828;color:#fff;box-shadow:none}
.spin-button:active{background:#333;box-shadow:none}
.spin-button:disabled{background:#dedee2;color:#96969b;box-shadow:none}
.spin-cost{border-left-color:#ffffff40}
.tabbar{background:var(--retail-surface);border-top-color:var(--retail-line);box-shadow:none}
.tabbar button{color:var(--retail-secondary);font-weight:700}
.tabbar .selected{color:var(--retail-ink)}
.tabbar .selected .nav-symbol{background:transparent;color:var(--retail-ink)}
.nav-symbol{border-radius:8px}
.tab-glow{background:transparent;background-size:auto;border-radius:0;box-shadow:none}
.tabbar .selected:after{content:"";position:absolute;left:calc(50% - 10px);bottom:0;width:20px;height:2px;background:var(--retail-lime);pointer-events:none}
.tabbar i{background:var(--retail-lime)}

.game-card,#games-view .game-card,.prize-card,.task{background:transparent;color:var(--retail-ink);border:0;border-radius:0;box-shadow:none}
#games-view #play-card,#play-card{background:transparent;border:0;box-shadow:none}
#games-view .game-preview{border-radius:0}
.game-name,#games-view .game-name,.game-copy strong,.prize-card b,.task h2,.top-row div{font-family:Arial,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--retail-ink);font-weight:700}
.card-arrow{color:var(--retail-ink)}
.game-thumb{background:transparent;border-radius:0;box-shadow:none}
#games-view .game-card:focus-visible{outline-color:var(--retail-ink)}
.task{padding-inline:0}
.task-mark{background:transparent;color:var(--retail-ink);border:0;border-radius:0;box-shadow:none}
.task h2{font-size:14px;line-height:18px;font-weight:700}
.task p{color:#666}
.task button{background:var(--retail-ink);color:#fff;border-radius:10px;box-shadow:none;font-weight:700}
.task button:disabled{background:#dedee2;color:#939398;box-shadow:none}
.top-row{border-bottom-color:var(--retail-line)}
.top-row .rank{color:var(--retail-ink);font-weight:700}
.top-row time,.empty{color:var(--retail-secondary)}

.chest-preview,#games-view .chest-preview{background:none}
.chest-preview>img,.chest-art>img{filter:drop-shadow(0 5px 6px #00000014)}
.chest-prizes-label,.chest-prize,.chest-empty-result>b{color:var(--retail-secondary)}
.chests-prompt,.chests-cost,.chest-brand-wb,.chest-brand-ozon{color:var(--retail-ink)}
.chest-brands{font-weight:700}
.chest-certificate{background:#e4e5e9 var(--retail-metal) center/180% 180% no-repeat;border-color:#b8bac1;border-radius:10px;color:var(--retail-ink);box-shadow:none}
.chest-certificate:before,.chest-certificate:after{content:none}
.chest-certificate b{font-weight:700;text-shadow:none}
.chest-box{border-radius:14px}
.chest-box:focus-visible{outline-color:var(--retail-ink)}
.chest-glow{background:radial-gradient(ellipse,#ffffffed 0%,#e1e3eb89 38%,#e1e3eb00 73%)}
.chest-spark{background:#f9f9fc}
.chest-spark:nth-child(even){box-shadow:none}

.entry-content h1{color:var(--retail-ink)}
.entry-logo{color:var(--retail-ink)}
.entry-logo svg{fill:var(--retail-ink);stroke:var(--retail-ink);filter:none}
.legal,.entry-screen .legal{color:var(--retail-secondary);background:transparent}
.legal a,.entry-screen .legal a{color:var(--retail-ink)}

:root{--retail-background:var(--retail-metal);--retail-accent:var(--retail-lime)}
.spin-button,.spin-button:hover{border-radius:4px;box-shadow:none}
.tabbar{border-top:0}

.scroll-view,.scroll-view.active,#top-view,#prizes-view{background-color:#fff;background-image:none}
.scroll-view.active:before,.scroll-view:before{content:none;display:none}
.top-row{background:none}
.prize-card{min-height:180px;gap:10px;padding:12px 0}
.prize-card .prize-claim{width:100%;min-height:44px}