:root{--bg:#10140e;--panel:#1b2118;--panel2:#232b1d;--line:#3d4634;--text:#f7f7ed;--muted:#b9c2aa;--gold:#f8ce42;--green:#91bc63}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Tahoma,"Noto Sans Thai",Arial,sans-serif;line-height:1.75}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;height:auto}.shell{width:min(1200px,calc(100% - 40px));margin-inline:auto}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:12px;top:12px;z-index:1000;background:#fff;color:#000;padding:8px}.site-header{position:sticky;top:0;z-index:100;background:#10140eee;border-bottom:1px solid #414836;backdrop-filter:blur(16px)}.header-inner{width:min(1320px,calc(100% - 40px));min-height:76px;margin:auto;display:flex;align-items:center;gap:34px}.brand{font-family:Arial,sans-serif;font-weight:1000;font-size:34px;line-height:1;letter-spacing:0;color:#f8d75b;text-shadow:0 2px 0 #614b16}.brand span{color:#fff4a8}.primary-nav{display:flex;align-items:center;gap:18px;flex:1;white-space:nowrap}.primary-nav a{font-size:14px;color:#d6ddc9}.primary-nav a:hover,.primary-nav a[aria-current]{color:var(--gold)}.header-cta,.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;font-weight:700;border-radius:4px;min-height:44px;padding:10px 19px}.header-cta,.button-gold{background:linear-gradient(115deg,#ffe67a,#efb924 60%,#ffe88e);color:#24200d;box-shadow:inset 0 1px #fff5bb}.button-outline{border:1px solid #e6d27a;color:#fff}.button:hover,.header-cta:hover{filter:brightness(1.1)}.menu-toggle{display:none}.eyebrow{display:block;font-family:Arial,sans-serif;color:var(--gold);font-weight:800;font-size:11px;letter-spacing:1.5px}.lobby-hero{position:relative;overflow:hidden;min-height:540px;background:linear-gradient(105deg,#1a2314 0%,#1b2615 44%,#31381a 100%);border-bottom:1px solid #4c5b3a}.hero-grid{position:absolute;inset:0;opacity:.18;background:repeating-linear-gradient(90deg,transparent 0 88px,#9aba62 89px,#9aba62 90px),repeating-linear-gradient(0deg,transparent 0 88px,#9aba62 89px,#9aba62 90px);transform:perspective(500px) rotateX(57deg) scale(1.8);transform-origin:bottom}.hero-shell{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,550px);align-items:center;min-height:540px;gap:26px}.hero-copy{padding:44px 0}.hero-slides{min-height:340px;position:relative}.hero-slide{position:absolute;left:0;top:0;width:100%;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .45s,transform .45s,visibility .45s}.hero-slide.is-active{opacity:1;visibility:visible;transform:none}.hero-slide h1,.hero-slide h2{font-size:clamp(32px,3.5vw,52px);line-height:1.25;margin:16px 0 20px;max-width:650px;letter-spacing:0}.display-brand{font:1000 clamp(58px,6vw,96px)/.95 Arial,sans-serif;letter-spacing:0;background:linear-gradient(100deg,#fff3a6 0%,#ffdf4d 39%,#d99012 72%,#fff0a4 100%);color:transparent;background-clip:text;-webkit-background-clip:text;text-shadow:none;filter:drop-shadow(0 4px 1px #493b12)}.hero-slide p{max-width:570px;font-size:17px;color:#e4eaca;line-height:1.8}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.carousel-controls{display:flex;align-items:center;gap:16px;color:#e2e2c7;font:700 13px Arial,sans-serif}.carousel-controls button{background:#1b2515;color:#fff;border:1px solid #8b9b68;width:42px;height:42px;cursor:pointer}.carousel-controls button:hover{background:#39512b}.hero-art{height:480px;position:relative;display:flex;align-items:center;justify-content:center;gap:4px}.art-label{position:absolute;top:28px;right:4px;color:#d9e4a1;font:800 11px Arial,sans-serif;letter-spacing:2px}.art-card{width:175px;height:210px;object-fit:contain;filter:drop-shadow(0 22px 16px #0009)}.art-card-a{transform:translate(40px,35px) rotate(-8deg);z-index:2}.art-card-b{transform:translate(12px,-32px) rotate(5deg);z-index:3}.art-card-c{transform:translate(-20px,44px) rotate(11deg);z-index:1}.lobby-categories{padding-block:58px 70px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}.section-heading h2,.feature-band h2{font-size:34px;line-height:1.25;margin:6px 0 0}.text-link{color:var(--gold);font-weight:700}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.category-tile{position:relative;height:290px;overflow:hidden;background:linear-gradient(155deg,#293722,#151d14);border:1px solid #4b5b36;border-radius:4px;padding:18px;display:flex;flex-direction:column;justify-content:end}.category-tile img{position:absolute;right:0;bottom:0;width:160px;height:192px;object-fit:contain;transition:transform .25s}.category-tile:hover img{transform:scale(1.06)}.category-tile span,.category-tile strong{position:relative;z-index:2;text-shadow:0 2px 8px #000}.category-tile span{font:800 11px Arial,sans-serif;color:#e4d689}.category-tile strong{font-size:24px}.feature-band{background:#24351d;border-block:1px solid #526844}.feature-layout{display:grid;grid-template-columns:1fr 300px;align-items:center;min-height:270px;gap:40px}.feature-layout p{max-width:680px;color:#e3ecd7}.feature-layout img{max-height:220px;width:auto;justify-self:center}.feature-links{display:flex;gap:28px}.feature-links a{color:var(--gold);font-weight:700}.prose{max-width:1000px;padding-block:54px 80px;font-size:17px;color:#e7eadc}.prose h2{color:#fff;font-size:31px;line-height:1.35;margin:46px 0 15px;padding-left:16px;border-left:4px solid var(--gold)}.prose h3{font-size:23px;color:#f6d85e;margin:34px 0 10px}.prose p{line-height:1.95;margin:0 0 19px}.prose a{color:#fbd861;text-decoration:underline;text-underline-offset:4px}.prose ul{padding-left:25px}.prose li{margin:8px 0}.prose figure{margin:34px 0;display:flex;align-items:center;gap:28px;padding:24px;background:#1b281c;border-left:3px solid #8baf5e}.prose figure img{max-width:200px;max-height:240px;object-fit:contain}.prose figcaption{color:#d8e2ca;font-size:15px}.prose blockquote{border-left:3px solid var(--gold);margin:28px 0;padding:12px 24px;background:#25291b}.inner-hero{background:linear-gradient(110deg,#23351d,#131b12 70%);border-bottom:1px solid #485a38}.inner-hero-layout{display:grid;grid-template-columns:1fr 240px;gap:30px;align-items:center;min-height:340px}.inner-hero img{max-width:200px;max-height:240px;object-fit:contain;justify-self:center}.inner-hero h1{font-size:clamp(34px,4vw,52px);line-height:1.25;margin:12px 0}.inner-hero p{max-width:740px;font-size:18px;color:#dfe8d4}.inner-hero .button{margin-top:10px}.article-hero{padding:65px 0}.article-hero h1{max-width:850px}.story-list{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.story-hub{padding-top:48px}.story-item{padding:25px;background:#1b2319;border:1px solid #435037;border-radius:4px}.story-item h2{font-size:23px;line-height:1.35;margin:10px 0}.story-item p{color:var(--muted)}.archive-main{padding-block:60px 90px}.archive-main>h1{font-size:42px}.article-end{padding-bottom:70px}.site-footer{background:#0b100c;border-top:1px solid #3d4b35;padding:55px 0 15px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:60px}.footer-grid p{color:#aeb7a8;max-width:420px;font-size:14px}.footer-grid nav{display:flex;flex-direction:column;gap:8px}.footer-grid nav strong{color:#fff;margin-bottom:8px}.footer-grid nav a{color:#b8c5b0;font-size:14px}.footer-grid nav a:hover{color:var(--gold)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #2d3a2d;margin-top:48px;padding-top:16px;color:#919d8a;font-size:12px}.mobile-bottom{display:none}
@media(max-width:1050px){.header-inner{gap:18px}.primary-nav{gap:11px}.primary-nav a{font-size:12px}.header-cta{font-size:13px}.hero-shell{grid-template-columns:1fr 390px}.art-card{width:145px}.category-tile img{width:135px}}
@media(max-width:760px){.shell{width:min(100% - 28px,580px)}.site-header{top:0}.header-inner{width:calc(100% - 28px);min-height:60px;gap:12px}.brand{font-size:29px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;margin-left:auto;width:40px;height:40px;background:none;border:1px solid #596347;border-radius:3px;padding:9px}.menu-toggle span{height:2px;background:#fff;width:100%}.primary-nav{display:none;position:absolute;top:60px;left:0;right:0;background:#161e14;padding:15px 20px 24px;white-space:normal;box-shadow:0 16px 24px #0009}.primary-nav.is-open{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.primary-nav a{font-size:15px;padding:8px}.header-cta{display:none}.lobby-hero{min-height:auto}.hero-shell{display:flex;flex-direction:column;align-items:stretch;min-height:680px;gap:0}.hero-copy{padding:40px 0 0}.hero-slides{min-height:310px}.hero-slide h1,.hero-slide h2{font-size:30px;margin:11px 0 14px}.display-brand{font-size:65px}.hero-slide p{font-size:15px}.hero-actions{margin-top:19px}.carousel-controls{margin-top:5px}.hero-art{height:210px;margin-top:12px;overflow:visible}.art-card{width:125px;height:155px}.art-card-a{transform:translate(20px,20px) rotate(-8deg)}.art-card-b{transform:translate(4px,-5px) rotate(5deg)}.art-card-c{transform:translate(-15px,24px) rotate(11deg)}.art-label{display:none}.lobby-categories{padding-block:38px}.section-heading h2,.feature-band h2{font-size:27px}.category-grid{grid-template-columns:repeat(2,1fr);gap:10px}.category-tile{height:200px;padding:13px}.category-tile img{width:100px;height:130px}.category-tile strong{font-size:18px}.feature-layout{grid-template-columns:1fr 110px;min-height:230px;gap:10px;padding-block:24px}.feature-layout img{max-width:110px}.feature-layout p{font-size:14px}.feature-links{gap:12px;flex-direction:column;font-size:14px}.prose{padding-block:38px 65px;font-size:16px}.prose h2{font-size:25px}.prose h3{font-size:20px}.prose figure{flex-direction:column;align-items:start;padding:18px}.inner-hero-layout{grid-template-columns:1fr 120px;min-height:280px;gap:5px}.inner-hero img{max-width:120px}.inner-hero h1{font-size:29px}.inner-hero p{font-size:15px}.inner-hero .button{font-size:13px}.story-list{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-grid>div{grid-column:span 2}.footer-bottom{flex-direction:column;gap:4px;padding-bottom:68px}.mobile-bottom{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;z-index:90;bottom:0;left:0;right:0;background:#18231a;border-top:1px solid #546d42;min-height:58px}.mobile-bottom a{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:24px;line-height:1.1;color:#f8d862}.mobile-bottom a span{font-size:11px;color:#e1e9db;margin-top:3px}}
@media(max-width:400px){.hero-shell{min-height:710px}.hero-slides{min-height:350px}.hero-slide h1,.hero-slide h2{font-size:27px}.display-brand{font-size:59px}.hero-actions .button{font-size:13px;padding-inline:12px}.inner-hero-layout{grid-template-columns:1fr 95px}.inner-hero img{max-width:95px}}
@media(max-width:400px){.hero-shell{min-height:600px}.hero-slides{min-height:280px}.hero-art{height:180px}}
@media(max-width:350px){.hero-shell{min-height:520px}.hero-slides{min-height:315px}.hero-art{height:90px;margin-top:0}.art-card{width:86px;height:100px}.art-card-a{transform:translate(8px,0) rotate(-6deg)}.art-card-b{transform:translate(-8px,0) rotate(6deg)}.art-card-c{display:none}}
.lobby-hero{background:linear-gradient(105deg,#20210d 0%,#3d3b12 47%,#92721a 100%)}
.inner-hero{background:linear-gradient(110deg,#514919,#1b2312 73%)}

/* Full-width campaign carousel. */
.lobby-hero{min-height:0;background:#191b13}.banner-carousel{position:relative;width:100%;height:min(15.76vw,300px);min-height:190px;overflow:hidden;background:#111}.banner-carousel .hero-slide{position:absolute;inset:0;width:100%;height:100%;transform:none;transition:opacity .45s,visibility .45s}.banner-carousel picture,.banner-carousel img{display:block;width:100%;height:100%}.banner-carousel img{object-fit:cover;object-position:center}.banner-controls{position:absolute;z-index:4;right:max(20px,calc((100vw - 1200px)/2));bottom:12px;display:flex;align-items:center;gap:10px;padding:5px;background:#10150bd9;border:1px solid #f4dc80;color:#fff;font:700 12px Arial,sans-serif}.banner-controls button{display:grid;place-items:center;width:36px;height:36px;border:0;background:#f5d566;color:#241d08;font-size:22px;line-height:1;cursor:pointer}.banner-controls button:hover,.banner-controls button:focus-visible{background:#fff0ad}.banner-controls span{min-width:55px;text-align:center}.hero-intro{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:225px;padding-block:24px 29px}.hero-intro h1{font-size:34px;line-height:1.3;margin:6px 0 7px;color:#fff}.hero-intro .display-brand{display:inline-block;font-size:64px;vertical-align:middle;margin-right:12px}.hero-intro p{margin:0;color:#e9eddd;font-size:16px}.hero-intro small{display:block;color:#c4c8ae;font-size:12px;margin-top:10px}.hero-intro .hero-actions{flex-shrink:0;display:flex;margin-top:0}.hero-intro .button{white-space:nowrap}.inner-hero-layout:has(> div:only-child){grid-template-columns:1fr}
@media(max-width:900px){.hero-intro{align-items:flex-start;flex-direction:column;gap:14px}.hero-intro .display-brand{font-size:56px}}
@media(max-width:760px){.banner-carousel{height:220px;min-height:0}.banner-carousel img{object-fit:cover}.banner-controls{right:14px;bottom:10px}.hero-intro{min-height:0;gap:16px;padding-block:22px 30px}.hero-intro h1{font-size:25px}.hero-intro .display-brand{display:block;font-size:54px;margin:0 0 5px}.hero-intro p{font-size:15px}.hero-intro small{font-size:11px}.hero-intro .hero-actions{width:100%;gap:8px}.hero-intro .button{flex:1;font-size:13px;padding-inline:9px}.feature-layout img{width:110px;height:auto;max-height:110px;object-fit:cover;object-position:right}.inner-hero-layout:has(> div:only-child){display:block;padding-block:28px}}
@media(max-width:390px){.banner-carousel{height:200px}.hero-intro .display-brand{font-size:48px}.hero-intro h1{font-size:23px}.hero-intro .hero-actions{flex-wrap:wrap}}
.banner-carousel{overflow:visible}.banner-controls{bottom:-49px}.inner-hero-text-only{grid-template-columns:1fr}
@media(max-width:760px){.inner-hero-text-only{display:block;padding-block:28px}}
.category-tile{isolation:isolate}
.category-tile img{width:min(100%,230px);height:auto;aspect-ratio:5/6;object-fit:cover}
.category-tile::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(0deg,#0d150ab3,transparent 37%),linear-gradient(90deg,#111a0c99,transparent 65%)}
@media(max-width:760px){.category-tile{height:clamp(170px,51vw,230px)}.category-tile img{width:min(94%,190px);height:auto;max-height:none}}
.k9-keyword{display:inline;padding:.04em .16em;border-radius:2px;background:linear-gradient(110deg,#fff2a0 0%,#ffd747 51%,#eeb72b 100%);color:#241d0b;font-weight:800;white-space:nowrap;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.prose a .k9-keyword{color:#241d0b}
.hero-intro mark.display-brand{display:inline-block;padding:.04em .13em;color:#241d0b;background:linear-gradient(105deg,#fff2a0,#ffd43d 56%,#e9ac21);background-clip:border-box;-webkit-background-clip:border-box;filter:none}
@media(max-width:760px){.banner-carousel{height:auto;aspect-ratio:14/9;max-height:360px;min-height:0}.banner-carousel img{object-fit:contain}.hero-intro{padding-top:59px;padding-bottom:20px}}
@media(max-width:760px){.mobile-bottom{grid-template-columns:repeat(4,minmax(0,1fr)) minmax(84px,1.3fr);min-height:62px;padding-bottom:env(safe-area-inset-bottom)}.mobile-bottom a{min-width:0;min-height:62px}.mobile-bottom .mobile-login{min-height:48px;align-self:center;margin:5px 6px 5px 0;padding:0 6px;border-radius:4px;background:linear-gradient(115deg,#ffe67a,#efb924 60%,#ffe88e);box-shadow:inset 0 1px #fff5bb;color:#24200d;font-size:13px;font-weight:800;line-height:1.2;white-space:nowrap}.mobile-bottom .mobile-login:hover,.mobile-bottom .mobile-login:focus-visible{filter:brightness(1.08)}.footer-bottom{padding-bottom:calc(78px + env(safe-area-inset-bottom))}}