.roulette{position:relative;display:flex;flex-direction:column;align-items:center;gap:1rem;max-width:-moz-max-content;max-width:max-content}.roulette__title{margin:0;color:#fff;text-transform:uppercase}.roulette__stage{position:relative;display:grid;place-items:center}.roulette__wheel{position:relative;border:12px solid #0c489c;border-radius:50%;box-shadow:0 10px 30px rgba(0,0,0,.5),inset 0 0 0 4px gold,inset 0 0 0 6px #052450;overflow:hidden}.roulette__wheel:after{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at center,hsla(0,0%,100%,.25) 0,rgba(0,0,0,.05) 60%,rgba(0,0,0,.55) 100%);pointer-events:none;z-index:2}.roulette__label{position:absolute;top:50%;left:50%;transform-origin:0 0;font-weight:800;white-space:nowrap;font-size:13px;text-transform:uppercase}.roulette__pointer-container{position:absolute;top:-24px;left:50%;transform:translateX(-50%);z-index:10;pointer-events:none;display:flex;justify-content:center;align-items:center}.roulette__pointer-svg{display:block}.roulette__hub{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;background:#0c489c;border:4px solid #bd1313;box-shadow:0 6px 15px rgba(0,0,0,.4),inset 0 0 0 2px gold;z-index:5}.roulette__hub,.roulette__hub-inner{display:flex;align-items:center;justify-content:center}.roulette__hub-inner{width:100%;height:100%}.roulette__hub span{color:#fff;font-weight:900;font-style:italic;line-height:1;text-shadow:-2px -2px 0 #bd1313,2px -2px 0 #bd1313,-2px 2px 0 #bd1313,2px 2px 0 #bd1313,0 4px 5px rgba(0,0,0,.4)}.roulette__actions{display:flex;gap:.75rem}.roulette__actions button{border:none;border-radius:10px;padding:.55rem 1rem;font-weight:700;cursor:pointer;background:red;color:#fff;text-transform:uppercase}.roulette__actions button:disabled{cursor:not-allowed;opacity:.65}.roulette__error,.roulette__winner{margin:0;color:#fff}.roulette__error{color:#fecaca}