.roulette-shell{color:var(--text-primary);background:0 0}.roulette-board{background:radial-gradient(circle at 50% -40%,#020617 0,#020d10 38%,#020617 100%);border:1px solid #0f172ae6;border-radius:26px;position:relative;overflow:hidden;box-shadow:0 16px 40px #000000e6,0 0 0 1px #0f172ae6}.roulette-board-inner{border-radius:inherit;background:radial-gradient(circle at 50% 0,#062017 0,#04130f 45%,#020a07 100%);box-shadow:inset 0 0 0 1px #0f2e24cc,inset 0 0 40px #000000d9}.roulette-board:before{content:"";pointer-events:none;opacity:.04;background-image:repeating-linear-gradient(135deg,#03071299,#03071299 2px,#0f172abf 2px 4px);position:absolute;inset:0}.roulette-hotspot-layer{position:absolute}.roulette-hotspot{cursor:pointer;font-family:var(--font-family-sans);letter-spacing:.02em;color:#fefce8;text-shadow:0 0 4px #000000a6;background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:.78rem;font-weight:600;transition:none;display:flex}.roulette-hotspot--ghost{border-radius:var(--radius-full);box-shadow:none;background:0 0;border:none;outline:none}.roulette-hotspot--ghost-visible{box-shadow:none;background:#ffffff14;border:1px solid #ffffff4d;border-radius:999px}.roulette-hotspot--ghost-visible:hover{background:#ffffff1f;border-color:#fff9}.roulette-hotspot-toggle{border:1px solid var(--border-soft);background:var(--bg-card);color:var(--text-muted);box-shadow:var(--shadow-soft);cursor:pointer;font-family:var(--font-family-sans);font-size:var(--font-size-label-xs);transition:background-color var(--duration-fast)ease-out,border-color var(--duration-fast)ease-out,color var(--duration-fast)ease-out,box-shadow var(--duration-fast)ease-out;justify-content:center;align-items:center;display:flex}.roulette-hotspot-toggle:hover{background:var(--bg-card-elevated);border-color:var(--border-subtle);color:var(--text-primary)}.roulette-hotspot-toggle:active{box-shadow:none}.roulette-cell{clip-path:polygon(20% 0,80% 0,100% 20%,100% 80%,80% 100%,20% 100%,0 80%,0 20%);font-family:var(--font-family-display);letter-spacing:.02em;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);border:1px solid #f4e4b5cc;border-radius:18px;font-size:.86rem;font-weight:700;line-height:1;position:relative;box-shadow:inset 0 0 3px #00000059,0 0 0 1px #000000d9,0 0 14px #0f172acc}.roulette-cell--red{background:radial-gradient(circle at 30% 0,#b32626 0,#8a1b1b 45%,#4a1010 100%)}.roulette-cell--black{background:radial-gradient(circle at 30% 0,#0b1020 0,#050716 45%,#000 100%)}.roulette-cell:hover{box-shadow:inherit;filter:none;transform:none}.roulette-zero{clip-path:none;box-shadow:none;font-family:var(--font-family-display);letter-spacing:.14em;text-transform:uppercase;color:#fefce8;text-shadow:0 0 4px #0009;background:#15803d;border:1px solid #c1e7c5e6;border-radius:999px;font-size:.8rem;font-weight:600}.roulette-zero:hover{box-shadow:none;transform:none}.roulette-group{background:linear-gradient(135deg,#050a12e6,#051814e6);border:1px solid #f4e4b5b3;border-radius:999px;box-shadow:0 0 0 1px #000000e6,0 0 14px #0f172acc}.roulette-group:hover{filter:none;transform:none;box-shadow:0 0 0 1px #000000e6,0 0 14px #0f172acc}.roulette-label{font-family:var(--font-family-sans);letter-spacing:.1em;text-transform:uppercase;color:#fef3c7;text-shadow:0 0 6px #000c;font-size:.7rem;font-weight:500;display:inline-block}.roulette-label--vertical{transform:rotate(-90deg)}.roulette-bet-button{box-sizing:border-box;text-align:center;font-family:var(--font-family-display);letter-spacing:.2em;text-transform:uppercase;border-radius:var(--radius-full);color:#020617;cursor:pointer;transition:transform var(--duration-fast)var(--easing-standard),box-shadow var(--duration-fast)var(--easing-standard),filter var(--duration-fast)var(--easing-standard),background-color var(--duration-fast)var(--easing-standard);background:linear-gradient(#f8d74a 0%,#e0b526 100%);border:1px solid #f4e4b5e6;justify-content:center;align-items:center;padding:0;font-size:.72rem;font-weight:600;display:flex;box-shadow:inset 0 1px 2px #ffffff59,0 6px 16px #0000008c}.roulette-bet-button:hover{filter:brightness(1.06);transform:translateY(-1px);box-shadow:inset 0 1px 2px #fff6,0 10px 22px #000000a6}.roulette-bet-button:active{filter:brightness(.96);transform:translateY(0);box-shadow:inset 0 1px 3px #0006,0 3px 8px #0000008c}.roulette-bet-button:disabled{cursor:default;opacity:.6;filter:grayscale(.3);box-shadow:inset 0 0 #0000,0 2px 6px #0006}.roulette-chip{pointer-events:none;display:block;position:absolute}.roulette-chip svg{width:100%;height:100%;display:block}