/* Original modern feature panels. Existing controls and result flow are retained. */
#left #buy{position:relative;overflow:hidden;background:radial-gradient(ellipse at top right,#ffffff35,transparent 65%),linear-gradient(140deg,#815bd0,#282041);border:1px solid #dfc1ffb0;box-shadow:inset 0 1px 0 #ffffff50,0 .6cqw 2cqw #07031555;border-radius:1.6cqw}
#left #buy:after{content:'';position:absolute;inset:.35cqw;border:1px solid #ffffff22;border-radius:1.25cqw;pointer-events:none}
#left #buy>span{font-size:1.25cqw;font-weight:800;line-height:1.15;color:#fff}
#left #buy>small{font-size:.65cqw;letter-spacing:.12cqw;color:#eee0ff}
#left #ante{border:1px solid #ffffff32;border-radius:1.6cqw;background:linear-gradient(145deg,#29243fed,#121020ed);box-shadow:inset 0 1px #ffffff20}
#left #ante>span{font-size:.9cqw;letter-spacing:.1cqw;color:#dfc5ff}
#left #ante>small{font-size:.58cqw;color:#ddd4e6}
#left #anteSwitch{display:flex;justify-content:center;align-items:center;gap:.5cqw;color:#d4c9df}
#left #anteSwitch:before{content:'';display:block;width:2.2cqw;height:1cqw;border-radius:1cqw;background:radial-gradient(circle at 25% 50%,#d5c8e4 0 23%,transparent 26%),#ffffff26}
#left #ante[aria-pressed=true]{border-color:#b4efdc;background:linear-gradient(145deg,#344240,#171b27)}
#left #ante[aria-pressed=true] #anteSwitch:before{background:radial-gradient(circle at 75% 50%,#bdffed 0 23%,transparent 26%),#55dab366}
#left #history{border-radius:1.5cqw;background:linear-gradient(145deg,#252038d9,#141022ca);border:1px solid #ffffff25;box-shadow:inset 0 1px #ffffff12}
#left #history:before{color:#ecd5ff;border-bottom:1px solid #ffffff20;padding-bottom:.65cqw}
#left #featureMeter,#left #freeMeter{background:radial-gradient(ellipse at top,#8263ab55,transparent 70%),#181322e8;border:1px solid #d6b9f880;border-radius:1.5cqw}
@media(max-aspect-ratio:1/1){
 #left #buy,#left #ante,#left #featureMeter,#left #freeMeter,#left #history{border-radius:14px}
 #left #buy:after{inset:3px;border-radius:11px}
 #left #buy>span{font-size:12px}#left #buy>small{font-size:7px;letter-spacing:.5px}
 #left #ante>span{font-size:8px;letter-spacing:.7px}#left #ante>small{font-size:6px}
 #left #anteSwitch{font-size:7px;gap:5px}#left #anteSwitch:before{width:24px;height:11px}
 #left #history:before{padding-bottom:4px}
}
/* Shared cabinet surfaces replace separate black cards. */
#left{border-top:1px solid #ffe7af85;border-bottom:1px solid #ffe7af55;background:linear-gradient(90deg,#ffe5b516,transparent 18%,transparent 82%,#ffe5b516);padding:.6cqw .4cqw;box-shadow:inset 1px 0 #ffe1a930,inset -1px 0 #ffe1a930}
#left #buy{border:2px solid #f6d496;border-radius:.7cqw 1.6cqw .7cqw 1.6cqw;background:radial-gradient(ellipse at 25% 0%,#fffad39c,transparent 60%),linear-gradient(145deg,#ebc874,#9361b8 65%,#63335d);box-shadow:inset 0 2px #fff1c3,0 3px 0 #805a3b,0 .5cqw 1.5cqw #38112b40}
#left #buy>span{color:#fff5df;text-shadow:0 2px 0 #743651}
#left #ante{border:0;border-radius:0;border-top:1px solid #ffe0a655;border-bottom:1px solid #ffe0a635;box-shadow:none;background:linear-gradient(90deg,transparent,#ffd79424,transparent)}
#left #ante>span,#left #ante>small{color:#fff0d2;text-shadow:0 2px 4px #321725}
#left #ante[aria-pressed=true]{background:linear-gradient(90deg,transparent,#8ef5d52c,transparent)}
#left #history{border:0;border-top:1px solid #ffe0a655;border-radius:0;box-shadow:none;background:none;text-shadow:0 2px 5px #241027}
#left #history:before{color:#fff0ce;border:0}
#left #featureMeter,#left #freeMeter{border:0;border-top:1px solid #ffe0a655;border-bottom:1px solid #ffe0a635;border-radius:0;background:radial-gradient(ellipse at top,#ffe1b126,transparent);box-shadow:none}
#hud{border:0;border-radius:0;background:linear-gradient(180deg,#fff1c01a,#edc37228 12%,#fff1c008 65%,#32194425);box-shadow:inset 0 1px #fff0cba0,inset 0 3px #92693a70;backdrop-filter:none}
#funds,#result{text-shadow:0 2px 4px #321529}#funds b{color:#fff5df}
#spin{border-color:#ffe5a8;box-shadow:0 2px 0 #976e3c,inset 0 2px #fff4d366,0 0 18px #ffe0aa30}
#spinControls .round,#spinControls #speed,#spinControls #auto,.utilities button{background:none;border-color:#ffe2af80;color:#fff4dd}
@media(max-aspect-ratio:1/1){
 #left{border:0;background:none;padding:0;box-shadow:none}
 #left #buy{border-radius:8px 16px 8px 16px}
 #left #ante,#left #history,#left #featureMeter,#left #freeMeter{border-radius:0}
 #funds{background:linear-gradient(180deg,#ffd89725,transparent);border-top:1px solid #ffe5bba0}
}
dialog#modal{background:radial-gradient(ellipse at top left,#e9be7a32,transparent 65%),linear-gradient(145deg,#5b323c,#371c31 55%,#633640);border:2px solid #f1cc90;border-radius:14px 32px 14px 32px;box-shadow:0 0 0 3px #71483550,0 0 0 4px #ffe3a977,inset 0 2px #fff0c166,0 20px 70px #29122680;color:#fff0d4}
dialog#modal::backdrop{background:#25121c9c;backdrop-filter:blur(7px)}
dialog#modal h2{color:#fff0ba;text-shadow:0 2px 0 #814437,0 3px 12px #241020}
dialog#modal .largePrice{color:#fff0b7;text-shadow:0 2px 0 #935036;border-top:1px solid #ffe0a855;border-bottom:1px solid #ffe0a855;background:linear-gradient(90deg,transparent,#ffd2941a,transparent);padding:12px 3px}
dialog#modal .betrow b{background:linear-gradient(145deg,#c58a5530,#ffd99b12);border-color:#f3d19b66;color:#fff3d7}
dialog#modal button{border-color:#e6c18a88;background:linear-gradient(145deg,#c7935940,#a3624528);color:#ffefd2}
dialog#modal .actions button:not(.cancel){background:linear-gradient(145deg,#fff1b5,#edc774 52%,#ca9152);color:#512b2a;border-color:#fff1ba;box-shadow:inset 0 2px #fff9db,0 3px 0 #80513b;font-weight:800}
dialog#modal p{color:#e9cdbd}
#brand h1 img{display:block;width:17cqw;height:auto;max-height:9cqw;object-fit:contain;object-position:left center}
#left #buy{border-image:url('/assets/rottolympus-premium-frame-v1.webp') 256 / 1.2cqw / 0 stretch;border-radius:0}
#left #buy:after{display:none}
#board:before{content:'';position:absolute;inset:0;border:1.3cqw solid transparent;border-image:url('/assets/rottolympus-premium-frame-v1.webp') 256 / 1.3cqw / 0 stretch;pointer-events:none;z-index:9}
dialog#modal{position:fixed;isolation:isolate;border:0;border-radius:0}
dialog#modal:before{content:'';position:absolute;inset:0;border:25px solid transparent;border-image:url('/assets/rottolympus-premium-frame-v1.webp') 256 / 25px / 0 stretch;z-index:0;pointer-events:none}
dialog#modal #modalBody{position:relative;z-index:1}
#scene:after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 89% 28%,#efc78118,transparent 18%),radial-gradient(ellipse at 7% 57%,#d6a7f418,transparent 15%);animation:olympus-ambient 6s ease-in-out infinite}
@keyframes olympus-ambient{0%,100%{opacity:.2}50%{opacity:1}}
@media(max-aspect-ratio:1/1){#brand h1 img{width:150px;max-height:48px;object-position:center;margin:auto}}
@media(prefers-reduced-motion:reduce){#scene:after{animation:none;opacity:.3}}
.living-scene{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;contain:strict}
body.living-scene-ready #stage{z-index:1}
body.living-scene-ready #scene:after{display:none}