*{box-sizing:border-box}body{margin:0;font:16px/1.7 "Noto Sans Thai",system-ui,sans-serif;background:#0e1420;color:#e6ecf7}
a{color:#5fe1d9}a:hover{color:#9ff0ea}
.bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;background:#0b1222;border-bottom:1px solid #22304d;position:sticky;top:0}
.brand{display:flex;align-items:center;gap:8px;color:#f2cf86;font-weight:700;text-decoration:none}
.play{padding:6px 14px;border-radius:999px;background:#ef7a2e;color:#1b1208;font-weight:700;text-decoration:none}
main{max-width:860px;margin:0 auto;padding:16px 16px 40px}
.crumbs{font-size:.85rem;color:#8d9ab3;margin:4px 0 12px}.crumbs a{color:#8d9ab3}
article{background:#162036;border:1px solid #22304d;border-radius:12px;padding:20px clamp(16px,4vw,32px)}
h1{margin:0 0 10px;font-size:clamp(1.4rem,4vw,2rem);color:#fff;line-height:1.3}
h2{margin:22px 0 6px;font-size:1.1rem;color:#f2cf86}
.hero{display:block;max-width:220px;max-height:220px;margin:0 0 12px;image-rendering:pixelated;object-fit:contain}
.lead{color:#e6ecf7}
.facts{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:6px 18px;margin:12px 0}
.facts div{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #22304d;padding:4px 0}
.facts dt{color:#8d9ab3}.facts dd{margin:0;text-align:right}
ul{padding-left:1.2em;margin:4px 0}.list{columns:2 260px;column-gap:24px}
.tip{background:#1d2a45;border-radius:8px;padding:8px 12px}
.more{margin:22px 0 0}.btn{display:inline-block;padding:8px 16px;border-radius:999px;border:1px solid #f2cf86;color:#f2cf86;text-decoration:none;font-weight:600}
.cta{margin:18px 0 0;padding:14px 16px;border-radius:12px;background:#1b2440;color:#c9d3e6}
footer{text-align:center;padding:20px 16px 32px;color:#8d9ab3;font-size:.9rem}