/* Reference-led composition study; original art, one renderer-owned live board. */
html:has(#stage) { background-image:url('/assets/rottolympus-environment-v10.webp'); }
#stage.soft-cabinet #scene { background:none; }
#stage.soft-cabinet #board {
 background:repeating-linear-gradient(90deg,transparent 0,transparent calc(100%/6 - 1px),#edbb6740 calc(100%/6 - 1px),#edbb671a calc(100%/6)),radial-gradient(ellipse at 50% 0%,#62304e,#30102e 90%);
 box-shadow:0 6px 22px #48224960,inset 0 0 30px #24092366;
}
/* The controls belong to the terrace, not a separate oversized dashboard pill. */
#stage.soft-cabinet #hud { border:0; background:none; box-shadow:none; border-radius:999px; }
#stage.soft-cabinet #hud:before { display:none; }
#stage.soft-cabinet #spin { background:#30102c38; box-shadow:none; border:2px solid #fff7e5; color:white; }
#stage.soft-cabinet #spin svg { stroke:white; }
#stage.soft-cabinet #stopIcon { color:white; }
#stage.soft-cabinet #spinControls .round,#stage.soft-cabinet .utilities button { border-color:#fff3ddaa; background:#311b3522; color:white; }
#stage.soft-cabinet #funds { color:white; text-shadow:0 2px 4px #421b2b; }
#stage.soft-cabinet #funds span { color:#ffe393; font-weight:900; }
#stage.soft-cabinet #result { text-shadow:0 2px 4px #421b2b; }
#stage.soft-cabinet #win { color:white; font-weight:900; }
#stage.soft-cabinet.premium-world #ante { background:radial-gradient(ellipse at 32% 4%,#fff9e7,#ffe5a7 54%,#be9652); color:#3f1946; text-shadow:none; }
#stage.soft-cabinet #ante span,#stage.soft-cabinet #ante strong,#stage.soft-cabinet #ante small { color:#3f1946; text-shadow:none; }
#stage.soft-cabinet #anteSwitch { background:#82465b; color:white; }
#stage.soft-cabinet #history:before { content:'ZİNCİR ÖDEMELERİ'; }
#stage.soft-cabinet #history:empty { visibility:hidden; }
#stage.soft-cabinet:after { content:''; position:absolute; inset:80% 0 0; pointer-events:none; z-index:1; background:linear-gradient(180deg,transparent,#35152c8c); }
@media(min-aspect-ratio:1/1) and (min-height:601px) {
 #stage.soft-cabinet { width:min(100vw,177.7778dvh); aspect-ratio:16/9; }
 #stage.soft-cabinet #board { left:21%; top:8%; width:61%; height:77.8%; }
 #stage.soft-cabinet #headline { left:21%; width:61%; top:3%; font-size:1.1cqw; color:#fff2b1; font-weight:900; text-shadow:0 2px 3px #713633; }
 #stage.soft-cabinet #brand { left:82.7%; width:17%; top:9%; }
 #stage.soft-cabinet #brand h1 img { width:100%; max-height:15cqw; }
 #stage.soft-cabinet #brand>span { display:none; }
 #stage.soft-cabinet #left { top:10%; left:4%; width:15%; bottom:17%; gap:1.1cqw; }
 #stage.soft-cabinet #buy { padding:27% 16% 23%; }
 #stage.soft-cabinet #buy>span { font-size:1.3cqw; }
 #stage.soft-cabinet #buy>#buyPrice { font-size:1.6cqw; }
 #stage.soft-cabinet #ante { min-height:8cqw; padding:.6cqw; }
 #stage.soft-cabinet #ante strong { font-size:1.75cqw; }
 #stage.soft-cabinet #ante span { font-size:.8cqw; }
 #stage.soft-cabinet #ante small { font-size:.6cqw; }
 #stage.soft-cabinet #hud { top:86%; height:13%; left:17%; right:16%; padding:0; gap:.8cqw; }
 #stage.soft-cabinet #funds { width:28%; font-size:1cqw; }
 #stage.soft-cabinet #funds span { min-width:3.6cqw; font-size:.72cqw; }
 #stage.soft-cabinet #spinControls { width:25%; }
 #stage.soft-cabinet #spin { width:6.1cqw; height:6.1cqw; padding:1.2cqw; }
 #stage.soft-cabinet #win { font-size:2.5cqw; }
 #stage.soft-cabinet #result small { color:#ffe393; }
 #stage.soft-cabinet #status { font-size:.62cqw; color:#fff7e3; }
 #stage.soft-cabinet .subrow { margin-top:.1cqw; gap:.3cqw; }
 #stage.soft-cabinet .subrow button { font-size:.6cqw; min-height:1.3cqw; }
}