:root{--bg:#10171d;--panel:#18232b;--line:#34434d;--muted:#92a1aa;--gold:#edc863;--red:#ff554e}
*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:#f7f9fa;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{min-height:100vh}
.page{width:min(1510px,100%);margin:auto;padding:12px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:9px}.brand{display:flex;gap:10px;align-items:center}.mark{width:42px;height:42px;border-radius:12px;background:#f24b42;color:white;display:grid;place-items:center;font-size:17px;font-weight:950}.brand strong,.brand span{display:block}.brand span{font-size:10px;color:var(--muted);margin-top:2px}.actions{display:flex;gap:6px;align-items:center}.btn{border:1px solid var(--line);background:var(--panel);color:white;border-radius:9px;padding:8px 11px;font-size:11px;font-weight:850;cursor:pointer;text-decoration:none}.btn.primary{background:var(--gold);border-color:var(--gold);color:#222b30}.btn.large{padding:12px 18px}
.ad-slot{display:flex;align-items:center;justify-content:center;background:#152028;border:1px solid #293842;border-radius:9px}.ad-slot:not(.has-ad):before{content:"ADVERTISEMENT";font-size:8px;color:#52636e}.top-ad,.bottom-ad{min-height:90px}.side-ad{min-height:400px}.layout{display:grid;grid-template-columns:160px minmax(0,1fr) 160px;gap:10px;margin-top:10px}.game-column{min-width:0}.game-shell{overflow:hidden;border:1px solid var(--line);border-radius:18px;background:#111a20}
.hud{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:#26343d}.hud>div{background:#111a20;padding:12px 15px}.hud small,.hud strong{display:block}.hud small{text-transform:uppercase;letter-spacing:.8px;font-size:8px;color:#8d9ca5}.hud strong{margin-top:3px;font-size:17px;font-variant-numeric:tabular-nums}
.stage{position:relative;aspect-ratio:16/9;min-height:420px;overflow:hidden;background:#71c8ee;touch-action:none;user-select:none}#gameCanvas{display:block;width:100%;height:100%}.speed-lines{position:absolute;inset:0;pointer-events:none;opacity:0;background:repeating-linear-gradient(110deg,transparent 0 49%,rgba(255,255,255,.10) 50%,transparent 51%);mix-blend-mode:screen}.event-toast{position:absolute;top:18%;left:50%;transform:translateX(-50%);padding:8px 12px;border-radius:999px;background:rgba(12,18,22,.82);font-size:12px;font-weight:950;pointer-events:none}.event-toast.hidden,.danger.hidden,.overlay.hidden,.saved.hidden{display:none}.danger{position:absolute;top:10px;left:50%;transform:translateX(-50%);padding:6px 11px;border:1px solid #ff766f;background:rgba(87,17,18,.9);border-radius:999px;color:#ffaaa5;font-size:9px;font-weight:950}
.overlay{position:absolute;inset:0;display:grid;place-items:center;padding:18px;background:rgba(8,12,15,.67);backdrop-filter:blur(5px);z-index:5}.modal{width:min(560px,94%);padding:22px;background:#172229;border:1px solid #43525c;border-radius:18px;box-shadow:0 25px 80px rgba(0,0,0,.42)}.modal.compact{width:min(400px,94%)}.modal em{color:var(--gold);font-size:9px;font-style:normal;font-weight:950;letter-spacing:1.1px}.modal h1{margin:7px 0 8px;font-size:27px}.modal p{margin:0 0 14px;color:#a8b5bc;font-size:11px;line-height:1.55}
.rule-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:12px 0}.rule-grid span{padding:10px;border:1px solid #35454e;border-radius:10px;color:#aeb9bf;font-size:9px}.rule-grid b{display:block;color:#fff;font-size:19px}.controls-card{display:grid;grid-template-columns:auto 1fr;gap:7px 12px;padding:11px;margin:0 0 13px;border-radius:11px;background:#11191e}.controls-card b{font-size:10px}.controls-card span{font-size:9px;color:#aab7bd}
.final-score{font-size:38px;font-weight:950;color:var(--gold);margin:8px 0 13px}.results{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.results span{padding:9px;border:1px solid #34434c;border-radius:9px}.results small,.results b{display:block}.results small{font-size:8px;color:#8798a2}.results b{font-size:12px;margin-top:3px}
.mobile-drive-controls{display:none;grid-template-columns:100px 1fr 100px;gap:8px;padding:8px;background:#10191f;border-top:1px solid var(--line)}.drive-btn{border:1px solid var(--line);border-radius:12px;padding:13px 8px;color:white;font-size:11px;font-weight:950;touch-action:none}.drive-btn.brake{background:#6c292a}.drive-btn.gas{background:#1f6747}.drive-btn.pressed{filter:brightness(1.35);transform:translateY(1px)}.steer-hint{display:grid;place-items:center;color:#72838d;font-size:8px;font-weight:850;letter-spacing:.6px}
.game-foot{display:flex;justify-content:space-between;gap:10px;padding:8px 12px;border-top:1px solid var(--line);color:#83939c;font-size:9px}.info-grid,.score-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:9px}.panel,.leader-panel,.account-panel{border:1px solid var(--line);background:var(--panel);border-radius:13px;padding:13px}.panel strong,.panel span{display:block}.panel strong{font-size:11px}.panel span{margin-top:4px;color:var(--muted);font-size:9px;line-height:1.5}
.leader-head,.account-panel{display:flex;justify-content:space-between;align-items:center;gap:10px}.leader-head strong,.account-panel strong{font-size:11px}.leader-head span,.account-panel span{display:block;color:var(--muted);font-size:9px;margin-top:3px}.leader-row{display:grid;grid-template-columns:28px 1fr auto;gap:8px;padding:7px 0;border-top:1px solid var(--line);font-size:10px}.leader-row:first-child{border-top:0}.empty-leader{padding:8px 0;color:var(--muted);font-size:9px}.saved{margin:9px 0;padding:9px 11px;border:1px solid #3f7458;background:#15281d;color:#9ce1b4;border-radius:9px;font-size:10px}.game-footer{display:flex;justify-content:space-between;gap:10px;padding:13px 3px;color:#6f8089;font-size:9px}.game-footer a{color:#93a6b1;text-decoration:none;margin-left:10px}
@media(max-width:1150px){.layout{grid-template-columns:1fr}.side-ad{display:none}}
@media(max-width:760px){.page{padding:7px}.brand span{display:none}.hud{grid-template-columns:repeat(3,1fr)}.hud>div:nth-child(n+4){display:none}.stage{min-height:430px;aspect-ratio:auto;height:65vh;max-height:720px}.mobile-drive-controls{display:grid}.info-grid,.score-grid{grid-template-columns:1fr}.results{grid-template-columns:repeat(2,1fr)}.game-foot{display:none}.top-ad,.bottom-ad{min-height:70px}}


/* FULL-VIEW PLAY AREA */
.stage{height:min(68vh,calc(100svh - 190px))!important;min-height:360px;aspect-ratio:auto!important}
#gameCanvas{width:100%!important;height:100%!important}
@media(max-width:760px){.stage{height:calc(100svh - 175px)!important;min-height:300px}}


/* LIVE CONSISTENCY FIX — Redline viewport authority */
.stage.sg-gameplay-viewport{
  aspect-ratio:auto!important;
  min-height:0!important;
  height:var(--sg-play-height)!important;
  max-height:var(--sg-play-height)!important;
}
.stage.sg-gameplay-viewport #gameCanvas{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
}


/* REDLINE LAYOUT HOTFIX V5
   Prevent CSS-grid intrinsic sizing from collapsing the game column. */
.layout{
  display:flex!important;
  width:100%!important;
  max-width:100%!important;
  align-items:flex-start!important;
  gap:10px!important;
}
.layout>.side-ad{
  flex:0 0 160px!important;
  width:160px!important;
  min-width:160px!important;
}
.layout>.game-column{
  display:block!important;
  flex:1 1 0!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
}
.game-column>.game-shell{
  width:100%!important;
  max-width:none!important;
}
@media(max-width:1150px){
  .layout>.side-ad{display:none!important}
  .layout>.game-column{
    flex:1 1 100%!important;
    width:100%!important;
  }
}