/* ==========================================================
   สีและฟอนต์หลัก
   ========================================================== */
:root{
  --navy:#17365D; --navy-2:#0F2A4A; --blue:#1E56B8; --blue-2:#2F6FDB;
  --sky:#DCE8FA; --sky-2:#EEF3FB; --paper:#F5F7FB; --white:#FFFFFF;
  --ink:#1B2A41; --slate:#6C7A90; --line:#D6DEEA; --green:#23A047; --amber:#C77700; --violet:#6B3FD8;
  --map-bg:#12294A; --map-land:#22416B; --map-land-hl:#3A6BB5; --map-line:#0E223D;
  --font:'Prompt','Kanit','Noto Sans Thai','Sarabun',system-ui,-apple-system,'Segoe UI',sans-serif;
}
*{box-sizing:border-box}
html,body{margin:0;height:100%;overflow:hidden;background:var(--paper);font-family:var(--font);color:var(--ink);-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,p,ul,ol{margin:0}
ul,ol{padding:0;list-style:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
button:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--blue-2);outline-offset:3px}
img{max-width:100%}

/* ---------- เวที 1920×1080 ย่อ-ขยายให้พอดีจอ ---------- */
.stage{position:absolute;left:0;top:0;width:1920px;height:1080px;transform-origin:0 0;background:var(--paper);overflow:hidden}

@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}