/* Characterless review: one real board, no actor runtime or baked-in symbols. */
#stage{width:min(100vw,160dvh);aspect-ratio:8/5}
/* Paint the whole viewport, not only the centred stage: no dark letterbox gutters. */
html{background-image:linear-gradient(180deg,#100e2430,#100c24a8),url('/assets/rottolympus-environment-v9.png');background-size:cover;background-position:center;background-repeat:no-repeat}
body{background:transparent}
#scene{background:none}
#brand{position:absolute;left:3%;top:3%;z-index:3}
#brand span{display:block;font-size:.65cqw;letter-spacing:.17cqw;color:#e5d0ae}
#brand span b{margin-left:.8cqw;padding:.25cqw .5cqw;border:1px solid #ffffff25;border-radius:1cqw;font-size:.55cqw;letter-spacing:.08cqw;color:#dbd3e3}
#brand h1{margin:.4cqw 0 0;font-size:2cqw;letter-spacing:-.06cqw;color:#fff1d7;font-weight:800}
#headline{left:23%;width:73%;top:5%;font-size:.95cqw;letter-spacing:.06cqw}
#board{left:22%;top:12%;width:75%;height:70%;border-radius:1.6cqw;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(100%/6 - 1px),#c1a1d215 calc(100%/6 - 1px),#c1a1d215 calc(100%/6)),linear-gradient(125deg,#291d3ef0,#171126f5);box-shadow:0 1cqw 4cqw #08051377,inset 0 1px #ffffff25}
.symbol{width:9cqw;height:9cqw;clip-path:inset(5%);filter:drop-shadow(0 .25cqw .35cqw #0008)}
.cell.winning{background:radial-gradient(ellipse,#fff0b525,transparent 75%);box-shadow:inset 0 0 1cqw #b1ffff38}
.cell .value{font-size:2.5cqw}.cell.scatter .symbol:after{font-size:1.4cqw}
#left{left:3%;width:16.5%;top:14%;bottom:19%;gap:1cqw}
.plaque{min-height:10.3cqw;padding:1cqw .7cqw;border-radius:1.2cqw}
.plaque span{font-size:.9cqw}.plaque strong{font-size:2cqw}.plaque small{font-size:.72cqw}.parchment b{font-size:.76cqw}
#history{padding:.8cqw;border:1px solid #ffffff12;background:#19132588;justify-content:flex-start}
#history:before{content:'BU ZİNCİRDEKİ ÖDEMELER';font-size:.65cqw;letter-spacing:.06cqw;color:#b6a4c6;margin-bottom:.7cqw}
#history:empty:after{content:'Kazanan semboller burada listelenir.';font-size:.82cqw;line-height:1.7;color:#9b89ad;font-weight:400}
.historyRow{font-size:1cqw;padding:.45cqw .1cqw}.historyRow .mini{width:2.2cqw;height:2.2cqw}
#hud{left:3%;right:3%;top:84%;height:14%;border-radius:1.4cqw;padding:.45cqw 1.3cqw;gap:1.2cqw}
#funds{width:28%;font-size:1.28cqw;line-height:1.9}#funds span{font-size:.72cqw;min-width:4.5cqw}#funds b{font-variant-numeric:tabular-nums}
#betOpen{border-radius:.5cqw}#betOpen:hover:not(:disabled){background:#ffffff0a}
#result{align-self:center}#win{font-size:2.4cqw;font-variant-numeric:tabular-nums;color:#fff0c7}#result small{font-size:.72cqw;letter-spacing:.14cqw}#status{font-size:.76cqw}
.utilities button{width:2.6cqw;height:2.6cqw;font-size:1.3cqw}
#spinControls{width:25%}#spin{width:6cqw;height:6cqw}.round{width:3.2cqw;height:3.2cqw}
.subrow{margin-top:.45cqw}.subrow button{font-size:.72cqw;padding:.3cqw .8cqw;background:#ffffff09;border:1px solid #ffffff12;border-radius:2cqw}
dialog{max-height:90dvh;overflow:auto}dialog .options button[aria-pressed=true]{background:#ead1a2;color:#32213d}dialog .largePrice{font-size:3.8cqw;color:#f4dcab}.betPresets{margin:1.4cqw 0}
.feature #featureMeter{min-height:12cqw}.feature #freeMeter{min-height:10cqw}
.payoutFloat{font-size:3.5cqw;color:#fff0c7;text-shadow:0 .15cqw .5cqw #080511}
button:disabled{opacity:.8;filter:saturate(.7)}
#celebration{background:radial-gradient(ellipse,#15102355,#0c081ba8);backdrop-filter:blur(6px)}
#celebration:before{content:'';position:absolute;width:62%;height:66%;border-radius:2.4cqw;border:1px solid #f0d7ad38;background:linear-gradient(140deg,#382844e8,#181424e8);box-shadow:0 2cqw 7cqw #08051588,inset 0 1px #fff2d325}
#celebration .rays{opacity:.16}#celebration .winOrbit{opacity:.45}#celebration .showBrand{margin-bottom:1.3cqw}#celebration .winEmblem{width:17cqw;height:8.5cqw;margin:0 0 .6cqw}#celebration h2{font-size:2.6cqw;letter-spacing:.02cqw}#celebrationAmount{font-size:5.8cqw}#continue{background:#f0d9af;color:#32233c;border:0;padding:.9cqw 2.5cqw}
@media(max-aspect-ratio:1/1){
 #stage{width:min(100vw,64dvh);aspect-ratio:16/25;max-height:none}
 #brand{left:4%;top:2.4%}#brand span{font-size:1.5cqw}#brand span b{font-size:1.25cqw;padding:.4cqw 1cqw}#brand h1{font-size:4.5cqw;margin:1cqw 0}
 #headline{left:4%;width:92%;top:22.7%;font-size:2.25cqw;letter-spacing:.05cqw}
 #left{left:4%;width:92%;top:9%;bottom:auto;grid-template-columns:1fr 1fr;gap:2cqw}
 .plaque{min-height:17cqw;padding:1.4cqw;border-radius:2.8cqw;gap:.2cqw}.plaque span{font-size:2cqw}.plaque strong{font-size:4cqw;margin:.5cqw 0}.plaque small{font-size:1.6cqw}.parchment b{font-size:1.65cqw;padding:.6cqw 2cqw;margin-top:.5cqw}
 #board{left:3%;top:27%;width:94%;height:45%;border-radius:3cqw}.symbol{width:14.4cqw;height:14.4cqw}.cell .value{font-size:5cqw}.cell.scatter .symbol:after{font-size:2.6cqw}
 #hud{left:3%;right:3%;top:75%;height:22%;padding:2cqw;grid-template-columns:8% 44% 44%;grid-template-rows:32% 66%;border-radius:3cqw;gap:2%}
 #funds{font-size:2.8cqw;width:100%;line-height:1.9}#funds span{font-size:1.85cqw;min-width:9cqw}#win{font-size:5.5cqw}#result small{font-size:1.75cqw}#status{font-size:1.9cqw}
 #spinControls{width:100%}#spin{width:15cqw;height:15cqw;padding:3.2cqw}.round{width:7cqw;height:7cqw;font-size:4.7cqw}.subrow button{font-size:1.9cqw;padding:1cqw 1.7cqw}
 .utilities button{width:6cqw;height:6cqw;font-size:3.4cqw}.feature #featureMeter,.feature #freeMeter{min-height:17cqw;gap:.3cqw}.powerOrb{width:20cqw;height:9cqw}.powerOrb #featureMultiplier{font-size:4cqw}.freeCount #remaining{font-size:6cqw}.freeProgress{height:.5cqw}.freeCount span{font-size:1.6cqw}
 dialog .largePrice{font-size:8cqw}.payoutFloat{font-size:7cqw}
 #celebration:before{width:92%;height:61%;border-radius:5cqw}#celebration .winEmblem{width:38cqw;height:19cqw;margin:0 0 2cqw}#celebration h2{font-size:6cqw}#celebrationAmount{font-size:10cqw}#continue{font-size:3cqw;padding:3cqw 6cqw}
}
@media(min-aspect-ratio:1/1) and (max-height:480px){
 #stage{width:min(100vw,210dvh);aspect-ratio:21/10}
 #board{top:13%;height:65%}.symbol{width:6.3cqw;height:6.3cqw}
 #hud{top:81%;height:17%;padding:.3cqw 1.2cqw}
 #funds{font-size:12px}#funds span{font-size:10px}#win{font-size:22px}#status{font-size:9px}#result small{font-size:9px}
 #spin{width:5.4cqw;height:5.4cqw;padding:1.2cqw}.subrow{margin-top:.2cqw}.subrow button{font-size:9px;padding:2px 5px}
 .plaque span{font-size:10px}.plaque strong{font-size:18px}.plaque small{font-size:8px}.parchment b{font-size:9px}
 .utilities{flex-direction:row}.utilities button{width:3.4cqw;height:3.4cqw;font-size:12px}
 #headline{font-size:10px}.historyRow{font-size:10px}#history:before{font-size:8px}#history:empty:after{font-size:9px}
 dialog{font-size:12px}dialog p{font-size:12px}dialog h2{font-size:16px}dialog .options button{font-size:12px;padding:10px}dialog .betrow button{width:32px;height:32px;font-size:20px}dialog .actions button{font-size:12px;padding:10px}
}