:root{--gold:#e6bd62;--dark:#0b0806;--cream:#f7e6bd}*{box-sizing:border-box}html,body{margin:0;background:#050403;color:var(--cream);font-family:Georgia,"Times New Roman",serif;overflow:hidden}.game{height:100vh;display:grid;place-items:center}.stage{position:relative;width:min(100vw,177.777vh);aspect-ratio:16/9;overflow:hidden;background:#050403}.phase-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;visibility:hidden;pointer-events:none}.phase-frame.active{visibility:visible}.shade{position:absolute;inset:0;background:linear-gradient(#0009 0,#0000 18%,#0000 72%,#000b 100%);pointer-events:none}.topbar{position:absolute;z-index:4;left:2.2%;right:2.2%;top:2%;display:flex;justify-content:space-between;align-items:flex-start;text-shadow:0 2px 5px #000}.topbar>div>b{font-size:clamp(16px,2vw,34px);color:#ffe39b}.topbar small{display:block;font:700 clamp(7px,.7vw,12px) Arial;letter-spacing:.22em}.audio-stack{display:flex;flex-direction:column;align-items:flex-end;gap:.4vw}.readout{display:flex;gap:9px}.readout span{background:#090705dd;border:1px solid #b58339;border-radius:7px;padding:.55em .9em;font:700 clamp(9px,1vw,16px) Arial}.readout b{font-size:1.25em;margin-left:.5em}.audio-controls{display:flex;align-items:center;gap:.35vw}.audio-controls button{border:1px solid #8b6634;background:#0b0806dd;color:#ead5a9;border-radius:5px;padding:.35em .6em;font:700 clamp(7px,.62vw,10px) Arial}.audio-controls input{width:clamp(65px,8vw,130px);accent-color:#d6a94b}.announcement{position:absolute;z-index:5;right:2%;top:31%;width:18%;text-align:center;background:#0b0806e8;border:1px solid #e3b95d;box-shadow:0 5px 22px #000;border-radius:8px;padding:.8em 1em;font:700 clamp(10px,1.15vw,20px) Arial;letter-spacing:.08em}.announcement i{display:grid;place-items:center;width:2em;height:2em;margin:.65em auto 0;border-radius:50%;font-style:normal}.red{background:#b51f23}.black{background:#101010}.green{background:#087043}.bet-overlay{position:absolute;z-index:3;left:33.13%;top:55.5%;width:43.55%;height:31.7%}.bet-overlay button{position:absolute;background:transparent;border:0;color:transparent;cursor:pointer}.bet-overlay button:hover,.bet-overlay button:focus{background:#ffe28f38;box-shadow:inset 0 0 0 2px #ffd86b;outline:0}.bet-overlay.locked{pointer-events:none}.zero{left:0;width:5.5%;height:42%}.z0{top:0}.z00{top:42%}.num{width:7.65%;height:21.2%}.n0,.n12,.n24{left:5.5%}.n1,.n13,.n25{left:13.15%}.n2,.n14,.n26{left:20.8%}.n3,.n15,.n27{left:28.45%}.n4,.n16,.n28{left:36.1%}.n5,.n17,.n29{left:43.75%}.n6,.n18,.n30{left:51.4%}.n7,.n19,.n31{left:59.05%}.n8,.n20,.n32{left:66.7%}.n9,.n21,.n33{left:74.35%}.n10,.n22,.n34{left:82%}.n11,.n23,.n35{left:89.65%}.n0,.n1,.n2,.n3,.n4,.n5,.n6,.n7,.n8,.n9,.n10,.n11{top:0}.n12,.n13,.n14,.n15,.n16,.n17,.n18,.n19,.n20,.n21,.n22,.n23{top:21.2%}.n24,.n25,.n26,.n27,.n28,.n29,.n30,.n31,.n32,.n33,.n34,.n35{top:42.4%}.column{left:97.3%;width:7%;height:21.2%}.c0{top:0}.c1{top:21.2%}.c2{top:42.4%}.dozen{top:63.6%;height:17.8%;width:30.6%}.d0{left:5.5%}.d1{left:36.1%}.d2{left:66.7%}.outside{top:81.4%;height:18.6%;width:15.3%}.low{left:5.5%}.even{left:20.8%}.redbet{left:36.1%}.blackbet{left:51.4%}.odd{left:66.7%}.high{left:82%}.controls{position:absolute;z-index:6;bottom:1.5%;left:2%;right:2%;display:grid;grid-template-columns:auto 1fr auto;gap:1.1%;align-items:center;background:#090705e8;border:1px solid #8b662f;padding:.7%;border-radius:9px}.chips{display:flex;gap:.4vw;align-items:center}.chips label,.history label{font:700 clamp(7px,.62vw,10px) Arial;letter-spacing:.12em}.chips button{width:clamp(25px,2.6vw,44px);aspect-ratio:1;border-radius:50%;border:.3vw dashed #f1d28d;background:#7a2024;color:#fff;font-weight:bold}.chips button:nth-of-type(2n){background:#1e4f83}.chips button:nth-of-type(3n){background:#17613f}.chips button.selected{outline:3px solid #ffd45b;transform:translateY(-4px)}.special{display:flex;justify-content:center}.special select,.special input,.special button,.actions button{height:clamp(30px,2.5vw,42px);border:1px solid #88724b;background:#eee0c0;color:#21130b;padding:0 .65vw;font-weight:bold}.special input{width:13vw}.special button{background:#c99b43}.actions{display:flex;gap:.4vw}.actions button{background:#28170f;color:#e9d6af}.actions .spin{background:linear-gradient(#f0ca6e,#aa6b20);color:#201109;min-width:6vw}.controls button:disabled{opacity:.4}.history{position:absolute;z-index:5;left:2%;top:14%;display:flex;gap:.35vw;align-items:center}.history span{width:clamp(22px,2vw,34px);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;font:700 clamp(8px,.8vw,13px) Arial}.slip{position:absolute;z-index:5;right:2%;top:15%;display:flex;gap:.35vw;max-width:45%;justify-content:flex-end;flex-wrap:wrap}.slip span{background:#0b0806dd;border:1px solid #75552c;padding:.4em .65em;border-radius:12px;font:clamp(7px,.65vw,11px) Arial}.slip b{color:#ffd76e;margin-left:.35em}@media(max-width:750px){.stage{width:100vw}.topbar{top:1%}.controls{grid-template-columns:1fr;bottom:.5%;padding:5px}.chips{justify-content:center}.chips label{display:none}.special input{width:34vw}.actions{justify-content:center}.announcement{right:3%;top:24%;width:25%}.history{top:18%}.slip{display:none}}