html,body{height:100%}body{background:#3d0a91;margin:0 auto;font-family:Roboto,sans-serif;overflow:hidden}.container{display:flex;height:100vh;width:100vw}.box1,.box2{display:flex;align-items:center;justify-content:center;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;min-width:0;min-height:0}.box1{flex-basis:30%;height:100%}.box2{flex-basis:70%;height:100%}@media screen and (max-width: 768px){body{overflow:auto}.container{flex-direction:column;height:auto;min-height:100vh}.box1,.box2{flex-basis:auto;height:auto}}#rouletteWheel{width:100%;height:100%;cursor:pointer;max-height:95vh}.betPlacement{width:95%;height:100%;max-height:95vh}.roll{position:fixed;bottom:20px;right:20px;height:60px;width:60px;border-radius:50%;box-shadow:0 4px 6px #000c;border:none;cursor:pointer;font-weight:700;background:#d1cfe2;z-index:100}.roll:hover{transform:translateY(-2px);box-shadow:0 6px 8px #0009;border:2px solid #0dcaf0}.roll:active{transform:translateY(-2px);box-shadow:0 6px 8px #0009;border:8px solid #0dcaf0}text{-webkit-user-select:none;user-select:none;pointer-events:none;font-family:Roboto,sans-serif}button{cursor:pointer}.red.active{box-shadow:0 0 3px #ffc107}.active{font-weight:700}.placeBet:hover>rect{fill:#ffd7004d}.placeBet.active>rect{rx:5;stroke:#ffc107;fill:#ffd70080}.placeBet{cursor:pointer}.money{position:fixed;bottom:10px;left:10px;color:#198754;font-weight:700;z-index:100}.confetti{position:fixed;-webkit-user-select:none;user-select:none;pointer-events:none;top:50%;left:50%;transform:translate(-50%,-50%)}.placeBet,.placeBet *{pointer-events:all}.placeBet>rect{fill:#0000}