/* Bảng màu lấy từ logo Nhà Game: xanh cobalt #3B55D3, cam #F97316, nền kem #FDF8F0.
   Xanh = hành động của hệ thống · Cam = phòng đang chạy đồng hồ · Đỏ sẫm = giảm giá tay.
   Ba việc ba màu, không dùng lẫn. */
:root{
  --bg:#FBF7EF; --surface:#FFFFFF; --surface-2:#F5F0E5; --surface-3:#EBE4D6;
  --border:#E4DCCC; --border-strong:#C6BBA4;
  --text:#191B2C; --muted:#6A6A7C; --faint:#9A98A6;
  --accent:#3B55D3; --accent-ink:#FFFFFF; --accent-soft:#E4E8FB; --accent-line:#A6B2F0;
  --run:#CF5406; --run-bright:#F97316; --run-soft:#FDEDDE; --run-line:#F5B283; --run-ink:#FFFFFF;
  --danger:#B3261E; --danger-soft:#FBE7E5; --danger-line:#E3A9A4;
  --hl:#E4E8FB;                       /* nền tên block — xanh nhạt, xem ghi chú ở .card h3 */
  --hl-title:#FBE2CA;                 /* nền tên màn hình — cam nhạt, xem ghi chú ở h1.h1 */
  --sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;
  --r:10px; --r-sm:7px;
  --sh:0 1px 2px rgba(25,27,44,.06),0 4px 14px rgba(25,27,44,.05);
  --pop:0 8px 30px rgba(25,27,44,.18);
  --side:214px;
}
@media (prefers-color-scheme:dark){
  :root{
    --bg:#101223; --surface:#171A2E; --surface-2:#1F2338; --surface-3:#282D46;
    --border:#2E3350; --border-strong:#454C71;
    --text:#E9EBF7; --muted:#9BA0C0; --faint:#6E7396;
    --accent:#8B9CFF; --accent-ink:#0D1128; --accent-soft:#232A55; --accent-line:#4B5CB4;
    --run:#FB923C; --run-bright:#FB923C; --run-soft:#33240F; --run-line:#8A5A26; --run-ink:#241202;
    --danger:#F87171; --danger-soft:#3A1A1A; --danger-line:#7E3B37;
  --hl:#232A55; --hl-title:#3B2A14;
    --sh:0 1px 2px rgba(0,0,0,.45),0 4px 16px rgba(0,0,0,.34);
    --pop:0 10px 34px rgba(0,0,0,.6);
  }
}
:root[data-theme="light"]{
  --bg:#FBF7EF; --surface:#FFFFFF; --surface-2:#F5F0E5; --surface-3:#EBE4D6;
  --border:#E4DCCC; --border-strong:#C6BBA4;
  --text:#191B2C; --muted:#6A6A7C; --faint:#9A98A6;
  --accent:#3B55D3; --accent-ink:#FFFFFF; --accent-soft:#E4E8FB; --accent-line:#A6B2F0;
  --run:#CF5406; --run-bright:#F97316; --run-soft:#FDEDDE; --run-line:#F5B283; --run-ink:#FFFFFF;
  --danger:#B3261E; --danger-soft:#FBE7E5; --danger-line:#E3A9A4;
  --hl:#E4E8FB;                       /* nền tên block — xanh nhạt, xem ghi chú ở .card h3 */
  --hl-title:#FBE2CA;                 /* nền tên màn hình — cam nhạt, xem ghi chú ở h1.h1 */
  --sh:0 1px 2px rgba(25,27,44,.06),0 4px 14px rgba(25,27,44,.05);
  --pop:0 8px 30px rgba(25,27,44,.18);
}
:root[data-theme="dark"]{
  --bg:#101223; --surface:#171A2E; --surface-2:#1F2338; --surface-3:#282D46;
  --border:#2E3350; --border-strong:#454C71;
  --text:#E9EBF7; --muted:#9BA0C0; --faint:#6E7396;
  --accent:#8B9CFF; --accent-ink:#0D1128; --accent-soft:#232A55; --accent-line:#4B5CB4;
  --run:#FB923C; --run-bright:#FB923C; --run-soft:#33240F; --run-line:#8A5A26; --run-ink:#241202;
  --danger:#F87171; --danger-soft:#3A1A1A; --danger-line:#7E3B37;
  --hl:#232A55; --hl-title:#3B2A14;
  --sh:0 1px 2px rgba(0,0,0,.45),0 4px 16px rgba(0,0,0,.34);
  --pop:0 10px 34px rgba(0,0,0,.6);
}

*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);
  font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}
button{font:inherit;color:inherit;cursor:pointer}
input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.num{font-family:var(--mono);font-variant-numeric:tabular-nums}
.lbl{font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);font-weight:600}