:root{--bg:#050d1a;--bg-2:#071122;--panel:#091224e0;--panel-strong:#050d1af5;--text:#e2e8f0;--muted:#90a2be;--accent:#f5c842;--accent-2:#1e6fff;--line:#f5c84229;--line-strong:#f5c84252;--gold-glow:0 0 38px #f5c8423d;--blue-glow:0 0 34px #1e6fff2e;--deep-shadow:0 28px 80px #0000006b;--radius-xl:36px;--radius-lg:24px;--radius-md:18px;--radius-sm:14px;--max:1220px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;color:var(--text);background:radial-gradient(circle at 16% 10%,#f5c84224,#0000 22%),radial-gradient(circle at 82% 14%,#1e6fff24,#0000 22%),radial-gradient(circle at 50% -10%,#f5c84214,#0000 34%),linear-gradient(#050d1a 0%,#040a15 48%,#02050c 100%);margin:0;font-family:Segoe UI,Noto Sans Thai,Arial,sans-serif}a{color:inherit}img{max-width:100%}.site-shell{position:relative;overflow:hidden}.site-shell:before,.site-shell:after{content:"";pointer-events:none;z-index:0;filter:blur(10px);border-radius:999px;position:fixed}.site-shell:before{background:radial-gradient(circle,#f5c8422e,#0000 68%);width:420px;height:420px;top:-180px;right:-120px}.site-shell:after{background:radial-gradient(circle,#1e6fff29,#0000 66%);width:420px;height:420px;bottom:6%;left:-160px}.container{z-index:1;width:min(calc(100% - 32px), var(--max));margin:0 auto;position:relative}.site-header{z-index:100;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);background:linear-gradient(#050d1af5,#050d1acc);position:fixed;top:0;left:0;right:0;box-shadow:0 20px 54px #00000057}.header-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;min-height:78px;padding:10px 0;display:flex}.brand-mark{align-items:center;text-decoration:none;display:inline-flex}.brand-mark img{filter:drop-shadow(0 0 18px #f5c84238);width:auto;height:40px}.nav-menu{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;display:flex}.nav-link{color:#e2e8f0cc;border:1px solid #0000;border-radius:999px;padding:9px 12px;font-size:14px;text-decoration:none;transition:transform .22s,color .22s,border-color .22s,background .22s}.nav-link:hover{color:#fff8d7;background:#f5c8420f;border-color:#f5c84238;transform:translateY(-1px)}.header-actions,.hero-actions,.section-cta,.footer-links,.inline-links{flex-wrap:wrap;gap:10px;display:flex}.cta-primary,.cta-secondary,.quick-link{border-radius:999px;justify-content:center;align-items:center;min-height:48px;padding:0 22px;text-decoration:none;transition:transform .22s,box-shadow .22s,border-color .22s,background .22s;display:inline-flex}.cta-primary:hover,.cta-secondary:hover,.quick-link:hover{transform:translateY(-2px)}.cta-primary{color:#07111f;background:linear-gradient(135deg,#fff4b8 0%,#f5c842 42%,#cb9412 100%);font-weight:800;box-shadow:0 16px 36px #f5c84247,inset 0 1px #ffffff6b}.cta-secondary{color:#f5c842;background:#0a162cad;border:1px solid #f5c842;font-weight:700;box-shadow:0 14px 28px #1e6fff24}.layout-frame{padding-top:98px}.hero-shell{padding-top:28px}.vault-hero{align-items:stretch;gap:22px;display:grid}.glass-card,.section-card,.toc-card,.media-card,.vault-chip,.highlight-card{border:1px solid var(--line);box-shadow:var(--deep-shadow);background:linear-gradient(#0a1426f0,#050d1af5);position:relative;overflow:hidden}.glass-card:before,.section-card:before,.toc-card:before,.media-card:before,.vault-chip:before,.highlight-card:before{content:"";pointer-events:none;background:linear-gradient(135deg,#f5c84214,#0000 34%),linear-gradient(315deg,#1e6fff14,#0000 30%);position:absolute;inset:0}.hero-copy{border-radius:var(--radius-xl);padding:34px}.eyebrow,.section-kicker{width:fit-content;color:var(--accent);letter-spacing:.18em;text-transform:uppercase;background:#f5c84214;border:1px solid #f5c84238;border-radius:999px;align-items:center;gap:10px;padding:8px 14px;font-size:12px;display:inline-flex}.hero-title{letter-spacing:-.04em;margin:18px 0 10px;font-size:clamp(42px,8vw,82px);line-height:.96}.hero-title .gold{color:#fff5bf;text-shadow:0 0 28px #f5c84238}.hero-subheadline{color:#d9e2f3;margin:0;font-size:clamp(19px,3vw,28px);line-height:1.35}.hero-copy p,.prose-stack p{color:#e2e8f0e6;margin:0;font-size:16px;line-height:1.85}.prose-stack{gap:18px;display:grid}.hero-details{gap:18px;margin-top:22px;display:grid}.highlight-grid,.stats-grid,.media-grid,.game-grid,.faq-grid,.footer-grid{gap:16px;display:grid}.highlight-card{border-radius:var(--radius-lg);padding:18px}.highlight-card h3,.faq-item h3{color:#fff1aa;margin:0 0 10px;font-size:18px}.highlight-card p,.faq-item p,.meta-note,.footer-copy{color:var(--muted);margin:0;line-height:1.75}.visual-column{gap:18px;display:grid}.vault-window{border-radius:var(--radius-xl);min-height:100%;padding:28px}.vault-window h2{color:#fff3b6;margin:0 0 10px;font-size:clamp(28px,4vw,44px)}.vault-window p{color:#e2e8f0db;margin:0;line-height:1.8}.stats-grid{margin-top:22px}.vault-chip{border-radius:var(--radius-md);padding:18px 18px 16px}.vault-chip strong{color:#fff4bf;margin-bottom:6px;font-size:18px;display:block}.vault-chip span{color:var(--muted);font-size:14px;line-height:1.6}.hero-banner-frame{border-radius:30px;padding:16px}.hero-banner-frame img{border:1px solid #f5c8422e;border-radius:18px;box-shadow:0 20px 60px #00000057}.toc-card,.section-card,.media-card{border-radius:28px}.toc-card,.section-card,.media-card,.faq-item{padding:28px}.toc-title,.section-header h2{color:#fff3b8;margin:14px 0 0}.toc-list{gap:10px;margin:20px 0 0;padding:0;list-style:none;display:grid}.section-stack{gap:24px;padding:24px 0 80px;display:grid}.section-header{margin-bottom:22px}.section-header h2{font-size:clamp(28px,4vw,40px)}.section-subtitle{color:#bed0eb;margin:12px 0 0;line-height:1.75}.section-grid{gap:24px;display:grid}.section-aside{align-content:start;gap:16px;display:grid}.meta-note{background:#1e6fff14;border:1px solid #1e6fff2e;border-radius:18px;padding:16px 18px}.media-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.media-grid img,.game-grid img{width:100%;height:auto;display:block}.media-grid .media-card,.game-grid .media-card{padding:0;overflow:hidden}.game-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:24px}.inline-links{margin-top:18px}.quick-link{color:#fff0a4;background:#f5c8420f;border:1px solid #f5c8422e;min-height:42px;padding:0 16px;font-size:14px}.faq-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.faq-item{background:#091324c2;border:1px solid #f5c84224;border-radius:22px}.site-footer{z-index:1;padding:0 0 48px;position:relative}.footer-panel{border:1px solid var(--line);box-shadow:var(--deep-shadow);background:linear-gradient(#08101ef0,#050d1af5);border-radius:28px;padding:28px}.footer-grid{align-items:center}.footer-brand{align-items:center;gap:14px;display:inline-flex}.footer-brand img{width:auto;height:34px}.footer-brand strong{color:#fff3b5;display:block}.footer-links a{color:#e2e8f0cc;text-decoration:none}.footer-links a:hover{color:#fff0a4}@media (min-width:900px){.vault-hero,.section-grid,.footer-grid{grid-template-columns:1.2fr .8fr}.highlight-grid,.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.toc-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:899px){.header-bar{justify-content:center}.hero-copy,.vault-window,.toc-card,.section-card,.media-card,.footer-panel{padding:22px}.game-grid{grid-template-columns:1fr}}@media (max-width:640px){.layout-frame{padding-top:132px}.container{width:min(calc(100% - 24px), var(--max))}.hero-title{font-size:40px}.hero-subheadline,.hero-copy p,.prose-stack p{font-size:15px}.nav-link{padding:8px 10px;font-size:13px}}