/* Roulette-only visual system, loaded after the shared arcade theme. */
body.retro-theme [data-game="roulette"],body.retro-theme[data-game="roulette"]{--rt-gold:#d9bd85;--rt-ink:#091612;--rt-line:#c9b38255;font-family:Inter,"Noto Sans JP",system-ui,sans-serif}
body.retro-theme [data-game="roulette"] .roulette-rim,body.retro-theme[data-game="roulette"] .roulette-rim{fill:url(#rouletteGold);stroke:#e5cb95;stroke-width:1}
body.retro-theme [data-game="roulette"] .roulette-rim-inner,body.retro-theme[data-game="roulette"] .roulette-rim-inner{fill:#151b19;stroke:#745a3d}
body.retro-theme [data-game="roulette"] .roulette-felt,body.retro-theme[data-game="roulette"] .roulette-felt{fill:url(#rouletteBowl);stroke:#bb9761;stroke-width:2}
body.retro-theme [data-game="roulette"] .roulette-spindle,body.retro-theme[data-game="roulette"] .roulette-spindle,body.retro-theme [data-game="roulette"] .roulette-spindle-cap,body.retro-theme[data-game="roulette"] .roulette-spindle-cap{fill:url(#rouletteGold);stroke:#e1c996;stroke-width:.6}
body.retro-theme [data-game="roulette"] .roulette-center-ring,body.retro-theme[data-game="roulette"] .roulette-center-ring{stroke:#c9ac6740;fill:none;stroke-dasharray:none}
body.retro-theme [data-game="roulette"] .roulette-pocket--red path,body.retro-theme[data-game="roulette"] .roulette-pocket--red path{fill:#9a3040}
body.retro-theme [data-game="roulette"] .roulette-pocket--black path,body.retro-theme[data-game="roulette"] .roulette-pocket--black path{fill:#141d20}
body.retro-theme [data-game="roulette"] .roulette-pocket--green path,body.retro-theme[data-game="roulette"] .roulette-pocket--green path{fill:#21644c}
body.retro-theme [data-game="roulette"] .roulette-wheel-caption,body.retro-theme[data-game="roulette"] .roulette-wheel-caption{fill:#cbbd9c;font-size:8px;letter-spacing:1.4px}
body.retro-theme [data-game="roulette"] .roulette-pointer,body.retro-theme[data-game="roulette"] .roulette-pointer{fill:#edcf94;stroke:#6f512e}
body.retro-theme [data-game="roulette"] .roulette-wheel,body.retro-theme[data-game="roulette"] .roulette-wheel{filter:drop-shadow(0 12px 12px #0008)}
body.retro-theme #gameView[data-game="roulette"] .casino-table{background:radial-gradient(ellipse at 50% 18%,#205341,#102d25 60%,#091b18);border:1px solid #96754b;border-radius:22px;box-shadow:inset 0 0 35px #0006,0 12px 35px #0005}
body.retro-theme #gameView[data-game="roulette"] #roundResult{border:0;background:#0a1e1ba8;border-radius:12px;color:#f0e5d0;box-shadow:none}
body.retro-theme #gameView[data-game="roulette"] #rouletteMiniButton{padding:8px;border:1px solid #ad956055;border-radius:12px;background:#0c271f;box-shadow:none}
body.retro-theme #gameView[data-game="roulette"] #rouletteChoose,body.retro-theme #gameView[data-game="roulette"] #closeRoulettePicker{background:#234c3e;border:1px solid #b69d6b;color:#f3e6cb;border-radius:10px;box-shadow:inset 0 1px #ffffff18;min-height:48px}
body.retro-theme #gameView[data-game="roulette"] #playCasino{background:linear-gradient(#ecd5a5,#c7a76e);color:#201c15;border:1px solid #f4dfb5;border-radius:12px;box-shadow:0 3px 0 #7a613d;font-weight:800;font-size:16px}
body.retro-theme #gameView[data-game="roulette"] .roulette-placement-panel{background:#102b24;border:1px solid #927952;border-radius:16px;padding:12px}
body.retro-theme #gameView[data-game="roulette"] .roulette-placement-panel>.help-heading{background:#102b24;top:-12px;padding:6px 0 10px;border-bottom:1px solid #b9a47733}
body.retro-theme #gameView[data-game="roulette"] .roulette-placement-panel .roulette-chip-controls{background:transparent;border-color:#b9a47733}
body.retro-theme #gameView[data-game="roulette"] #rouletteChips{justify-content:space-between;gap:9px;margin:12px 0}
body.retro-theme #gameView[data-game="roulette"] #rouletteChips button,body.retro-theme[data-game="roulette"] .os-chips button{flex:0 1 54px;width:54px;height:54px;min-width:44px;min-height:44px;border-radius:50%;border:4px dashed #f1e5c9;background:radial-gradient(circle,#294b42 53%,#416758 55%,#193b30 68%);color:#fff5de;font-size:15px;font-weight:800;box-shadow:0 4px 0 #071a14,0 7px 9px #0005;outline:none;padding:0}
body.retro-theme #gameView[data-game="roulette"] #rouletteChips button[aria-pressed="true"],body.retro-theme[data-game="roulette"] .os-chips button[aria-pressed="true"]{background:radial-gradient(circle,#e1c890 53%,#f3e2b9 55%,#b69a60 68%);color:#272316;border-color:#fff6d8;box-shadow:0 4px 0 #796036,0 0 0 3px #e2c99255;transform:translateY(-3px)}
body.retro-theme #gameView[data-game="roulette"] .roulette-spatial-cell,body.retro-theme[data-game="roulette"] .roulette-spatial-cell{border-color:#dbd0ad88;font:600 20px/1 system-ui;box-shadow:inset 0 1px #ffffff0d;text-shadow:0 1px 2px #0008}
body.retro-theme #gameView[data-game="roulette"] .roulette-spatial-cell.roulette-choice--red,body.retro-theme[data-game="roulette"] .roulette-spatial-cell.roulette-choice--red{background:linear-gradient(135deg,#9b3646,#752533)}
body.retro-theme #gameView[data-game="roulette"] .roulette-spatial-cell.roulette-choice--black,body.retro-theme[data-game="roulette"] .roulette-spatial-cell.roulette-choice--black{background:linear-gradient(135deg,#26322f,#111e1c)}
body.retro-theme #gameView[data-game="roulette"] .roulette-spatial-chip,body.retro-theme[data-game="roulette"] .roulette-spatial-chip{background:#ecd7a3;color:#29251a;border:3px dashed #fff5d6;box-shadow:0 3px 0 #92733f,0 5px 7px #0008}
body.retro-theme[data-game="roulette"]{background:#091411;color:#eee8dc}
body.retro-theme[data-game="roulette"] main{max-width:560px;padding:12px 16px calc(24px + env(safe-area-inset-bottom));background:radial-gradient(ellipse at 50% 15%,#153c2f,transparent 55%)}
body.retro-theme[data-game="roulette"] .os-header{padding:4px 0 14px;border-bottom:1px solid #c9b38233}
body.retro-theme[data-game="roulette"] .os-header h1{font-size:19px;letter-spacing:2px;text-align:center;font-weight:600}
body.retro-theme[data-game="roulette"] .os-header h1 small{display:block;font-size:8px;letter-spacing:2px;color:#bcae90;margin-bottom:4px}
body.retro-theme[data-game="roulette"] .button,body.retro-theme[data-game="roulette"] .os-actions button{border-radius:10px;background:#18392f;border:1px solid #ad956055;box-shadow:none;color:#eee4cd}
body.retro-theme[data-game="roulette"] .os-wallet{margin:12px 0;padding:8px 12px;background:#081b16;border-radius:12px;border:1px solid #b8a27533}
body.retro-theme[data-game="roulette"] .os-wallet span{color:#b4c5b8;font-size:10px}
body.retro-theme[data-game="roulette"] .os-wallet strong{color:#f2ddad;font-size:24px;font-variant-numeric:tabular-nums}
.roulette-stage{background:radial-gradient(ellipse,#204f3a,#102c23 70%);border-radius:24px;border:1px solid #bba27333;box-shadow:inset 0 0 30px #0004;padding:12px}
.roulette-stage-label{font-size:9px;letter-spacing:2px;color:#c9bb9b;display:flex;justify-content:space-between}
body.retro-theme[data-game="roulette"] #osBoard{height:246px}
body.retro-theme[data-game="roulette"] #osResult{height:auto;min-height:0;margin:10px 0;line-height:1.6}
body.retro-theme[data-game="roulette"] #osResult:empty{margin:0}
body.retro-theme[data-game="roulette"] #osResult strong{color:#edd6a4}
body.retro-theme[data-game="roulette"] #osStatus{min-height:0;margin:10px 0;color:#c0cdbf;font-size:12px}
body.retro-theme[data-game="roulette"] .roulette-custom{margin:0}
body.retro-theme[data-game="roulette"] .os-betboard{background:#123629;border:1px solid #a68a574d;border-radius:18px;padding:12px}
.roulette-bet-heading{display:flex;justify-content:space-between;align-items:center;margin:2px 0 14px;font-size:14px}.roulette-bet-heading span{font-size:11px;color:#bec9b7}
body.retro-theme[data-game="roulette"] .os-chips{justify-content:space-between;flex-wrap:nowrap;gap:8px;padding:10px 0 16px;margin:0}
body.retro-theme[data-game="roulette"] #osDirectTargets{gap:6px}
body.retro-theme[data-game="roulette"] .os-target{border:1px solid #c6b48988;background:#204737;border-radius:8px;padding:9px;font-size:16px;color:#fff2d8}
body.retro-theme[data-game="roulette"] #osDirectTargets [data-bet="outside:red"]{background:#8c3040}
body.retro-theme[data-game="roulette"] #osDirectTargets [data-bet="outside:black"]{background:#15211e}
body.retro-theme[data-game="roulette"] #osSpatial{max-height:350px;overscroll-behavior:contain;border:1px solid #d2c09788;border-radius:10px;scrollbar-color:#ac9864 #102c23;scroll-padding:10px}
body.retro-theme[data-game="roulette"] #osCoverage{min-height:0;color:#c1cebe;font-size:11px;line-height:1.6;margin:10px 0}
body.retro-theme[data-game="roulette"] .roulette-action-dock{position:sticky;bottom:0;z-index:5;margin:12px -4px;padding:10px 10px calc(12px + env(safe-area-inset-bottom));background:#0b211af5;border:1px solid #bea47566;border-radius:16px;box-shadow:0 -8px 24px #0004;backdrop-filter:blur(12px)}
body.retro-theme[data-game="roulette"] #osStakeHelp{min-height:0;margin:0 0 9px;text-align:center;font-variant-numeric:tabular-nums;color:#e8dcc4;font-size:12px}
body.retro-theme[data-game="roulette"] .os-primary .button{min-height:52px;background:linear-gradient(#eed8a9,#c5a36a);border:1px solid #f1ddb5;color:#211e16;font-weight:800;box-shadow:0 3px 0 #755e3c;font-size:15px}
body.retro-theme[data-game="roulette"] button:focus-visible,body.retro-theme #gameView[data-game="roulette"] button:focus-visible{outline:3px solid #f8dda0!important;outline-offset:3px}
body.retro-theme[data-game="roulette"] .os-note{color:#aab8aa;line-height:1.8;margin-top:14px}
@media(max-width:360px){body.retro-theme[data-game="roulette"] main{padding-left:10px;padding-right:10px}body.retro-theme[data-game="roulette"] #osBoard{height:220px}body.retro-theme[data-game="roulette"] .os-chips button{width:46px;height:46px}body.retro-theme[data-game="roulette"] .os-header h1{font-size:16px}}