.sd-root{position:fixed;inset:0;z-index:9000;background:#070a10;color:#e7ecf5;
  font:14px/1.45 "Segoe UI",system-ui,-apple-system,sans-serif;overflow:hidden;
  opacity:0;transition:opacity .2s}
.sd-root.is-open{opacity:1}
html.drive-open #app{visibility:hidden}
html.drive-open{overflow:hidden}
.sd-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}
.sd-scr{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;
  padding:max(18px,env(safe-area-inset-top)) 16px max(20px,env(safe-area-inset-bottom));
  overflow-y:auto;overscroll-behavior:contain;background:linear-gradient(180deg,#070a10f2,#0b101af2)}
.sd-scr[hidden]{display:none}
.sd-rotate{display:none;position:absolute;inset:0;z-index:30;flex-direction:column;align-items:center;
  justify-content:center;gap:14px;background:#070a10f0;font-size:17px;font-weight:600;text-align:center;padding:24px}
.sd-rotate-icon{font-size:56px;animation:sd-turn 1.6s ease-in-out infinite}
@keyframes sd-turn{0%,20%{transform:rotate(0)}55%,80%{transform:rotate(-90deg)}100%{transform:rotate(-90deg)}}
@media (orientation:portrait){.sd-root.is-touch-run .sd-rotate{display:flex}}
@media (prefers-reduced-motion:reduce){.sd-rotate-icon{animation:none}}
.sd-top{width:min(760px,100%);display:flex;align-items:center;gap:12px;margin-bottom:14px}
.sd-top h2{font-size:20px;font-weight:700;margin:0;flex:1}
.sd-btn{border:1px solid #2c3a52;background:#141d2c;color:#e7ecf5;border-radius:12px;
  padding:10px 16px;font:inherit;font-weight:600;cursor:pointer;transition:transform .06s,background .12s}
.sd-btn:hover{background:#1b2740}
.sd-btn:active{transform:scale(.97)}
.sd-btn.is-primary{background:#22b866;border-color:#22b866;color:#04180d}
.sd-btn.is-primary:hover{background:#2ad076}
.sd-btn.is-ghost{background:transparent;border-color:transparent;color:#9fb0c9}
.sd-btn[disabled]{opacity:.45;cursor:default}
.sd-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;
  background:#101827;border:1px solid #233150;font-weight:600;color:#c9d6ec}
.sd-chip b{color:#f2c14e}
.sd-card{width:min(760px,100%);background:#0e1624;border:1px solid #1f2c44;border-radius:16px;padding:16px}
.sd-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:min(760px,100%)}
.sd-nav{display:flex;flex-direction:column;gap:10px}
.sd-nav .sd-btn{width:100%;text-align:left;font-size:15px;padding:14px 18px;border-radius:14px}
.sd-hero{color:#8fa3c0;font-size:13px;margin:2px 0 12px}
.sd-mission-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid #1b2740}
.sd-mission-row:last-child{border-bottom:0}
.sd-mission-row .m-label{flex:1;min-width:0}
.sd-mission-row .m-label small{display:block;color:#8fa3c0;font-size:12px;font-weight:400}
.sd-bar{height:7px;border-radius:6px;background:#182234;overflow:hidden;margin-top:5px}
.sd-bar i{display:block;height:100%;border-radius:6px;background:#22b866;transition:width .3s}
.sd-mission-row .m-coins{color:#f2c14e;font-weight:700;white-space:nowrap}
.sd-mission-row.is-done .m-label{color:#5f7ba1}
.sd-mission-row.is-done .m-coins{color:#5f7ba1}
/* garage */
.sd-cars{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;
  width:min(1180px,100%);padding:4px 2px 24px;box-sizing:border-box;flex:0 0 auto}
.sd-carc{min-width:0;background:#0e1624;
  border:1px solid #1f2c44;border-radius:16px;padding:12px;display:flex;flex-direction:column;gap:8px}
.sd-carc.is-active{border-color:#22b866;box-shadow:0 0 0 1px #22b86666}
.sd-carc h4{margin:0;font-size:15px}
.sd-carpic{height:124px;margin:8px 0 6px;border-radius:12px;overflow:hidden;
  background:linear-gradient(160deg,#16243a,#0a101b);border:1px solid #1f2c44}
.sd-carpic img{width:100%;height:100%;object-fit:cover;display:block}
.sd-carpic img:not([src]){visibility:hidden}
.sd-carc .kind{color:#8fa3c0;font-size:12px}
.sd-sw{width:100%;height:64px;border-radius:10px;background:radial-gradient(120% 120% at 30% 20%,#3d5e8f,#0d1322);
  display:flex;align-items:center;justify-content:center}
.sd-sw i{width:64px;height:26px;border-radius:8px;box-shadow:0 7px 10px -4px #000a;display:block}
.statline{display:flex;justify-content:space-between;font-size:12px;color:#9fb0c9}
.statline .bar{flex:1;margin:0 8px}
.statline .bar i{display:block;height:5px;border-radius:4px;background:#2c3a52}
.sd-paints{display:flex;gap:6px;flex-wrap:wrap}
.sd-paints button{width:24px;height:24px;border-radius:50%;border:2px solid #0e1624;cursor:pointer;flex:none}
.sd-paints button.is-on{border-color:#fff}
.sd-uprow{display:flex;align-items:center;gap:8px;font-size:12.5px;color:#c9d6ec}
.sd-uprow .bar{flex:1}
.sd-price{font-weight:700;color:#f2c14e}
/* rooms */
.sd-code{font:700 26px/1.2 ui-monospace,monospace;letter-spacing:2px;word-spacing:6px}
.sd-player{display:flex;align-items:center;gap:8px;padding:7px 0;border-bottom:1px solid #1b2740;font-weight:600}
.sd-player:last-child{border-bottom:0}
.sd-mic-dot{width:9px;height:9px;border-radius:50%;background:#22b866;flex:none}
.sd-mic-dot.is-off{background:#48566e}
.sd-player .state{margin-left:auto;font-size:12px;color:#8fa3c0}
.sd-input{width:100%;border:1px solid #2c3a52;background:#101827;color:#e7ecf5;border-radius:12px;
  padding:11px 14px;font:inherit;outline:none}
.sd-input:focus{border-color:#22b866}
/* gameplay */
.sd-vignette{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .45s;
  background:radial-gradient(ellipse at 50% 46%, transparent 52%, #02050acc 130%)}
.sd-vignette.is-on{opacity:1}
.sd-nitro-wrap{position:absolute;inset:auto 150px 10px auto;pointer-events:none;width:130px;height:8px;background:#0b101bcc;border:1px solid #1f2c44;border-radius:6px;overflow:hidden}
.sd-nitro-wrap i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#ff3b3b,#ffcc00);box-shadow:0 0 12px rgba(255,59,59,0.7)}
.sd-hud{position:absolute;inset:auto 0 0 0;pointer-events:none;display:flex;align-items:flex-end;
  justify-content:space-between;padding:0 14px max(14px,env(safe-area-inset-bottom));gap:10px}
.sd-hud .left{display:flex;flex-direction:column;gap:8px}
.sd-hud .right{display:flex;flex-direction:column;align-items:flex-end;gap:8px;pointer-events:auto}
.sd-speedo{position:relative;width:150px;height:150px;flex:0 0 auto;aspect-ratio:1}
.sd-speedo canvas{width:100%;height:100%;display:block}
.sd-speedo .kmh{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
.sd-speedo .kmh b{font-size:34px;font-weight:800;letter-spacing:-1px}
.sd-speedo .kmh span{font-size:11px;color:#8fa3c0;text-transform:uppercase;letter-spacing:1px}
.sd-stats{display:flex;gap:12px;padding:9px 13px;border-radius:14px;background:#0c1322cc;
  border:1px solid #1f2c44;font-variant-numeric:tabular-nums}
.sd-stats div{display:flex;flex-direction:column;align-items:center;min-width:46px}
.sd-stats span{font-size:10.5px;color:#8fa3c0;text-transform:uppercase;letter-spacing:.6px}
.sd-stats b{font-size:15px;font-weight:700}
.sd-stats .combo b{color:#f2c14e}
.sd-runbtns{display:flex;gap:8px}
.sd-runbtns .sd-btn{pointer-events:auto}
.sd-combo-pop{position:absolute;left:50%;top:32%;transform:translate(-50%,-50%);font-weight:800;
  font-size:34px;color:#f2c14e;text-shadow:0 3px 16px #0009;opacity:0;pointer-events:none}
.sd-combo-pop.is-hot{animation:sdcombo .7s ease-out}
@keyframes sdcombo{0%{opacity:0;transform:translate(-50%,-30%) scale(.7)}18%{opacity:1;transform:translate(-50%,-50%) scale(1.05)}75%{opacity:1}100%{opacity:0;transform:translate(-50%,-64%) scale(1)}}
.sd-crash{position:absolute;inset:0;background:radial-gradient(circle,#f3126000 40%,#f3126077 100%);
  opacity:0;pointer-events:none;transition:opacity .4s}
.sd-crash.is-on{opacity:1;transition:opacity .05s}
.sd-touch{position:absolute;inset:auto 0 0 0;display:flex;justify-content:space-between;
  padding:0 16px max(14px,env(safe-area-inset-bottom));pointer-events:none}
.sd-touch .pad{display:flex;gap:10px;pointer-events:auto}
.sd-touch button{width:64px;height:64px;border-radius:18px;border:1px solid #2c3a52;background:#0e1624cc;
  color:#e7ecf5;font:700 20px/1 inherit;touch-action:none;user-select:none;-webkit-user-select:none}
.sd-touch button.is-down{background:#22b866;color:#04180d;border-color:#22b866}
.sd-touch .gas{background:#0e1624e6}
.sd-touch button.nitro{background:linear-gradient(180deg,#5a1414,#2a0a0a);border-color:#7a2222}
.sd-touch button.nitro.is-down{background:#ff4d4d;border-color:#ff8a8a}
.sd-touch .pad{align-items:flex-end}
.sd-touch button.pedal{height:92px;border-radius:22px;font-size:13px;letter-spacing:1px}
.sd-touch button.pedal.gas{width:96px;height:112px;background:linear-gradient(180deg,#123a26,#0b2418);border-color:#22b866;color:#7ff0b4}
.sd-touch button.pedal.gas.is-down{background:#22b866;color:#04180d}
.sd-touch button.pedal.brake{width:76px;background:linear-gradient(180deg,#2a1414,#160a0a);border-color:#7a3030;color:#ffb0b0}
.sd-touch button.pedal.brake.is-down{background:#e5484d;border-color:#e5484d;color:#fff}

/* Phone runs: everything that is read or tapped once goes to the top edge,
   so the bottom belongs to the thumbs and the pedals. */
.sd-root.is-touch-run .sd-touch .pad:first-child button{width:80px;height:88px;border-radius:22px;font-size:30px}
.sd-root.is-touch-run .sd-hud{inset:0 0 auto 0;align-items:flex-start;
  padding:max(8px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) 0 max(12px,env(safe-area-inset-left))}
.sd-root.is-touch-run .sd-hud .left{flex-direction:row;align-items:center;gap:8px}
.sd-root.is-touch-run .sd-stats{padding:6px 10px;gap:8px}
.sd-root.is-touch-run .sd-stats div{min-width:38px}
.sd-root.is-touch-run .sd-stats b{font-size:13px}
.sd-root.is-touch-run .sd-stats span{font-size:9px}
.sd-root.is-touch-run .sd-runbtns .sd-btn{padding:7px 12px;font-size:13px}
.sd-root.is-touch-run .sd-speedo{width:88px;height:88px}
.sd-root.is-touch-run .sd-speedo .kmh b{font-size:22px}
.sd-root.is-touch-run .sd-speedo .kmh span{font-size:9px}
.sd-root.is-touch-run .sd-nitro-wrap{inset:auto;top:calc(max(8px,env(safe-area-inset-top)) + 4px);right:112px;width:110px}
/* 2.2: liquid-glass HUD — the road shows through every button and panel */
.sd-hud .sd-btn,.sd-stats,.sd-touch button,.sd-sheet{
  background:linear-gradient(160deg,rgba(255,255,255,.16),rgba(255,255,255,.04) 55%,rgba(255,255,255,.08));
  border:1px solid rgba(255,255,255,.22);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 4px 18px rgba(0,0,0,.18);
  -webkit-backdrop-filter:blur(6px) saturate(1.4);backdrop-filter:blur(6px) saturate(1.4);
  text-shadow:0 1px 3px rgba(0,0,0,.55)}
.sd-hud .sd-btn:hover{background:rgba(255,255,255,.2)}
.sd-hud .sd-btn.is-on{background:rgba(255,255,255,.3)}
.sd-touch button.nitro{background:linear-gradient(160deg,rgba(255,90,90,.34),rgba(120,20,20,.14));border-color:rgba(255,120,120,.45)}
.sd-touch button.pedal.gas{background:linear-gradient(160deg,rgba(60,230,140,.3),rgba(10,80,45,.12));border-color:rgba(90,240,160,.5);color:#bfffdc}
.sd-touch button.pedal.brake{background:linear-gradient(160deg,rgba(255,90,90,.28),rgba(90,20,20,.12));border-color:rgba(255,130,130,.45);color:#ffd2d2}
.sd-touch button.is-down{background:rgba(34,184,102,.75);color:#04180d;border-color:#22b866}
.sd-touch button.nitro.is-down{background:rgba(255,77,77,.8)}
.sd-touch button.pedal.gas.is-down{background:rgba(34,184,102,.8);color:#04180d}
.sd-touch button.pedal.brake.is-down{background:rgba(229,72,77,.8);color:#fff}
.sd-more{font-size:20px;line-height:1;letter-spacing:1px;min-width:46px}
.sd-sheet{position:absolute;left:max(14px,env(safe-area-inset-left));bottom:calc(max(14px,env(safe-area-inset-bottom)) + 110px);
  z-index:15;width:min(360px,calc(100% - 28px));max-height:calc(100% - 40px);overflow:auto;
  padding:12px;border-radius:18px;display:flex;flex-direction:column;gap:10px;color:#eef3fb;
  background:linear-gradient(160deg,rgba(20,30,50,.5),rgba(10,16,28,.32));
  -webkit-backdrop-filter:blur(14px) saturate(1.5);backdrop-filter:blur(14px) saturate(1.5)}
.sd-sheet[hidden]{display:none}
.sd-sheet .cap{font-size:11px;text-transform:uppercase;letter-spacing:.8px;color:#c9d6ea;margin:0 0 5px 2px}
.sd-sheet .chips{display:flex;flex-wrap:wrap;gap:6px}
.sd-sheet .chip{border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08);color:#eef3fb;
  border-radius:999px;padding:6px 11px;font:600 13px/1.2 inherit;cursor:pointer}
.sd-sheet .chip.is-on{background:rgba(34,184,102,.85);border-color:#22b866;color:#04180d;text-shadow:none}
.sd-sheet .finish{background:rgba(229,72,77,.35);border-color:rgba(255,130,130,.5);color:#fff;padding:9px 12px;font-size:14px}
.sd-root.is-touch-run .sd-sheet{bottom:auto;top:calc(max(8px,env(safe-area-inset-top)) + 50px);max-height:calc(100% - 64px);
  width:min(540px,calc(100% - 28px));padding:9px 10px;gap:7px;border-radius:16px}
.sd-root.is-touch-run .sd-sheet .grp{display:flex;align-items:center;gap:8px}
.sd-root.is-touch-run .sd-sheet .cap{margin:0;min-width:70px;font-size:10px}
.sd-root.is-touch-run .sd-sheet .chips{gap:5px}
.sd-root.is-touch-run .sd-sheet .chip{padding:5px 9px;font-size:12px}
.sd-root.is-touch-run .sd-sheet .finish{padding:7px 12px;font-size:13px}
/* "Transparent" instead of glass: no frost, no blur, no highlight — just see-through */
.sd-root.sd-clear .sd-hud .sd-btn,.sd-root.sd-clear .sd-stats,.sd-root.sd-clear .sd-touch button,.sd-root.sd-clear .sd-sheet{
  -webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;
  background:rgba(10,16,28,.28);border-color:rgba(255,255,255,.16)}
.sd-root.sd-clear .sd-sheet{background:rgba(10,16,28,.55)}
.sd-root.sd-clear .sd-touch button.pedal.gas{background:rgba(34,184,102,.22);border-color:rgba(90,240,160,.4)}
.sd-root.sd-clear .sd-touch button.pedal.brake,.sd-root.sd-clear .sd-touch button.nitro{background:rgba(229,72,77,.22);border-color:rgba(255,130,130,.38)}
.sd-root.sd-clear .sd-touch button.is-down{background:rgba(34,184,102,.7)}
.sd-root.sd-clear .sd-touch button.pedal.brake.is-down,.sd-root.sd-clear .sd-touch button.nitro.is-down{background:rgba(229,72,77,.75)}
/* smaller phone controls */
.sd-root.is-touch-run .sd-runbtns{gap:6px}
.sd-root.is-touch-run .sd-runbtns .sd-btn{padding:6px 10px;font-size:13px;border-radius:11px}
.sd-root.is-touch-run .sd-more{font-size:17px;min-width:40px}
.sd-root.is-touch-run .sd-stats{padding:5px 9px;gap:6px;border-radius:12px}
.sd-root.is-touch-run .sd-stats b{font-size:12px}
.sd-root.is-touch-run .sd-stats span{font-size:8.5px}
.sd-root.is-touch-run .sd-speedo{width:76px;height:76px}
.sd-root.is-touch-run .sd-speedo .kmh b{font-size:19px}
.sd-root.is-touch-run .sd-nitro-wrap{right:96px;width:96px}
.sd-root.is-touch-run .sd-touch .pad:first-child button{width:66px;height:70px;border-radius:18px;font-size:26px}
.sd-root.is-touch-run .sd-touch button.pedal{height:76px;border-radius:18px;font-size:12px}
.sd-root.is-touch-run .sd-touch button.pedal.gas{width:80px;height:94px}
.sd-root.is-touch-run .sd-touch button.pedal.brake{width:64px}
.sd-root.is-touch-run .sd-touch button.nitro{width:56px;height:56px;font-size:13px}
.sd-fps{position:absolute;top:10px;left:10px;font:600 11.5px/1.4 ui-monospace,monospace;
  color:#9fb0c9;background:#0c1322b3;padding:3px 8px;border-radius:8px}
.sd-roomtag{position:absolute;top:10px;right:10px;font:600 12px/1.4 inherit;color:#8fa3c0;
  background:#0c1322b3;padding:4px 10px;border-radius:8px}
/* overlays */
.sd-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  background:#060a11e6;z-index:20;padding:20px}
.sd-overlay[hidden]{display:none}
.sd-modal{width:min(420px,100%);background:#0e1624;border:1px solid #24344f;border-radius:18px;
  padding:20px;display:flex;flex-direction:column;gap:12px}
.sd-modal h3{margin:0;font-size:20px}
.sd-modal .row{display:flex;gap:10px}
.sd-modal .row .sd-btn{flex:1}
.sd-tokens-big{font-size:30px;font-weight:800;color:#f2c14e}
.sd-toast{position:absolute;left:50%;bottom:96px;transform:translateX(-50%);background:#182338e6;
  border:1px solid #2c3a52;color:#e7ecf5;border-radius:12px;padding:10px 16px;font-weight:600;
  opacity:0;pointer-events:none;transition:opacity .25s;z-index:40;white-space:nowrap}
.sd-toast.is-on{opacity:1}
/* picker (the "wanna play" chooser) */
.sd-picker{position:fixed;inset:0;z-index:9500;display:flex;align-items:center;justify-content:center;
  background:#040710d9;opacity:0;transition:opacity .18s;padding:20px}
.sd-picker.is-open{opacity:1}
.sd-picker-card{width:min(560px,100%);background:#0e1624;border:1px solid #24344f;border-radius:20px;
  padding:22px;display:flex;flex-direction:column;gap:16px;color:#eaf1fb}
.sd-picker-card h2{margin:0;color:#fff}
.sd-picker-sub{color:#8fa3c0;margin:0 0 2px}
.sd-picker-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.sd-pick{border:1px solid #24344f;border-radius:16px;background:#101827;color:#e7ecf5;
  padding:16px;display:flex;flex-direction:column;gap:6px;cursor:pointer;text-align:left;font:inherit}
.sd-pick strong{font-size:17px}
.sd-pick span{color:#8fa3c0;font-size:13px;line-height:1.4}
.sd-pick .badge{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:#22b866;font-weight:700}
.sd-pick.is-drive .badge{color:#f2c14e}
.sd-pick:hover{border-color:#3b517a;background:#141f33}
.sd-picker-back{align-self:center}
/* settings widgets */
.sd-set-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #1b2740}
.sd-set-row:last-child{border-bottom:0}
.sd-set-row label{flex:1;font-weight:600}
.sd-seg{display:flex;gap:4px;background:#101827;border:1px solid #233150;border-radius:11px;padding:3px}
.sd-seg button{border:0;background:transparent;color:#9fb0c9;border-radius:8px;padding:6px 12px;
  font:600 12.5px/1.2 inherit;cursor:pointer}
.sd-seg button.is-on{background:#22b866;color:#04180d}
.sd-range{width:140px;accent-color:#22b866}
.sd-switch{position:relative;width:44px;height:25px;flex:none}
.sd-switch input{position:absolute;opacity:0;inset:0;width:100%;height:100%;cursor:pointer;z-index:5}
.sd-switch i{position:absolute;inset:0;border-radius:999px;background:#26334d;transition:background .15s}
.sd-switch i::after{content:"";position:absolute;top:3px;left:3px;width:19px;height:19px;border-radius:50%;
  background:#8894ab;transition:left .15s,background .15s}
.sd-switch input:checked+i{background:#22b86666}
.sd-switch input:checked+i::after{left:22px;background:#22b866}
@media (max-width:640px){
  .sd-picker-row{grid-template-columns:1fr}
  .sd-grid{grid-template-columns:1fr}
  .sd-speedo{width:120px;height:120px}
  .sd-speedo .kmh b{font-size:27px}
  .sd-stats{padding:7px 10px;gap:8px}
  .sd-stats div{min-width:40px}
  .sd-stats b{font-size:13px}
}

/* paint swatches and progress fills: no inline styles under CSP */
.sd-p-cv{background:#22b866}
.sd-p-gulf{background:#57b8e0}
.sd-p-sunfire{background:#f59e0b}
.sd-p-slate{background:#64748b}
.sd-p-rose{background:#e879a0}
.sd-p-fog{background:#9ca3af}
.sd-p-mantis{background:#65a30d}
.sd-p-magma{background:#dc2626}
.sd-p-seafoam{background:#34d399}
.sd-p-plum{background:#a855f7}
.sd-p-steel{background:#334155}
.sd-p-ivory{background:#e7e5e4}
.sd-p-claret{background:#7f1d1d}
.sd-p-gunmetal{background:#3f3f46}
.sd-p-palm{background:#15803d}
.sd-p-ember{background:#ea580c}
.sd-p-arctic{background:#93c5fd}
.sd-p-lemon{background:#facc15}
.sd-p-cobalt{background:#2563eb}
.sd-p-blood{background:#7f2320}
.sd-p-mint{background:#5eead4}
.sd-p-graphite{background:#1f2937}
.sd-p-ghost{background:#cbd5e1}
.sd-p-venom{background:#84cc16}
.sd-p-taupe{background:#78716c}
.sd-p-flame{background:#f97316}
.sd-p-abyss{background:#020617}
.sd-p-turkis{background:#14b8a6}
.sd-p-wine{background:#86198f}
.sd-p-sand{background:#d6c9a8}
.sd-p-onyx{background:#18181b}
.sd-p-haze{background:#d4d4d8}
.sd-p-iceberg{background:#bae6fd}
.sd-p-moss{background:#4d7c0f}
.sd-p-copper{background:#b45309}
.sd-p-noir{background:#111827}
.sd-p-riche{background:#b91c1c}
.sd-p-sunbeam{background:#fbbf24}
.sd-p-fjord{background:#155e75}
.sd-p-scarlet{background:#ef4444}
.sd-p-pearl{background:#f5f5f4}
.sd-p-aurora{background:#a3e635}
.sd-p-redline{background:#b91c1c}
.sd-p-deep{background:#1e3a8a}
.sd-p-silver{background:#d4d4d4}
.sd-p-nocturne{background:#312e81}
.sd-p-starlight{background:#e0e7ff}
.sd-p-glacier{background:#e0f2fe}
.sd-p-verdant{background:#22c55e}
.sd-p-void{background:#0f172a}
.sd-w0{width:0%}
.sd-w1{width:1%}
.sd-w2{width:2%}
.sd-w3{width:3%}
.sd-w4{width:4%}
.sd-w5{width:5%}
.sd-w6{width:6%}
.sd-w7{width:7%}
.sd-w8{width:8%}
.sd-w9{width:9%}
.sd-w10{width:10%}
.sd-w11{width:11%}
.sd-w12{width:12%}
.sd-w13{width:13%}
.sd-w14{width:14%}
.sd-w15{width:15%}
.sd-w16{width:16%}
.sd-w17{width:17%}
.sd-w18{width:18%}
.sd-w19{width:19%}
.sd-w20{width:20%}
.sd-w21{width:21%}
.sd-w22{width:22%}
.sd-w23{width:23%}
.sd-w24{width:24%}
.sd-w25{width:25%}
.sd-w26{width:26%}
.sd-w27{width:27%}
.sd-w28{width:28%}
.sd-w29{width:29%}
.sd-w30{width:30%}
.sd-w31{width:31%}
.sd-w32{width:32%}
.sd-w33{width:33%}
.sd-w34{width:34%}
.sd-w35{width:35%}
.sd-w36{width:36%}
.sd-w37{width:37%}
.sd-w38{width:38%}
.sd-w39{width:39%}
.sd-w40{width:40%}
.sd-w41{width:41%}
.sd-w42{width:42%}
.sd-w43{width:43%}
.sd-w44{width:44%}
.sd-w45{width:45%}
.sd-w46{width:46%}
.sd-w47{width:47%}
.sd-w48{width:48%}
.sd-w49{width:49%}
.sd-w50{width:50%}
.sd-w51{width:51%}
.sd-w52{width:52%}
.sd-w53{width:53%}
.sd-w54{width:54%}
.sd-w55{width:55%}
.sd-w56{width:56%}
.sd-w57{width:57%}
.sd-w58{width:58%}
.sd-w59{width:59%}
.sd-w60{width:60%}
.sd-w61{width:61%}
.sd-w62{width:62%}
.sd-w63{width:63%}
.sd-w64{width:64%}
.sd-w65{width:65%}
.sd-w66{width:66%}
.sd-w67{width:67%}
.sd-w68{width:68%}
.sd-w69{width:69%}
.sd-w70{width:70%}
.sd-w71{width:71%}
.sd-w72{width:72%}
.sd-w73{width:73%}
.sd-w74{width:74%}
.sd-w75{width:75%}
.sd-w76{width:76%}
.sd-w77{width:77%}
.sd-w78{width:78%}
.sd-w79{width:79%}
.sd-w80{width:80%}
.sd-w81{width:81%}
.sd-w82{width:82%}
.sd-w83{width:83%}
.sd-w84{width:84%}
.sd-w85{width:85%}
.sd-w86{width:86%}
.sd-w87{width:87%}
.sd-w88{width:88%}
.sd-w89{width:89%}
.sd-w90{width:90%}
.sd-w91{width:91%}
.sd-w92{width:92%}
.sd-w93{width:93%}
.sd-w94{width:94%}
.sd-w95{width:95%}
.sd-w96{width:96%}
.sd-w97{width:97%}
.sd-w98{width:98%}
.sd-w99{width:99%}
.sd-w100{width:100%}
.sd-chips{display:flex;gap:8px;margin-left:auto}
.sd-menu-stat{padding:8px 0}
.sd-menu-stat small{display:block;color:#8fa3c0;font-weight:400;font-size:12px}
.sd-menu-stat div{font-size:22px;font-weight:800}
.sd-nav.is-mt{margin-top:12px}
.sd-card.is-mt{margin-top:12px}
.sd-card.is-mtb{margin-bottom:12px}
.is-ml-auto{margin-left:auto}
.is-full{width:100%}
.sd-join-row{display:flex;gap:8px;margin-top:10px}
.sd-lobby-actions{display:flex;gap:8px;margin:10px 0 6px;flex-wrap:wrap}
.sd-sw i{box-shadow:0 7px 12px -4px #000c, inset 0 4px 6px #ffffff2e, inset 0 -4px 8px #00000055}
.sd-bar.g i{background:#22b866}
.sd-bar.a i{background:#f2c14e}
.sd-bar.d i{background:#5f7ba1}.statline .sd-bar{flex:1;margin:0 8px}
.sd-uprow .sd-bar{flex:1}