/* 12.13 — precision controls. No vessel, symbol, scenery or payline selectors. */
body[data-room] { --command-surface:#0b1017; --command-border:#e3cf9c36; --command-ink:#f7f1e5; --command-muted:#acaeae; }
.command-icon{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex:none}
body[data-room] .orbit-console.command-bar{
 display:grid;grid-template-columns:minmax(100px,1.1fr) minmax(158px,1.35fr) minmax(100px,1fr) 46px 46px 106px;
 grid-template-areas:'balance stake return turbo auto spin';gap:0;align-items:center;
 width:min(1000px,100%);min-height:58px;height:58px;max-height:58px;padding:0 6px 0 0;margin:4px auto 0;
 background:linear-gradient(180deg,#192029,#0b1017)!important;border:1px solid var(--command-border)!important;
 border-radius:12px;box-shadow:0 8px 28px #0007,inset 0 1px #fff1d212!important;backdrop-filter:none;
}
body[data-room] .command-bar>.metric,body[data-room] .command-bar>.stake-control{
 position:relative;display:grid;grid-template-rows:12px 27px;gap:2px;
 padding:7px 14px;height:56px;min-height:56px;max-height:56px;
 background:none;border:0;border-right:1px solid #ffffff13;border-radius:0;box-shadow:none;
}
body[data-room] .command-bar>.metric{grid-area:balance}
body[data-room] .command-bar>.return-metric{grid-area:return}
body[data-room] .command-bar>.stake-control{grid-area:stake;padding:7px 8px}
body[data-room] .command-bar .balance-heading,body[data-room] .command-bar .stake-heading{
 display:flex;align-items:center;justify-content:space-between;height:12px;min-height:12px;margin:0;gap:4px;
}
body[data-room] .command-bar .balance-heading>span:first-child,body[data-room] .command-bar .stake-heading label{
 color:var(--command-muted);font:600 9px/12px 'Manrope',Arial,sans-serif;letter-spacing:.12em;margin:0;
}
body[data-room] .command-bar .metric-note{font:500 7px/10px 'Manrope',sans-serif;letter-spacing:.04em;color:#b9b8ad;border:1px solid #ffffff20;padding:0 3px;border-radius:3px}
body[data-room] .command-bar .balance-value,body[data-room] .command-bar .stake-input-wrap{
 display:flex;align-items:center;gap:5px;height:27px;line-height:27px;min-width:0;border:0;border-radius:0;background:transparent;box-shadow:none;padding:0;
}
body[data-room] .command-bar .metric strong,body[data-room] .command-bar .stake-input-wrap input{
 font:600 22px/27px 'Manrope',Arial,sans-serif;letter-spacing:-.04em;font-variant-numeric:tabular-nums;
 color:var(--command-ink);height:27px;min-height:27px;margin:0;padding:0;border:0;border-radius:3px;background:transparent;min-width:0;
}
body[data-room] .command-bar .stake-input-wrap input{width:100%;text-align:center}
body[data-room] .command-bar .balance-unit,body[data-room] .command-bar #bet-unit{font:500 10px/1 'Manrope',sans-serif;color:var(--command-muted);position:static}
body[data-room] .command-bar .return-metric.is-positive strong{color:#e8cf96}
body[data-room] .command-bar .stake-heading{padding:0 5px}
body[data-room] .command-bar #bet-preset-open{
 position:absolute;inset:0 33px auto;height:22px;min-height:22px;padding:0;border:0;background:transparent;z-index:1;
 color:#eee5d1;font:600 9px/22px 'Manrope',sans-serif;letter-spacing:.1em;text-align:right;
}
body[data-room] .command-bar .stake-heading label{pointer-events:none}
body[data-room] .command-bar .bet-step{width:27px;height:27px;min-height:27px;flex:none;padding:0;border:1px solid #ffffff20;border-radius:6px;background:#ffffff06;font:400 20px/1 'Manrope',sans-serif;color:#ddd9ce}
body[data-room] .command-bar .bet-step:hover{background:#e9d49b17;border-color:#e9d49b60}
body[data-room] .command-bar .command-action{
 position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:44px;min-height:44px;height:44px;
 padding:4px 0;border:1px solid transparent;border-radius:7px;background:transparent;color:#b7babd;font:600 7px/9px 'Manrope',sans-serif;letter-spacing:.08em;
}
body[data-room] .command-bar #turbo{grid-area:turbo}
body[data-room] .command-bar #auto-play{grid-area:auto}
body[data-room] .command-bar .command-action:hover{color:#f3e0b4;background:#ffffff08}
body[data-room] .command-bar .command-action[aria-pressed=true]{color:#f6d998;background:#dbc08017;border-color:#e4c88655}
body[data-room] .command-bar>.spin{
 grid-area:spin;display:flex;align-items:center;justify-content:center;gap:0;
 width:100%;height:44px;min-height:44px;max-height:44px;padding:0;border:1px solid #f9e4ae88;border-radius:8px;
 background:linear-gradient(180deg,#f0dba7,#cbb27c);color:#242320;box-shadow:inset 0 1px #fff2d9,0 3px 8px #0004;
 font:800 13px/1 'Manrope',sans-serif;letter-spacing:.13em;transform:none;
}
body[data-room] .command-bar>.spin::before,body[data-room] .command-bar>.spin::after{display:none}
body[data-room] .command-bar>.spin:hover:enabled{filter:brightness(1.07);transform:none;box-shadow:inset 0 1px #fff2d9,0 4px 13px #0006}
body[data-room] .command-bar button:disabled{opacity:.38}
body[data-room] .command-bar button:focus-visible,body[data-room] .command-bar input:focus-visible{outline:2px solid #f1dba7;outline-offset:2px}
body[data-room] .console-hints{position:relative}
body[data-room] #command-status{position:absolute;top:0;right:0;left:0;margin:0;text-align:center;font:500 9px/1.4 'Manrope',sans-serif;color:#e4d1a4;background:#0b1017;z-index:2;pointer-events:none}
body[data-room] #command-status:empty{display:none}
body[data-room] .console-hints:has(.bet-error:not([hidden])) #command-status{display:none}
/* Same navigation destinations and footprints, one consistent icon family. */
body[data-room] .topbar .header-actions{background:#0b1017f5;border-color:var(--command-border);box-shadow:0 10px 32px #0007;backdrop-filter:none;border-radius:16px}
body[data-room] .topbar .platform-nav button,body[data-room] .topbar .header-utilities>details>summary,body[data-room] .topbar #rules-open{font-family:'Manrope',Arial,sans-serif;border-radius:8px;box-shadow:none;text-shadow:none}
body[data-room] .topbar .platform-nav button::before,body[data-room] .topbar .header-utilities>details>summary::before,body[data-room] .topbar #rules-open::before{display:none}
body[data-room] .topbar .platform-nav button[aria-pressed=true]{background:#dfc48b16;border-color:#e4ce984d;color:#f7e3b8}
body[data-room] .topbar .version-button{border:1px solid #e6d5aa33;background:#0b1017c9;box-shadow:none;color:#cfbb8d;font-family:'Manrope',sans-serif}
body[data-room] .console-bottom #music-start{display:inline-flex;align-items:center;justify-content:center;gap:5px}
body[data-room] .console-bottom #music-start .command-icon{width:14px;height:14px}
body[data-room] .topbar .settings-popover,body[data-room] .topbar .utility-menu nav{background:#0b1017f9;border-color:var(--command-border);border-radius:12px;box-shadow:0 14px 45px #0009}
body[data-room] .topbar .settings button{border:1px solid #ffffff1d;background:#ffffff04;border-radius:7px;font:500 12px/1.3 'Manrope',sans-serif;padding:10px}
.command-dialog{width:min(430px,calc(100vw - 28px));padding:24px;background:#10161e;color:#f2ecdf;border:1px solid #d8c59450;border-radius:16px;box-shadow:0 20px 90px #000a;font:13px/1.6 'Manrope',Arial,sans-serif}
.command-dialog::backdrop{background:#03060bcc;backdrop-filter:blur(6px)}
.command-dialog .dialog-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:0 0 20px}
.command-dialog h2{font:600 22px/1.3 'Manrope',sans-serif;letter-spacing:-.03em;margin:0}
.command-dialog .dialog-close{height:40px;width:40px;min-height:40px;flex:none;border:1px solid #ffffff24;border-radius:8px;background:#ffffff05;font:24px/1 'Manrope',sans-serif}
.command-dialog>p{color:#b4bbc1;font-size:12px;line-height:1.6}
.command-dialog .field-label{display:block;margin:0 0 8px;font:600 12px/1.4 'Manrope',sans-serif;color:#e4d6b4}
.command-dialog select{display:block;width:100%;padding:12px;border:1px solid #ffffff2a;border-radius:8px;background:#090f16;color:#f4edde;font:600 16px 'Manrope',sans-serif}
.command-dialog .auto-stop-option{display:flex;gap:10px;align-items:center;margin:16px 0;cursor:pointer;font:500 13px/1.5 'Manrope',sans-serif}
.command-dialog input[type=checkbox]{accent-color:#d6bd88;width:18px;height:18px}
.command-dialog .command-primary{width:100%;min-height:46px;border:1px solid #ecd69f;border-radius:8px;color:#242320;background:#dfc58f;font:700 13px/1 'Manrope',sans-serif;margin-top:12px}
#quick-bets-dialog .bet-options{display:block;height:auto;padding:0;position:static}
#quick-bets-dialog .bet-chips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;height:auto;background:none;padding:0;border:0}
#quick-bets-dialog .bet-chips button{min-height:48px;border:1px solid #d6c5963b;border-radius:8px;background:#ffffff04;color:#e8e2d5;font:600 18px 'Manrope',sans-serif}
#quick-bets-dialog .bet-chips button[aria-pressed=true]{background:#dfc48b22;border-color:#dfc48b;color:#f6db9e}
@media (max-width:1000px) and (min-width:651px){
 body[data-room] .orbit-console.command-bar{grid-template-columns:minmax(85px,1fr) minmax(126px,1.2fr) minmax(80px,.8fr) 42px 42px 78px}
 body[data-room] .command-bar>.metric{padding-left:9px;padding-right:9px}
 body[data-room] .command-bar .metric strong,body[data-room] .command-bar .stake-input-wrap input{font-size:18px}
 body[data-room] .command-bar .metric-note{display:none}
 body[data-room] .command-bar .command-action{width:40px}
}
@media (max-width:650px){
 body[data-room] .orbit-console.command-bar{grid-template-columns:44px 44px minmax(0,1fr) minmax(0,1fr);grid-template-areas:'balance balance return return' 'turbo auto stake spin';padding:0 5px 4px;gap:0 4px;height:88px;min-height:88px;max-height:88px;border-radius:11px}
 body[data-room] .command-bar>.metric{height:38px;min-height:38px;max-height:38px;grid-template-rows:10px 20px;padding:4px 6px;gap:0;border:0}
 body[data-room] .command-bar>.return-metric{justify-self:stretch;text-align:right}
 body[data-room] .command-bar>.return-metric .balance-heading,body[data-room] .command-bar>.return-metric .balance-value{justify-content:flex-end}
 body[data-room] .command-bar .balance-value{height:20px;line-height:20px}
 body[data-room] .command-bar .metric strong{height:20px;min-height:20px;font-size:17px;line-height:20px}
 body[data-room] .command-bar .balance-heading>span:first-child{font-size:8px;line-height:10px}
 body[data-room] .command-bar .metric-note{display:none}
 body[data-room] .command-bar>.stake-control{height:44px;min-height:44px;max-height:44px;padding:2px 4px;grid-template-rows:11px 25px;gap:1px;border:1px solid #ffffff24;border-radius:8px}
 body[data-room] .command-bar .stake-heading{padding:0 1px}
 body[data-room] .command-bar .stake-heading label{font-size:8px;letter-spacing:.07em}
 body[data-room] .command-bar #bet-preset-open{inset:0 5px auto;height:18px;min-height:18px;font-size:8px;line-height:18px}
 body[data-room] .command-bar .stake-input-wrap{height:25px;gap:2px}
 body[data-room] .command-bar .stake-input-wrap input{font-size:16px;line-height:25px;height:25px;min-height:25px}
 body[data-room] .command-bar .bet-step{display:none}
 body[data-room] .command-bar #bet-unit{font-size:8px}
 body[data-room] .command-bar>.spin{height:44px;min-height:44px;max-height:44px;font-size:12px;letter-spacing:.06em}
 body[data-room] .command-bar .command-action{width:44px;height:44px;min-height:44px;background:#ffffff05;border-color:#ffffff12;font-size:7px}
 body[data-room] .topbar .command-icon{width:16px;height:16px}
 body[data-room] #command-status{font-size:8px}
}
@media (min-width:651px) and (max-width:800px){
 body[data-room] .orbit-console.command-bar{grid-template-columns:minmax(72px,1fr) minmax(110px,1.2fr) minmax(62px,.8fr) 44px 44px 66px}
 body[data-room] .command-bar>.metric{padding-left:6px;padding-right:6px}
 body[data-room] .command-bar .metric strong{font-size:16px}
 body[data-room] .command-bar .balance-heading>span:first-child{font-size:7px;letter-spacing:.06em}
 body[data-room] .command-bar .stake-input-wrap input{font-size:16px}
 body[data-room] .command-bar .bet-step{width:21px;font-size:17px}
}
