/* splash.css — หน้าต้อนรับ */
*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; }
body {
  font: 400 16px/1.6 'Sarabun', 'Noto Sans Thai', 'Leelawadee UI', 'Tahoma', sans-serif;
  color: #fff;
  background: radial-gradient(1200px 700px at 50% -10%, #2f6fe0 0%, rgba(47,111,224,0) 60%), linear-gradient(160deg, #0c2150 0%, #12306b 55%, #1d4fb8 100%);
  background-attachment: fixed;
}
.splash { min-height: 100vh; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px; padding: 22px 16px 28px; text-align: center; }
.s-logo { width: 64px; height: 64px; object-fit: contain; filter: drop-shadow(0 4px 10px rgba(0, 0, 0, .4)); animation: rise .6s ease both; }
.s-title { margin: 0; font-family: 'Prompt', 'Sarabun', sans-serif; font-size: clamp(1rem, 2.6vw, 1.25rem); font-weight: 700; text-shadow: 0 2px 8px rgba(0, 0, 0, .35); animation: rise .6s .08s ease both; }
.s-banner { display: block; width: fit-content; max-width: min(1180px, 96vw); margin-inline: auto; border-radius: 14px; overflow: hidden; background: rgba(255, 255, 255, .08); box-shadow: 0 18px 50px rgba(0, 0, 0, .5); animation: rise .8s .16s ease both; }
.s-banner img { display: block; width: 100%; height: auto; max-height: calc(100vh - 270px); min-height: 160px; object-fit: contain; margin-inline: auto; }
.s-btn { display: inline-flex; align-items: center; gap: 10px; padding: 13px 38px; border-radius: 99px; background: linear-gradient(135deg, #c99a1d, #f0c040); color: #12306b; font-weight: 800; font-size: 1.1rem; text-decoration: none; box-shadow: 0 8px 26px rgba(201, 154, 29, .45); transition: transform .2s, box-shadow .2s; animation: rise .6s .3s ease both; }
.s-btn:hover { transform: translateY(-3px); box-shadow: 0 14px 34px rgba(201, 154, 29, .6); }
.s-btn:focus-visible, .s-count a:focus-visible, .s-banner:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }
.s-count { font-size: .85rem; color: #c9d7f5; animation: rise .6s .4s ease both; }
.s-count a { color: #fff; }
.s-count .bar { display: block; width: 170px; height: 4px; margin: 8px auto 0; background: rgba(255, 255, 255, .2); border-radius: 99px; overflow: hidden; }
.s-count .bar u { display: block; height: 100%; width: 100%; background: #f0c040; transform-origin: left; text-decoration: none; }
.s-count.stopped .bar { opacity: .35; }
@keyframes rise { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { * { animation: none !important; transition: none !important; } }

/* พื้นหลังสว่าง (สีพื้นที่แอดมินตั้งไว้) → ตัวอักษรเข้ม */
body.light { color: #12306b; }
body.light .s-count { color: #33415f; }
body.light .s-count a { color: #12306b; }
body.light .s-count .bar { background: rgba(18, 48, 107, .18); }