/* Modern presentation direction, isolated preview only. No live/legacy selectors. */
html,body{background:#100c1d;font-family:Inter,"Segoe UI",Arial,sans-serif}
#scene{background-image:linear-gradient(90deg,#120e2090,#1a122330 55%,#15101a38),url('/assets/rottolympus-environment-v9.webp');background-size:cover;background-position:center}
#headline{top:4.6%;font-size:1.05cqw;letter-spacing:.12cqw;color:#eee4d8;font-weight:600;text-shadow:0 2px 8px #0008}
#board{left:19.1%;top:11.4%;width:59.2%;height:68.7%;border-radius:1.6cqw;border:1px solid #f0d3a145;background:linear-gradient(130deg,#21132be8,#170e26e8);box-shadow:0 1.2cqw 4cqw #08061560,inset 0 1px #ffedd426;backdrop-filter:blur(14px);overflow:hidden}
.cell.winning{outline:0;border-radius:1.4cqw;background:radial-gradient(ellipse,#ffdf9650,transparent 72%);box-shadow:inset 0 0 1.1cqw #edca6933}
.cell .value{font-size:2.2cqw;font-weight:800}
.symbol{width:7.4cqw;height:7.4cqw;clip-path:inset(5%);filter:drop-shadow(0 .18cqw .28cqw #0006)}
#left{left:2.2%;width:14.7%;top:18%;bottom:22%;gap:1.5cqw}
.plaque{border:1px solid #ffebbd40;border-radius:1.3cqw;background:linear-gradient(145deg,#302239dd,#201c31b8);box-shadow:0 .5cqw 2cqw #0b071a40,inset 0 1px #ffffff18;backdrop-filter:blur(20px);min-height:9.5cqw;padding:1.2cqw .6cqw;text-shadow:none;transition:background .25s,box-shadow .25s,transform .25s}
button.plaque:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 .7cqw 2cqw #10071760,0 0 1.2cqw #f4c47722}
#buy{background:linear-gradient(140deg,#f6dfac,#d6af77);border-color:#fff0cb90;color:#302334}
.plaque span{font-size:.87cqw;font-weight:600;letter-spacing:.08cqw;color:#e5dfe9}
#buy span,#buy small{color:#59402e}
.plaque strong{font-size:1.7cqw;font-weight:750;color:#fff5e8;letter-spacing:-.04cqw;margin:.65cqw 0}
#buy strong{color:#30222c}.plaque small{font-size:.66cqw;font-weight:600;letter-spacing:.06cqw;line-height:1.4}
.parchment{background:linear-gradient(150deg,#32263ab8,#211a30ca);color:#f1e8dd}
.parchment span,.parchment strong{color:#f1e8dd}.parchment small{color:#bcb1c8}
.parchment b{border:0;border-radius:2cqw;background:#71617855;color:#cfc5da;font-size:.7cqw;font-weight:600;padding:.4cqw 1.2cqw;margin-top:.8cqw}
.parchment[aria-pressed=true] b{background:#c2edcd;color:#163b30}
#history{border:0;border-radius:1.1cqw;background:linear-gradient(180deg,#20182c22,#20182c99);box-shadow:none;padding:.5cqw .3cqw}
.historyRow{font-size:.91cqw;color:#f4dfb8;border-bottom:1px solid #ffffff0c;font-weight:600;padding:.4cqw}
#right{top:10%;right:.1%;width:21%;bottom:16%}
#wordmark{left:0;right:0;text-shadow:0 .2cqw 1cqw #170c29}
#wordmark small{font-size:.61cqw;letter-spacing:.24cqw;color:#d8c4ad}
#wordmark h1{font-family:"Segoe UI",Arial,sans-serif;font-weight:750;font-size:1.72cqw;letter-spacing:-.055cqw;color:#fff0d8;margin:.5cqw 0}
#wordmark b{font-size:.57cqw;letter-spacing:.16cqw;background:none;color:#d9c5b7;font-weight:500;padding:0}
#actor{filter:drop-shadow(0 1cqw 1cqw #100a2660);width:166.6667%;left:-66.6667%;object-fit:fill}
#hud{top:84%;height:14%;left:2.2%;right:2.2%;padding:.5cqw 1.2cqw;border:1px solid #ffffff15;border-radius:1.7cqw;background:linear-gradient(115deg,#191424d9,#201a2cdc);backdrop-filter:blur(24px);box-shadow:0 .8cqw 3cqw #0004;text-shadow:none;gap:1.2cqw}
#funds{font-size:1.07cqw;font-weight:650;line-height:1.8;width:25%}#funds span{font-size:.72cqw;letter-spacing:.075cqw;min-width:4.1cqw;color:#bdb0c7}#funds b{font-weight:650;color:#fff1df}
#win{font-size:2.05cqw;letter-spacing:-.04cqw;font-weight:750}#result small{font-size:.65cqw;letter-spacing:.17cqw;color:#ccbaa2;font-weight:500}#status{font-size:.7cqw;font-weight:500;color:#a69bb3}
.utilities{gap:.65cqw}.utilities button{border:1px solid #ffffff25;background:#ffffff05;font-size:1.05cqw;color:#d7ccdf}
.round{width:3cqw;height:3cqw;border:1px solid #ffffff25;background:#ffffff08;font-size:1.9cqw;font-weight:300;color:#e9dfea}
#spinControls{align-self:center;width:24%}.spinrow{gap:1cqw}#spin{width:6cqw;height:6cqw;padding:1.4cqw;border:1px solid #f8e3b0;background:linear-gradient(140deg,#fbe8ba,#ccaa72);box-shadow:0 .35cqw 1.4cqw #edc88425,inset 0 1px #fff9dc;transition:box-shadow .25s,transform .25s}
#spin:hover{box-shadow:0 0 2cqw #edc88455}#spin:active{transform:scale(.97)}#spin svg{stroke:#3d293b;stroke-width:8}#stopIcon{font-size:2.4cqw;color:#543d4f}
.subrow{margin-top:.5cqw;gap:.9cqw}.subrow button{border:0;background:none;font-size:.63cqw;font-weight:600;letter-spacing:.07cqw;color:#c4b7ce;padding:.1cqw}
dialog{border:1px solid #f4d5a350;border-radius:1.8cqw;background:linear-gradient(140deg,#34243ff5,#191426fa);box-shadow:0 2cqw 8cqw #0009;padding:2.5cqw;animation:dialogIn .28s cubic-bezier(.2,.7,.2,1)}
dialog::backdrop{background:#09061199;backdrop-filter:blur(8px)}dialog h2{font-size:1.6cqw;font-weight:650;color:#fff0d8}dialog .largePrice{font-size:3.8cqw;font-weight:700;color:#f4dcab}dialog p{color:#c5bbd0;font-size:1cqw}
dialog .actions button{border:0;border-radius:.8cqw;background:linear-gradient(130deg,#f3ddb0,#d5b680);color:#382a38;padding:1cqw 2.5cqw;font-weight:650}dialog .actions .cancel{background:#ffffff0e;color:#dcd1e6}
dialog .betrow button{background:#ffffff0b;border:1px solid #ffffff20;font-weight:300}dialog .betrow b{font-size:1.8cqw}dialog .options button{border:1px solid #ffffff20;border-radius:.8cqw;background:#ffffff0b}dialog .close{font-weight:300;color:#b6a7bf}
#celebration{background:radial-gradient(ellipse,#342040dd,#100a21bd);backdrop-filter:blur(5px)}#celebration h2{font-family:"Segoe UI",Arial,sans-serif;font-size:3.4cqw;font-weight:750;transform:none;letter-spacing:.15cqw;color:#ffedbb;text-shadow:0 0 2cqw #e9bd7650}#celebrationAmount{font-family:"Segoe UI",Arial,sans-serif;font-size:6cqw;font-weight:700;border:0;background:none;letter-spacing:-.2cqw;text-shadow:0 0 2cqw #d8b76c50;color:#fff4db;padding:.5cqw 1cqw}#celebrationDetail{font-size:1cqw;font-weight:500;color:#cebed8;letter-spacing:.08cqw}.rays{opacity:.35}.laurels{display:none}#continue{border:1px solid #ffffff35;border-radius:3cqw;background:#ffffff0c;font-size:.9cqw;padding:.8cqw 2cqw}
@keyframes dialogIn{from{opacity:0;transform:translateY(15px) scale(.97)}to{opacity:1;transform:none}}
.feature #featureMeter{background:radial-gradient(ellipse at 50% 35%,#744e7730,#17172ec7);min-height:13.3cqw;gap:.7cqw;border-color:#bba1eb25}
.powerOrb{position:relative;width:7cqw;height:7cqw;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 37% 30%,#edffed,#a8e8b6 7%,#347c6c 24%,#182e47 57%,#0e1224 72%);box-shadow:inset -.25cqw -.4cqw .8cqw #080e22,0 0 2cqw #71e3cd24}
.powerOrb #featureMultiplier{position:relative;z-index:2;font-size:2.4cqw;color:#fff7dc;text-shadow:0 0 1cqw #caeaff;margin:0}
.orbHalo{position:absolute;inset:-.7cqw;border-radius:50%;border:1px solid #e6ce9b70;box-shadow:0 0 .6cqw #e8d39a38;transform:rotateX(40deg) rotateZ(-30deg)}
.powerOrb:after{content:'';position:absolute;inset:.2cqw;border-radius:50%;border-top:1px solid #c9ffd588;transform:rotate(-25deg)}
#freeMeter{min-height:9.7cqw;gap:.8cqw}.freeCount{display:flex;align-items:baseline;gap:.55cqw}.freeCount #remaining{font-size:3.5cqw;font-weight:650;line-height:1;margin:0;color:#fff3da}.freeCount span{font-size:.62cqw;color:#a99fb9;letter-spacing:.1cqw}
.freeProgress{width:70%;height:.2cqw;border-radius:2cqw;background:#ffffff14;overflow:hidden}.freeProgress i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#ba98db,#f3dbad);transition:width .4s ease}
#celebration{background:radial-gradient(ellipse at 50% 45%,#402448ee,#140f28d9 62%,#0d0a20cc);backdrop-filter:blur(2px)}
#celebration h2{font-size:3.2cqw;background:linear-gradient(180deg,#fff5d7,#edc377);background-clip:text;color:transparent;text-shadow:0 .2cqw 2cqw #e5bb6733;letter-spacing:.13cqw;animation:showTitle .6s cubic-bezier(.15,.8,.2,1)}
#celebrationAmount{font-size:6.7cqw;line-height:1.12;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.2cqw;color:#fff3cf;filter:drop-shadow(0 .4cqw .5cqw #100719);animation:showTitle .7s cubic-bezier(.15,.8,.2,1)}
.showBrand{position:relative;z-index:2;font-size:.68cqw;font-weight:500;letter-spacing:.32cqw;color:#c3aaba;margin-bottom:2cqw}.winAura{position:absolute;width:46cqw;height:46cqw;border-radius:50%;background:radial-gradient(#e7b45020,transparent 63%);box-shadow:0 0 5cqw #f2af5c0b;animation:auraBreathe 3s ease-in-out infinite alternate}
.winOrbit{position:absolute;width:41cqw;height:41cqw;border-radius:50%;border:1px solid #f0d1a025;box-shadow:0 0 2cqw #d294f912;transform:rotateX(60deg) rotateZ(-30deg)}.orbitTwo{width:46cqw;height:46cqw;transform:rotateX(65deg) rotateZ(40deg);border-color:#c495ea26}
#celebrationDetail{margin:1.7cqw 0 2cqw;color:#d2c1d8;font-size:.95cqw;letter-spacing:.15cqw}
#celebration.entering{animation:showIn .3s ease-out}#celebration.leaving{animation:showOut .3s ease-in forwards}
#effects{z-index:15}
.winEmblem{position:relative;width:20cqw;height:10cqw;object-fit:contain;z-index:2;margin:-2cqw 0 .6cqw;filter:drop-shadow(0 0 1.5cqw #51d3c957);animation:showTitle .55s cubic-bezier(.15,.8,.2,1)}
.powerOrb{background:transparent;box-shadow:none;width:11.4cqw;height:7cqw}
.powerOrb:before{content:'';position:absolute;inset:0;background:url('/assets/rottolympus-win-emblem-v10.webp') center/contain no-repeat;filter:drop-shadow(0 0 .8cqw #57d7da38)}
.powerOrb:after{display:none}.orbHalo{display:none}.powerOrb #featureMultiplier{font-size:2.15cqw;text-shadow:0 2px 3px #12323b,0 0 .8cqw #062024}
.multiplierFlight{position:absolute;z-index:16;pointer-events:none;font-size:2.3cqw;color:#fff2b7;text-shadow:0 0 .8cqw #69dfda,0 2px 3px #091a2c;white-space:nowrap}
@media(max-aspect-ratio:1/1){.feature #featureMeter{min-height:27cqw;gap:2cqw}.powerOrb{width:22cqw;height:13cqw}.powerOrb #featureMultiplier{font-size:4.4cqw}#freeMeter{min-height:27cqw;gap:2cqw}.freeCount #remaining{font-size:10cqw}.freeCount span{font-size:1.6cqw}.freeProgress{height:.7cqw}.winEmblem{width:45cqw;height:23cqw;margin:0 0 3cqw}.showBrand{font-size:1.8cqw;margin-bottom:4cqw;letter-spacing:.8cqw}}
@keyframes showTitle{from{opacity:0;transform:translateY(12px) scale(.88)}to{opacity:1;transform:none}}@keyframes auraBreathe{to{transform:scale(1.12);opacity:.65}}@keyframes showIn{from{opacity:0}to{opacity:1}}@keyframes showOut{to{opacity:0;transform:scale(1.035)}}
@media(max-aspect-ratio:1/1){#board{left:3%;top:25%;width:94%;height:47%;border-radius:3cqw;border:1px solid #f0d3a145}#left{left:3%;width:57%;top:4%;bottom:auto;gap:2cqw}.plaque{min-height:23cqw;border-radius:3cqw;padding:2cqw}.plaque span{font-size:2.3cqw}.plaque strong{font-size:4.2cqw}.plaque small{font-size:1.55cqw}.parchment b{font-size:1.8cqw;padding:1cqw 3cqw}#headline{top:22%;font-size:2.2cqw;left:3%;width:94%}.symbol{width:14cqw;height:14cqw}#right{top:2%;right:2%;width:34%;bottom:auto}#wordmark h1{font-size:3.4cqw}#wordmark small{font-size:1.5cqw}#wordmark b{font-size:1.4cqw}#hud{top:75%;height:23%;padding:2cqw;border-radius:3cqw}#funds{font-size:2.65cqw;width:100%}#funds span{font-size:1.8cqw;min-width:9cqw}#win{font-size:5cqw}#result small{font-size:1.8cqw}#status{font-size:2cqw}#spinControls{width:100%}#spin{width:16cqw;height:16cqw;padding:4cqw}.round{width:7cqw;height:7cqw;font-size:4.5cqw}.subrow button{font-size:1.8cqw}.utilities button{font-size:3.5cqw}.cell.winning{border-radius:3cqw}dialog{width:92%;border-radius:4cqw;padding:5cqw}dialog h2{font-size:4cqw}dialog p{font-size:2.7cqw}dialog .largePrice{font-size:9cqw}dialog .betrow b{font-size:5cqw}dialog .actions button{padding:3cqw 5cqw;border-radius:2cqw}#celebration h2{font-size:6.5cqw}#celebrationAmount{font-size:11cqw}#celebrationDetail{font-size:3cqw}#continue{font-size:3cqw;padding:3cqw 6cqw}}