body{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden;margin:0}.grid-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:auto;display:grid;gap:0;justify-content:center;align-content:center;transform:translateZ(0) perspective(8.5rem) rotateX(0) scale(1)}.grid-overlay.slope{transform:translate3d(-.15%,-8.4%,0) perspective(8rem) rotateX(4.7deg) scale(1.024,.745)}.grid-cell{border:1px solid rgba(220,243,255,.3);box-sizing:border-box;transition:all .2s ease;cursor:pointer;position:relative}.grid-cell.focused{border:2px solid rgba(237,249,255,.9);background-color:#326c8b1a}@keyframes tilt-to-slope{0%{transform:translateZ(0) perspective(8.5rem) rotateX(0) scale(1)}to{transform:translate3d(-.15%,-8.4%,0) perspective(8rem) rotateX(4.7deg) scale(1.024,.745)}}@keyframes tilt-to-flat{0%{transform:translate3d(-.15%,-8.4%,0) perspective(8rem) rotateX(4.7deg) scale(1.024,.745)}to{transform:translateZ(0) perspective(8.5rem) rotateX(0) scale(1)}}.roulette-board{position:absolute;top:50%;left:50%;pointer-events:none;display:grid;gap:1px;transform:translate(-50%,-50%) translateZ(0) perspective(8.5rem) rotateX(0) scale(1)}.roulette-board.slope{transform:translate(-50%,-50%) translate3d(-.15%,-8.4%,0) perspective(8rem) rotateX(4.7deg) scale(1.024,.745)}.test-point{position:absolute;width:1px;height:1px;pointer-events:none;opacity:0}#test-point-tl{top:0;left:0}#test-point-tr{top:0;right:0}#test-point-br{bottom:0;right:0}#test-point-bl{bottom:0;left:0}.roulette-cell{box-sizing:border-box;transition:all .2s ease;cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.2);-webkit-user-select:none;user-select:none;pointer-events:auto}.roulette-cell.green{background-color:#27ae60}.roulette-cell.red{background-color:#e74c3c}.roulette-cell.black{background-color:#2c3e50}.roulette-cell.focused{border:2px solid rgba(255,215,0,.9);box-shadow:0 0 10px #ffd70080}.roulette-number{color:#fff;font-size:1.2rem;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.5);pointer-events:none}.roulette-cell.zero-cell{writing-mode:vertical-rl;text-orientation:upright}.scene{position:relative;height:100vh;overflow:hidden}.scene>canvas{position:absolute;top:0;left:0;z-index:100}.scene-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:50}#stats{position:fixed;bottom:0;right:0;z-index:1000}#stats canvas{width:max(100px,10vw,10vh);height:max(60px,6vh,6vw);-webkit-user-select:none;user-select:none}