*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#100719;color:#fff;font-family:Arial,Helvetica,sans-serif}body{display:grid;place-items:center}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}button:disabled{cursor:default;filter:saturate(.25);opacity:.55}button:focus-visible{outline:3px solid #6dffff;outline-offset:3px}[hidden]{display:none!important}
#stage{position:relative;width:min(100vw,177.683vh);aspect-ratio:1672/941;container-type:inline-size;isolation:isolate;overflow:hidden}#scene,#night{position:absolute;inset:0;background:url('/assets/rottolympus-cabinet-v8.webp') center/100% 100%}#night{opacity:0;transition:opacity 1s;background:linear-gradient(180deg,#00174eb0,#118fb12b 65%,#1613456b);mix-blend-mode:multiply;pointer-events:none}.feature #night{opacity:1}
#headline{position:absolute;left:20%;top:3.4%;width:58%;text-align:center;font-size:1.5cqw;font-weight:1000;color:#fff09a;text-shadow:0 2px #3c1700,0 0 10px #2a1130;z-index:2}
/* Measured against the actual generated cabinet: interior x329..1304,y113..738. */
#board{position:absolute;left:19.68%;top:12.01%;width:58.31%;height:66.42%;overflow:hidden;z-index:2;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(100%/6 - 1px),#e5ad6240 calc(100%/6 - 1px),#e5ad6240 calc(100%/6));}
.cell{position:absolute;width:calc(100%/6);height:20%;display:grid;place-items:center;will-change:transform,opacity}.symbol{width:min(9.1cqw,12.3cqw);height:9.1cqw;max-height:96%;aspect-ratio:1;background-image:url('/assets/rottolympus-symbols-v8.webp');background-size:400% 300%;background-repeat:no-repeat;filter:drop-shadow(0 .3cqw .18cqw #0009);position:relative}.cell .value{position:absolute;inset:0;display:grid;place-items:center;font-size:2.5cqw;font-weight:1000;color:#fff5a4;text-shadow:0 2px 2px #15300c,0 0 8px #022000;z-index:3}.cell.winning{background:radial-gradient(#ffc93855,transparent 70%);outline:2px solid #80ffff;outline-offset:-3px;box-shadow:inset 0 0 18px #85ffff90;z-index:4}.cell.winning .symbol{animation:winPulse .52s ease-in-out infinite alternate}.cell.scatter .symbol:after{content:'SCATTER';position:absolute;bottom:0;left:0;right:0;text-align:center;color:#fff2ba;text-shadow:2px 2px #542100,-1px -1px #542100;font-size:1.4cqw;font-weight:1000}.payoutFloat{position:absolute;left:0;right:0;top:42%;text-align:center;font-weight:1000;font-size:4cqw;color:white;text-shadow:0 3px 0 #43320c,0 0 10px #ffa900;pointer-events:none;z-index:8;animation:floatIn .3s ease-out}
#left{position:absolute;left:2%;width:15.8%;top:15%;bottom:20%;display:flex;flex-direction:column;gap:1.1cqw;z-index:4}.plaque{background:radial-gradient(ellipse at top,#423276,#150e31 75%);border:.3cqw ridge #ffd973;box-shadow:0 0 0 .12cqw #593404,0 .3cqw .6cqw #32140290,inset 0 0 1.3cqw #bd91314d;border-radius:.35cqw;padding:.8cqw .45cqw;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:10cqw;text-shadow:0 2px #301829}.plaque span{font-size:1.28cqw;color:#94efff;font-weight:1000}.plaque strong{font-size:2.2cqw;color:#fff380;white-space:nowrap;margin:.4cqw 0}.plaque small{font-size:.85cqw;font-weight:900}.parchment{background:linear-gradient(105deg,#b08034,#fff1b1 16%,#fff8d6 70%,#b77a29);color:#2e1553;text-shadow:0 1px #fff}.parchment span{color:#33215b}.parchment strong{color:#302068}.parchment b{margin-top:.5cqw;padding:.2cqw 1.3cqw;background:#5a2630;color:white;border:2px solid #fff4be;font-size:.9cqw;text-shadow:none}.parchment[aria-pressed=true] b{background:#087342}#history{flex:1;min-height:0;border:.27cqw ridge #eec566;background:#220b24ed;box-shadow:inset 0 0 1cqw #0009;padding:.5cqw;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end}.historyRow{display:flex;align-items:center;gap:.3cqw;border-bottom:1px solid #cca35d4d;font-size:1.05cqw;font-weight:800;color:#ffe5a1;padding:.2cqw}.historyRow .mini{width:1.9cqw;height:1.9cqw;background-size:400% 300%;background-image:url('/assets/rottolympus-symbols-v8.webp')}.historyRow b{margin-left:auto}
#right{position:absolute;right:0;top:13%;width:21%;bottom:16%;pointer-events:none;z-index:3}#wordmark{text-align:center;position:absolute;top:0;left:9%;right:1%;text-shadow:0 3px 2px #34210a}#wordmark small{font-size:.8cqw;color:#fff5a8;letter-spacing:.16cqw}#wordmark h1{font:bold 2.1cqw Georgia,serif;margin:.35cqw 0;color:#ffd566;letter-spacing:-.08cqw}#wordmark b{font-size:.76cqw;color:#4c205d;background:#f7d97e;padding:.25cqw .45cqw}#actor{position:absolute;width:100%;height:85%;bottom:0;object-fit:contain;filter:drop-shadow(0 .5cqw .3cqw #47342e60)}
#hud{position:absolute;left:2%;right:2%;top:85%;height:13%;display:flex;align-items:center;gap:1cqw;z-index:5;text-shadow:0 2px 2px #361d05}.utilities{display:flex;flex-direction:column;gap:.4cqw}.utilities button,.round{background:#3e2c2390;border:.15cqw solid #fff4d2;border-radius:50%;display:grid;place-items:center}.utilities button{width:2.2cqw;height:2.2cqw;font-size:1.35cqw;font-weight:bold}#funds{width:22%;font-size:1.4cqw;line-height:1.5;font-weight:900}#funds div,#funds button{display:flex;gap:.65cqw;white-space:nowrap}#funds span{color:#ffea7b}#funds b{color:#fff}#betOpen{background:none;border:0;padding:0;font-size:inherit;font-weight:inherit;text-shadow:inherit}#result{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}#result small{color:#ffea7b;font-size:1cqw;font-weight:bold}#win{font-size:2.8cqw;line-height:1.2;white-space:nowrap}#status{font-size:.95cqw;font-weight:bold;margin-top:.3cqw}#spinControls{width:25%;position:relative;align-self:end} .spinrow{display:flex;align-items:center;justify-content:center;gap:1cqw}.round{width:3.8cqw;height:3.8cqw;font-size:3cqw;line-height:1}#spin{background:#3019289c;border:.24cqw solid #fff;border-radius:50%;width:8cqw;height:8cqw;display:grid;place-items:center;padding:1cqw;box-shadow:0 0 0 .25cqw #512b184d}#spin svg{width:100%;height:100%;fill:none;stroke:white;stroke-width:10;stroke-linejoin:round}#stopIcon{font-size:4cqw;color:#ff4065;line-height:1}.subrow{display:flex;justify-content:center;gap:.5cqw;margin-top:.4cqw}.subrow button{font-size:.8cqw;border:.1cqw solid #fff3bd;border-radius:2cqw;background:#28131dc9;font-weight:900;padding:.2cqw .8cqw}#effects{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:12}#toast{position:absolute;left:25%;right:25%;bottom:17%;background:#451326;border:1px solid #ffc54d;text-align:center;padding:1cqw;font-size:1.2cqw;z-index:30}
dialog{position:absolute;margin:auto;width:48%;max-width:none;color:white;background:linear-gradient(130deg,#281530,#150a1b);border:.35cqw ridge #ffc75b;border-radius:.6cqw;box-shadow:0 0 0 .3cqw #743d17,0 1cqw 5cqw #000b;padding:2cqw;z-index:25;font-size:1.2cqw}dialog::backdrop{background:#080313a6}dialog h2{text-align:center;color:#f7d779;font-size:2cqw;margin:.2cqw 0 1.5cqw}dialog .close{position:absolute;right:.5cqw;top:.4cqw;background:none;border:0;font-size:2cqw}dialog .largePrice{display:block;font-size:4cqw;font-weight:1000;color:#fff193;text-align:center;margin:1cqw}dialog .actions{display:flex;gap:2cqw;justify-content:center;margin-top:1.5cqw}dialog .actions button{padding:.7cqw 2cqw;border:.17cqw solid #fbd569;border-radius:.4cqw;background:linear-gradient(#35ae99,#07624b);font-weight:900}dialog .actions .cancel{background:linear-gradient(#b64659,#6a1737)}dialog .betrow{display:flex;align-items:center;justify-content:space-between;margin:1cqw 0;gap:1cqw}dialog .betrow b{font-size:2cqw}dialog .betrow button{border:1px solid #ffe2aa;background:#4c2652;border-radius:50%;width:3cqw;height:3cqw;font-size:2cqw}dialog table{width:100%;border-collapse:collapse;font-size:1cqw}dialog td,dialog th{padding:.25cqw .5cqw;border-bottom:1px solid #a17e6640;text-align:right}dialog td:first-child,dialog th:first-child{text-align:left}dialog p{line-height:1.5}dialog .options{display:flex;justify-content:center;gap:.8cqw;flex-wrap:wrap}dialog .options button{background:#51315c;border:1px solid #dab97b;padding:1cqw}
#celebration{position:absolute;inset:0;background:#080617c2;z-index:14;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;text-align:center}#celebration h2{font:bold 5cqw Georgia,serif;letter-spacing:.05cqw;color:#fff38d;text-shadow:0 .3cqw 0 #7d351a,0 .6cqw 0 #341029,0 0 2cqw #ce5cdd;z-index:2;margin:0 0 1cqw;transform:rotate(-3deg)}#celebrationAmount{font:bold 6.6cqw Georgia,serif;color:#fff5b7;text-shadow:0 .35cqw #713c12,0 0 2cqw #efb043;border:.35cqw ridge #ffe181;border-radius:1cqw;background:linear-gradient(#57204f,#260827);padding:.5cqw 3cqw;z-index:2}#celebrationDetail{z-index:2;font-size:1.5cqw;font-weight:bold}.rays{position:absolute;inset:-90%;background:repeating-conic-gradient(from 0deg,#ffe26700 0deg,#ffe26735 10deg,#ffe26700 20deg);animation:rayTurn 24s linear infinite}.laurels{font-size:11cqw;line-height:1;color:#ffd253;text-shadow:0 0 3cqw #54efff;z-index:1}#continue{position:relative;z-index:2;border:.15cqw solid #fbd973;border-radius:2cqw;background:#36172d;padding:.7cqw 3cqw;font-weight:bold;font-size:1.2cqw}#loading{position:absolute;inset:0;z-index:40;background:#170e27;display:grid;align-content:center;justify-content:center;text-align:center;color:#f1ce85;font:bold 4cqw Georgia}#loading small{font:1.2cqw Arial;margin-top:2cqw}
.symbol{width:7.2cqw;height:7.2cqw;max-height:none;clip-path:inset(2%)}
@keyframes winPulse{to{transform:scale(1.07);filter:drop-shadow(0 0 .8cqw #fff19a)}}@keyframes floatIn{from{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}@keyframes rayTurn{to{transform:rotate(360deg)}}
@media(max-aspect-ratio:1/1){#stage{width:100vw;aspect-ratio:9/15;max-height:100dvh}#scene{background-size:auto 100%;background-position:center}#board{left:3%;top:25%;width:94%;height:47%;background-color:#280c27;border:.5cqw ridge #dcb966;border-radius:1cqw}.symbol{width:14.5cqw;height:14.5cqw}#headline{left:3%;width:94%;top:22%;font-size:2.7cqw}#left{left:3%;width:56%;top:4%;bottom:auto;display:grid;grid-template-columns:1fr 1fr;gap:2cqw}.plaque{min-height:23cqw;border-width:.7cqw;padding:1cqw}.plaque span{font-size:2.7cqw}.plaque strong{font-size:4cqw}.plaque small{font-size:1.7cqw}.parchment b{font-size:2.3cqw}#history{display:none}#right{right:2%;top:2%;width:34%;height:32cqw;bottom:auto}#wordmark h1{font-size:4cqw}#wordmark small{font-size:1.7cqw}#wordmark b{font-size:1.6cqw}#actor{height:90%;bottom:-12cqw;width:100%}#hud{top:75%;height:23%;display:grid;grid-template-columns:8% 43% 45%;grid-template-rows:30% 70%;gap:2%}#funds{width:100%;font-size:3cqw}#result{grid-column:1/4;grid-row:1}#win{font-size:6cqw}#status{font-size:2.3cqw}#result small{font-size:2.4cqw}.utilities button{width:6cqw;height:6cqw;font-size:4cqw}.utilities{gap:2cqw}#spinControls{width:100%;align-self:center}.round{width:8cqw;height:8cqw;font-size:6cqw}#spin{width:19cqw;height:19cqw;padding:3cqw}.subrow button{font-size:2cqw;padding:1cqw}.cell .value{font-size:5cqw}.cell.scatter .symbol:after{font-size:2.7cqw}.payoutFloat{font-size:8cqw}dialog{width:92%;padding:4cqw;font-size:3cqw}dialog h2{font-size:5cqw}dialog table{font-size:2.5cqw}dialog .close{font-size:6cqw}dialog .largePrice{font-size:9cqw}dialog .betrow b{font-size:5cqw}dialog .betrow button{width:7cqw;height:7cqw;font-size:5cqw}dialog .actions button{padding:3cqw}#celebration h2{font-size:9cqw}#celebrationAmount{font-size:10cqw}#celebrationDetail{font-size:4cqw}#continue{font-size:4cqw;padding:3cqw}.laurels{font-size:24cqw}#toast{left:5%;right:5%;font-size:3cqw}}