:root{--bg:#050d1a;--bg-soft:#0b1629;--panel:#0b1629d1;--panel-strong:#071223f5;--line:#f5c84233;--line-soft:#ffffff17;--text:#e2e8f0;--muted:#94a3b8;--accent:#f5c842;--accent-2:#1e6fff;--success:#7cebb5;--shadow-gold:0 0 24px #f5c84238;--shadow-blue:0 0 30px #1e6fff2e;--radius-xl:28px;--radius-lg:22px;--radius-md:16px;--radius-sm:12px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--text);background:radial-gradient(circle at 100% 0,#1e6fff29,#0000 28%),radial-gradient(circle at 0 0,#f5c8421f,#0000 24%),linear-gradient(#07111f 0%,#050d1a 45%,#04111f 100%);margin:0;font-family:Noto Sans Thai,Trebuchet MS,Segoe UI,sans-serif}a{color:inherit}.site-shell{min-height:100vh}.site-header{z-index:100;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);background:linear-gradient(90deg,#050d1af0,#081326e6,#050d1af0);position:fixed;inset:0 0 auto;box-shadow:0 18px 40px #0000005c}.site-header:after{content:"";background:linear-gradient(90deg,#0000,#f5c842e6,#0000);height:1px;position:absolute;inset:auto 8% 0}.site-header-inner,.site-footer-inner,.page-wrap{width:min(1200px,100% - 32px);margin:0 auto}.site-header-inner{justify-content:space-between;align-items:center;gap:18px;min-height:76px;display:flex}.brand-link{align-items:center;gap:12px;text-decoration:none;display:inline-flex}.nav-cluster{background:#ffffff08;border:1px solid #ffffff0f;border-radius:999px;align-items:center;gap:2px;padding:6px;display:none}.nav-link{color:#e2e8f0cc;border-radius:999px;padding:10px 12px;font-size:13px;text-decoration:none;transition:all .24s}.nav-link:hover{color:var(--text);background:#1e6fff29}.action-cluster{align-items:center;gap:8px;display:flex}.btn{letter-spacing:.01em;border-radius:999px;justify-content:center;align-items:center;min-height:46px;padding:0 20px;font-size:14px;font-weight:800;text-decoration:none;transition:transform .22s,box-shadow .22s,border-color .22s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn-primary{color:#08111f;box-shadow:var(--shadow-gold);background:linear-gradient(135deg,#fff2ae 0%,#f5c842 52%,#c08e1e 100%)}.btn-ghost{color:var(--accent);background:#f5c8420a;border:1px solid #f5c842b8;box-shadow:inset 0 0 0 1px #ffffff08}.site-footer{background:#030a13e0;border-top:1px solid #f5c8421f;margin-top:72px;padding:28px 0 42px}.site-footer-inner{flex-direction:column;gap:16px;display:flex}.footer-links{flex-wrap:wrap;gap:14px;display:flex}.footer-links a{color:var(--muted);text-decoration:none}.footer-links a:hover{color:var(--accent)}.page-wrap{padding-top:110px;padding-bottom:24px}.hero-panel,.section-card,.toc-shell,.stat-card{border:1px solid var(--line-soft);background:linear-gradient(#0a1526eb,#060e1bf2);position:relative;overflow:hidden;box-shadow:0 24px 60px #00000057}.hero-panel,.section-card,.toc-shell{border-radius:var(--radius-xl)}.hero-panel:before,.section-card:before,.toc-shell:before{content:"";pointer-events:none;background:linear-gradient(125deg,#f5c84214,#0000 32%),radial-gradient(circle at 85% 15%,#1e6fff29,#0000 22%);position:absolute;inset:0}.eyebrow{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;background:#f5c84214;border:1px solid #f5c8422e;border-radius:999px;align-items:center;gap:10px;padding:8px 14px;font-size:12px;font-weight:800;display:inline-flex}.display-title{letter-spacing:-.04em;margin:18px 0 14px;font-size:clamp(2.6rem,7vw,5rem);line-height:.96}.display-title span{color:var(--accent);text-shadow:0 0 34px #f5c84247;display:block}.lead{color:#c8d3e2;max-width:64ch;font-size:1rem;line-height:1.8}.hero-grid{gap:26px;padding:28px;display:grid}.hero-copy{z-index:1;position:relative}.hero-visual{background:radial-gradient(circle at 30% 30%,#f5c8422e,#0000 22%),radial-gradient(circle at 78% 26%,#1e6fff42,#0000 18%),linear-gradient(160deg,#051022e6,#0a192df5);border:1px solid #f5c8421f;border-radius:22px;min-height:280px;position:relative}.hero-visual:before{content:"";background:linear-gradient(135deg,#f5c84214,#0000 42%),linear-gradient(#ffffff05,#0000);border:1px solid #ffffff14;border-radius:18px;position:absolute;inset:18px}.hero-visual:after{content:"";background:linear-gradient(#f5c8421f,#f5c84205),linear-gradient(#0b1d36e6,#050d1af2);border:1px solid #f5c8422e;border-radius:24px 24px 28px 28px;width:46%;height:56%;position:absolute;inset:auto 18px 18px auto;box-shadow:-12px 18px 40px #00000052,0 0 30px #1e6fff1f}.light-sweep{background:linear-gradient(115deg,#0000 20%,#ffffff0a 48%,#0000 70%);animation:7s ease-in-out infinite sweep;position:absolute;inset:0;transform:translate(-55%)}@keyframes sweep{0%,to{transform:translate(-55%)}50%{transform:translate(55%)}}.stat-grid,.media-grid,.game-grid,.section-grid{gap:16px;display:grid}.stat-grid{margin-top:22px}.stat-card{border-radius:var(--radius-md);padding:18px}.stat-card strong{color:var(--accent);margin-bottom:8px;font-size:1.5rem;display:block}.toc-shell{border-color:var(--line);margin:32px 0;padding:22px}.toc-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px 18px;margin-top:16px;display:grid}.toc-link{color:var(--muted);padding:8px 0;font-size:14px;text-decoration:none;display:block}.toc-link:hover{color:var(--accent)}.section-card{margin-top:24px;padding:28px}.section-title{margin:10px 0 12px;font-size:clamp(1.8rem,4vw,2.7rem);line-height:1.08}.section-title span{color:var(--accent)}.section-intro{color:#cad5e4;margin-bottom:20px;line-height:1.8}.rich-text{color:#d9e4f0;font-size:1rem;line-height:1.9}.rich-text p,.rich-text h2{margin:0 0 16px}.rich-text h2{color:var(--accent);font-size:1.25rem}.cta-row{flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}.content-banner{border:1px solid #f5c84229;border-radius:18px;width:100%;display:block;box-shadow:0 20px 50px #00000052}.media-grid{grid-template-columns:repeat(1,minmax(0,1fr));margin:22px 0 10px}.game-grid{grid-template-columns:repeat(1,minmax(0,1fr));margin:0 0 24px}.game-card{background:#ffffff08;border:1px solid #f5c84229;border-radius:18px;overflow:hidden}.game-card span{color:var(--text);padding:12px 14px 16px;font-weight:700;display:block}.section-grid{grid-template-columns:repeat(1,minmax(0,1fr));margin-top:18px}.support-panel{background:linear-gradient(#0a182fe0,#08111ee6);border:1px solid #1e6fff38;border-radius:18px;padding:20px}.support-panel strong{color:#8bc0ff;margin-bottom:8px;display:block}@media (min-width:900px){.nav-cluster{display:flex}.hero-grid{grid-template-columns:1.2fr .8fr;padding:36px}.stat-grid,.media-grid,.game-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.section-grid{grid-template-columns:1.1fr .9fr;align-items:start}}