html,body{margin:0;padding:0;height:100%;overflow:hidden}#black-background{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;z-index:0}#game-viewport{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:1}#game-background{--bg-w: var(--background-aspect-width, 1920);--bg-h: var(--background-aspect-height, 1080);width:min(100vw,calc(100vh * var(--bg-w) / var(--bg-h)));height:min(100vh,calc(100vw * var(--bg-h) / var(--bg-w)));position:relative;background-color:#000;container-type:size}#game-background canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;z-index:0}#ui-layer{--ui-scale: .45;position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2}#ui-layer>*{pointer-events:auto}.top-bar{position:absolute;top:calc(5.66cqh * var(--ui-scale));left:calc(2.88cqw * var(--ui-scale));right:calc(2.88cqw * var(--ui-scale));display:flex;flex-wrap:wrap;align-items:center;gap:calc(3.85cqw * var(--ui-scale))}#game-ui{display:flex;align-items:center;flex-wrap:wrap;gap:calc(3.85cqw * var(--ui-scale))}#game-ui label{color:#ccc;margin-right:calc(.96cqw * var(--ui-scale))}#balance-display,.game-ui-value{color:#fff}#bet-select{padding:calc(1.89cqh * var(--ui-scale)) calc(1.92cqw * var(--ui-scale));font-size:calc(6.6cqh * var(--ui-scale))}.ui-placeholders{position:absolute;top:calc(5.66cqh * var(--ui-scale));right:calc(2.88cqw * var(--ui-scale));display:flex;align-items:center;gap:calc(1.92cqw * var(--ui-scale))}.ui-placeholders button{padding:calc(2.83cqh * var(--ui-scale)) calc(2.88cqw * var(--ui-scale));font-size:calc(6.13cqh * var(--ui-scale));cursor:pointer;background:#2a2a55e6;color:#ccc;border:1px solid #555;border-radius:calc(2.83cqh * var(--ui-scale))}.ui-placeholders button:hover:not(:disabled){background:#3a3a7df2;color:#fff}.ui-placeholders button:disabled{opacity:.5;cursor:not-allowed}#mute-btn{width:calc(10cqw * var(--ui-scale));height:calc(10cqh * var(--ui-scale));padding:0;border-radius:50%;border:1px solid #555;background-color:#5a7383b3;background-size:70% 70%;background-position:center;background-repeat:no-repeat}#mute-btn:disabled{opacity:.6;cursor:not-allowed}#primary-actions{position:absolute;bottom:calc(11.32cqh * var(--ui-scale));left:50%;transform:translate(-50%);display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:calc(2.88cqw * var(--ui-scale))}#primary-actions #spin-btn,#primary-actions #autoplay-placeholder{flex-shrink:0}#spin-btn{padding:calc(5.66cqh * var(--ui-scale)) calc(7.69cqw * var(--ui-scale));font-size:calc(8.5cqh * var(--ui-scale));font-weight:700;cursor:pointer;background:#2a7d;color:#fff;border:none;border-radius:calc(3.77cqh * var(--ui-scale))}#spin-btn:hover{background:#3a8d}#spin-btn:disabled{opacity:.6;cursor:not-allowed}#autoplay-placeholder{padding:calc(3.77cqh * var(--ui-scale)) calc(3.85cqw * var(--ui-scale));font-size:calc(6.6cqh * var(--ui-scale));color:#999;background:transparent;border:1px dashed #555;border-radius:calc(2.83cqh * var(--ui-scale));cursor:not-allowed}