:root{--bg:#050d1a;--bg-soft:#081221;--panel:#0a1222e0;--panel-strong:#08111ff5;--text:#e2e8f0;--muted:#8ea3bd;--line:#f5c8422e;--accent:#f5c842;--accent-2:#1e6fff;--accent-shadow:0 0 32px #f5c84238;--blue-shadow:0 0 44px #1e6fff38;--radius:24px;--radius-sm:16px;--max:1200px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--text);background:radial-gradient(circle at 100% 0,#1e6fff29,#0000 26%),radial-gradient(circle at 0 0,#f5c84221,#0000 24%),linear-gradient(#07101f 0%,#050d1a 48%,#040913 100%);min-height:100vh;margin:0;font-family:Segoe UI,Noto Sans Thai,sans-serif}body:before,body:after{content:"";pointer-events:none;z-index:-1;position:fixed;inset:0}body:before{background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:72px 72px;-webkit-mask-image:linear-gradient(#000000a6,#0000);mask-image:linear-gradient(#000000a6,#0000)}body:after{background:radial-gradient(circle at 50% 0,#f5c84214,#0000 32%),radial-gradient(circle at 50% 16%,#1e6fff0f,#0000 28%)}a{color:inherit}img{max-width:100%}.site-shell{position:relative;overflow:clip}.container{width:min(calc(100% - 32px), var(--max));margin:0 auto}.site-header{z-index:100;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#050d1af5,#050d1ad1),radial-gradient(circle at top,#f5c8421f,#0000 55%);height:78px;position:fixed;top:0;left:0;right:0;box-shadow:0 10px 40px #00000052}.header-inner{justify-content:space-between;align-items:center;gap:20px;height:100%;display:flex}.logo-link{align-items:center;gap:10px;text-decoration:none;display:inline-flex}.menu{background:#ffffff08;border:1px solid #ffffff0d;border-radius:999px;align-items:center;gap:4px;padding:8px;display:flex}.menu a{color:#e2e8f0c7;border-radius:999px;padding:10px 14px;font-size:14px;text-decoration:none;transition:all .18s}.menu a:hover{color:#fff;background:#ffffff0d}.header-cta{align-items:center;gap:10px;display:flex}.btn{border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:12px 22px;font-weight:800;text-decoration:none;transition:transform .18s,box-shadow .18s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn-primary{color:#0a0f1e;background:linear-gradient(135deg, #ffe48f 0%, var(--accent) 44%, #dca118 100%);box-shadow:var(--accent-shadow), inset 0 1px 0 #ffffff6b}.btn-outline{color:var(--accent);background:#f5c8420f;border:1px solid #f5c8429e}.page-main{padding-top:110px;padding-bottom:72px}.hero-stage,.toc-shell,.section-card,.glass-card,.feature-item,.stat-item,.faq-item,.game-tile{border-radius:var(--radius);background:linear-gradient(#091222e0,#070d18e0);border:1px solid #ffffff14;box-shadow:0 18px 42px #00000047}.hero-stage{box-shadow:var(--accent-shadow), var(--blue-shadow);border-color:#f5c84238;padding:28px;position:relative;overflow:hidden}.hero-stage:before,.hero-stage:after{content:"";filter:blur(22px);border-radius:999px;position:absolute}.hero-stage:before{background:#f5c84233;width:220px;height:220px;top:-70px;right:-40px}.hero-stage:after{background:#1e6fff2e;width:240px;height:240px;bottom:-120px;left:12%}.hero-banner,.hero-grid{z-index:1;position:relative}.hero-grid,.content-grid,.feature-list,.faq-list,.section-stack,.hero-side{gap:20px;display:grid}.eyebrow,.section-kicker{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;background:#f5c84214;border:1px solid #f5c84240;border-radius:999px;align-items:center;gap:10px;padding:9px 16px;font-size:13px;font-weight:700;display:inline-flex}.section-kicker{background:0 0;border:0;margin-bottom:14px;padding:0}.display{letter-spacing:-.04em;margin:18px 0 16px;font-size:clamp(2.8rem,8vw,6rem);line-height:.95}.display span{color:var(--accent);text-shadow:0 0 24px #f5c8424d;display:block}.hero-copy,.section-card p,.feature-item p,.faq-item p,.muted{color:#c6d2e4;line-height:1.9}.hero-cta-row,.content-actions,.footer-links,.footer-inner,.hero-pills,.stat-list,.image-grid,.game-grid{flex-wrap:wrap;gap:12px;display:flex}.hero-pills,.stat-list,.image-grid,.game-grid{display:grid}.hero-pills,.stat-list{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-list{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-pill,.feature-item,.stat-item,.faq-item{padding:20px}.hero-pill{border-radius:var(--radius-sm);background:#ffffff0a;border:1px solid #ffffff0f}.toc-shell,.section-card,.glass-card{padding:26px}.toc-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px 18px;margin:0;padding:0;list-style:none;display:grid}.section-card h2{margin:0 0 12px;font-size:clamp(1.8rem,4vw,2.5rem);line-height:1.1}.image-grid,.game-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin:24px 0}.image-frame,.game-tile{overflow:hidden}.game-copy{padding:16px}.site-footer{border-top:1px solid #f5c84224;margin-top:48px;padding:28px 0 10px}.footer-inner{justify-content:space-between;align-items:center}.footer-links a{color:var(--muted);text-decoration:none}.subsection-title{color:#fff;margin-top:26px;font-size:1.18rem}@media (min-width:960px){.hero-grid{grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr);align-items:start}}@media (max-width:860px){.site-header{height:auto;padding:10px 0}.header-inner{flex-wrap:wrap;justify-content:center;padding:4px 0}.page-main{padding-top:182px}.menu,.header-cta{justify-content:center;width:100%}.hero-stage,.toc-shell,.section-card,.glass-card{padding:20px}.hero-pills,.stat-list,.image-grid,.game-grid{grid-template-columns:1fr}}@media (max-width:560px){.container{width:min(calc(100% - 20px), var(--max))}.btn{width:100%}.hero-cta-row,.content-actions{flex-direction:column}}