/*
Theme Name: TMB77 Neon Hall
Version: 1.0.0
Text Domain: tmb77-hall
*/
:root{--ink:#081a1a;--panel:#102b29;--panel2:#153a34;--gold:#ffc94f;--orange:#ff8639;--mint:#8cddad;--white:#f3f8f2;--muted:#b7c6c0}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#081a1a;color:var(--white);font-family:Tahoma,Arial,sans-serif;font-size:16px;line-height:1.85}a{color:var(--gold);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}button,a{touch-action:manipulation}.shell{width:min(1200px,calc(100% - 40px));margin-inline:auto}.site-header{position:relative;z-index:10;border-bottom:1px solid #315048;background:#0b2220}.head-inner{min-height:86px;display:flex;align-items:center;gap:30px}.brand{display:inline-flex;align-items:center;flex:none}.brand img{width:168px;height:auto;display:block}.nav{display:flex;gap:20px;align-items:center;flex:1}.nav a{color:#e8f2eb;font-weight:700;font-size:14px;white-space:nowrap}.nav a:hover,.nav .current-menu-item a{color:var(--gold)}.head-actions{display:flex;gap:9px;align-items:center;margin-left:auto}.btn{display:inline-flex;justify-content:center;align-items:center;min-height:44px;padding:9px 18px;border:1px solid #e6aa43;border-radius:4px;background:var(--gold);color:#142218;font-weight:800;line-height:1.3;text-align:center;white-space:nowrap;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px);background:#ffe089;color:#142218;text-decoration:none}.btn-ghost{background:transparent;color:var(--gold)}.btn-ghost:hover{background:#18392e;color:#fff}.hero{overflow:hidden;position:relative;border-bottom:1px solid #315048;background:radial-gradient(circle at 75% 30%,#295a42 0,#102a29 42%,#081b1b 78%)}.hero:before{content:"";position:absolute;inset:0;opacity:.26;background-image:linear-gradient(90deg,transparent 96%,#8cddad 97%),linear-gradient(0deg,transparent 96%,#8cddad 97%);background-size:48px 48px;mask-image:linear-gradient(to right,transparent,#000)}.hero-grid{min-height:470px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:30px;position:relative}.eyebrow{display:inline-block;color:var(--mint);font-weight:800;font-size:13px;text-transform:uppercase}.hero h1,.page-hero h1{font-size:clamp(31px,4vw,56px);line-height:1.17;color:var(--gold);margin:12px 0 20px}.hero p,.page-hero p{font-size:18px;color:#e1eee4;max-width:650px}.hero-visual{display:flex;align-items:end;justify-content:center;align-self:stretch}.hero-visual img{max-height:465px;width:auto;object-fit:contain;object-position:bottom;filter:drop-shadow(0 12px 25px #050e0e99)}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.ticker{border-block:1px solid #315048;background:#12352d}.ticker .shell{display:flex;gap:30px;align-items:center;min-height:48px;color:#d7e9df;font-size:14px}.ticker strong{color:var(--gold)}.lobby{padding:46px 0 18px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;border-bottom:1px solid #33564b;padding-bottom:16px;margin-bottom:24px}.section-head h2{font-size:28px;margin:0;color:var(--gold)}.section-head p{margin:0;color:var(--muted)}.category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.category{background:#13332d;border:1px solid #3c5c4a;border-radius:5px;overflow:hidden;min-width:0;transition:transform .2s,border-color .2s}.category:hover{transform:translateY(-4px);border-color:var(--gold);text-decoration:none}.category img{display:block;width:100%;height:190px;object-fit:contain;padding:14px;background:radial-gradient(circle at center,#28533c,#102b29)}.category span{display:block;padding:10px 14px 15px;color:var(--white);font-weight:800}.page-hero{border-bottom:1px solid #315048;background:linear-gradient(120deg,#0d2826,#194837)}.page-hero .shell{display:grid;grid-template-columns:1fr 300px;align-items:center;gap:40px;min-height:285px}.page-hero h1{font-size:clamp(30px,3.4vw,45px)}.page-hero img{max-height:280px;width:auto;object-fit:contain;justify-self:center}.breadcrumbs{font-size:13px;color:var(--muted);padding-top:26px}.breadcrumbs a{color:var(--mint)}.reading{padding:38px 0 75px}.content{max-width:900px;margin-inline:auto;color:#d9e6dc;font-size:17px}.content h2{font-size:29px;color:var(--gold);line-height:1.35;margin:46px 0 17px;border-bottom:1px solid #3a594b;padding-bottom:10px}.content h3{font-size:21px;color:var(--mint);line-height:1.4;margin:30px 0 10px}.content p{margin:0 0 19px}.content ul,.content ol{padding-left:26px;margin-bottom:24px}.content li{margin-bottom:9px}.content figure{margin:35px 0}.content figure img{display:block;max-height:470px;width:auto;margin:auto;object-fit:contain}.content figcaption{font-size:13px;color:var(--muted);text-align:center;margin-top:8px}.content .callout{border-left:3px solid var(--orange);padding:18px 22px;background:#17332e;margin:28px 0}.content .link-row{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0}.content details{border-top:1px solid #3a594b;padding:12px 0}.content details:last-child{border-bottom:1px solid #3a594b}.content summary{cursor:pointer;color:#f2d581;font-weight:700}.site-footer{border-top:1px solid #375446;background:#071514;padding:38px 0 55px}.foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:45px}.foot-grid h2{font-size:17px;color:var(--gold)}.foot-grid p,.foot-grid a{font-size:14px;color:#b6c7bd}.foot-grid a{display:block;margin-bottom:8px}.copyright{font-size:12px;color:#889e92;border-top:1px solid #314c40;padding-top:16px;margin-top:25px}.mobile-bar{display:none}.screen-reader-text{position:absolute;clip:rect(1px,1px,1px,1px);overflow:hidden;width:1px;height:1px}.not-found{min-height:50vh;padding:90px 0}.not-found h1{color:var(--gold)}
@media(max-width:1000px){.head-inner{flex-wrap:wrap;gap:8px;padding:13px 0}.nav{order:3;overflow-x:auto;width:100%;flex-basis:100%;gap:18px;padding:8px 0}.nav a{font-size:13px}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-grid{min-height:390px}}
.page-hero .shell:not(.with-media){grid-template-columns:1fr;min-height:220px;padding-bottom:30px}
@media(max-width:640px){body{font-size:15px}.shell{width:min(100% - 28px,1200px)}.brand img{width:120px}.head-inner{min-height:62px}.head-actions .btn{padding:8px 10px;min-height:38px;font-size:12px}.nav{gap:16px}.hero-grid{display:flex;flex-direction:column;align-items:stretch;gap:0;padding-top:32px;min-height:0}.hero h1{font-size:35px}.hero p,.page-hero p{font-size:16px}.hero-visual{height:260px;align-self:auto}.hero-visual img{max-height:260px}.hero-actions{display:none}.ticker .shell{min-height:45px;gap:10px;font-size:12px}.ticker span:last-child{display:none}.lobby{padding-top:30px}.section-head{display:block}.section-head h2{font-size:23px}.category-grid{gap:8px}.category img{height:140px;padding:8px}.category span{font-size:13px;padding:8px}.page-hero .shell{grid-template-columns:1fr 105px;gap:8px;min-height:205px}.page-hero h1{font-size:29px}.page-hero img{max-height:150px}.content{font-size:16px}.content h2{font-size:24px}.content h3{font-size:19px}.reading{padding:24px 0 100px}.foot-grid{grid-template-columns:1fr 1fr;gap:18px}.foot-grid>div:first-child{grid-column:1/-1}.site-footer{padding-bottom:105px}.mobile-bar{position:fixed;z-index:30;display:grid;grid-template-columns:1fr 1fr;gap:8px;bottom:0;left:0;right:0;padding:9px 14px max(9px,env(safe-area-inset-bottom));background:#09201bcf;backdrop-filter:blur(12px);border-top:1px solid #42634e}.mobile-bar .btn{min-height:43px}}
.home-carousel{background:#360846;border-bottom:1px solid #8b4294;overflow:hidden}.carousel-slides{width:100%;max-width:1920px;margin:0 auto;aspect-ratio:1920/660;background:#230829}.carousel-slide{width:100%;height:100%}.carousel-slide[hidden]{display:none}.carousel-slide img{display:block;width:100%;height:100%;object-fit:contain}.carousel-controls{display:flex;align-items:center;justify-content:center;gap:16px;min-height:52px;background:linear-gradient(90deg,#280735,#680784,#350444)}.carousel-arrow,.carousel-dots button{border:1px solid #d5a6de;background:#300d3e;color:#fff;cursor:pointer}.carousel-arrow{width:34px;height:34px;border-radius:50%;font-size:26px;line-height:1}.carousel-dots{display:flex;align-items:center;gap:10px}.carousel-dots button{width:11px;height:11px;padding:0;border-radius:50%}.carousel-dots button.is-active{background:var(--gold);border-color:var(--gold)}.carousel-arrow:hover,.carousel-arrow:focus-visible,.carousel-dots button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.home-intro{padding:42px 0 28px}.home-intro h1{color:var(--gold);font-size:clamp(30px,3.5vw,48px);line-height:1.25;margin:10px 0 14px}.home-intro>div{max-width:900px}.home-intro p{color:#dbe9e0;font-size:17px;margin:0}.home-intro .carousel-note{color:var(--muted);font-size:13px;margin-top:18px}.home-intro .hero-actions{margin-top:20px}@media(max-width:640px){.carousel-controls{min-height:48px}.home-intro{padding:26px 0 20px}.home-intro h1{font-size:30px}.home-intro p{font-size:15px}.home-intro .hero-actions{display:flex}.home-intro .btn{font-size:13px;white-space:normal}.carousel-dots{gap:14px}.carousel-dots button{width:13px;height:13px}}

/* Lobby visual system. Keep article content open and readable. */
:root{--ink:#110d19;--panel:#201729;--panel2:#33203d;--gold:#ffd25c;--orange:#ff8356;--mint:#69d9be;--white:#f9f2ff;--muted:#bfb3c8}
body{background-color:#110d19;background-image:linear-gradient(135deg,#281633 0,transparent 32%),repeating-linear-gradient(90deg,transparent 0 79px,#a868c309 80px),repeating-linear-gradient(0deg,transparent 0 79px,#a868c309 80px);color:var(--white)}
a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.site-header{border-bottom:1px solid #9b663d;background:linear-gradient(90deg,#180e22,#25112f 55%,#150d20);box-shadow:0 5px 25px #090510a8}
.head-inner{min-height:84px}.brand img{filter:drop-shadow(0 2px 9px #d68d5750)}
.nav a{color:#e8ddeb}.nav a:hover,.nav .current-menu-item a{color:var(--gold);text-shadow:0 0 14px #ffc24b7a}
.btn{border-color:#ffdf80;background:linear-gradient(180deg,#ffe488,#f4b63e);color:#261329;box-shadow:inset 0 1px #fff7,0 3px 0 #86531e,0 9px 18px #0005}
.btn:hover{background:#ffe8a2;color:#261329}.btn-ghost{background:#27192f;color:#ffe49a;border-color:#94764e;box-shadow:none}.btn-ghost:hover{background:#473056;color:#fff}
.home-carousel{border-bottom-color:#b98243}.carousel-controls{background:linear-gradient(90deg,#180e22,#40194c 50%,#180e22);border-top:1px solid #74476b}
.carousel-arrow,.carousel-dots button{background:#2c1835;border-color:#a78062}.carousel-arrow:hover{background:#553260}
.home-intro{position:relative;padding:48px 0 39px;border-bottom:1px solid #594269}
.home-intro:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#f6c257 25%,#7bdbbe 50%,#f6c257 75%,transparent)}
.home-intro .eyebrow{color:var(--mint);letter-spacing:.08em}.home-intro h1{color:var(--gold);text-shadow:0 2px 18px #ffb6402b}.home-intro p{color:#e6ddea}.home-intro .carousel-note{color:var(--muted)}
.ticker{background:repeating-linear-gradient(110deg,#2c1735 0 28px,#301b3b 28px 56px);border-block:1px solid #7b5266}.ticker .shell{color:#e8dbea}.ticker strong{color:var(--gold)}
.lobby{padding:56px 0 48px}.section-head{border-bottom-color:#785267;position:relative}.section-head:after{content:"";position:absolute;left:0;bottom:-1px;width:155px;height:2px;background:var(--gold)}.section-head h2{color:var(--gold);text-shadow:0 0 16px #f5b04a44}.section-head p{color:var(--muted)}
.category-grid{gap:16px}.category{display:flex;flex-direction:column;min-width:0;background:linear-gradient(160deg,#301c3c,#1b1428);border:1px solid #92664e;border-radius:5px;box-shadow:inset 0 1px #ffffff20,0 12px 23px #08050e75;overflow:hidden}
.category:nth-child(2){background:linear-gradient(160deg,#3a2036,#1b1428)}.category:nth-child(3){background:linear-gradient(160deg,#24253e,#1b1428)}.category:nth-child(4){background:linear-gradient(160deg,#263a36,#1b1428)}
.category:hover{border-color:var(--gold);box-shadow:0 0 0 1px #ffda7455,0 12px 30px #08050eb0}
.category img{display:block;width:100%;height:300px;object-fit:contain;object-position:center bottom;padding:14px 14px 0;background:repeating-linear-gradient(0deg,transparent 0 17px,#e8d5ff0a 18px),linear-gradient(180deg,#4b275655,#1d1729 90%)}
.category span{display:flex;align-items:center;justify-content:space-between;min-height:57px;margin-top:auto;padding:11px 16px;color:#fff3d4;background:linear-gradient(90deg,#3d214c,#261b37);border-top:1px solid #a97449;font-weight:800}
.category span:before{content:"";width:4px;height:24px;margin-right:11px;background:var(--gold);box-shadow:0 0 10px #ffc753aa}.category span{justify-content:flex-start}
.reading{border-top:1px solid #503454;background:linear-gradient(180deg,#1b1423,#110d19 180px);padding-top:48px}.content{color:#eee4f0}.content h2{color:var(--gold);border-bottom-color:#604864;position:relative;padding-left:18px}.content h2:before{content:"";position:absolute;left:0;top:.18em;width:4px;height:1.1em;background:var(--orange)}.content h3{color:var(--mint)}
.content .callout{background:#2b1e35;border-left-color:var(--orange)}.content details,.content details:last-child{border-color:#654965}.content summary{color:#ffe0a2}.content figcaption{color:var(--muted)}
.page-hero{border-bottom:1px solid #9d6b50;background:linear-gradient(115deg,#22112d,#42244b 55%,#1d1932);position:relative;overflow:hidden}.page-hero:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(110deg,transparent 0 75px,#d6a6620b 76px 78px);pointer-events:none}.page-hero .shell{position:relative}.page-hero h1{color:var(--gold);text-shadow:0 2px 16px #eeaf5438}.page-hero p{color:#f0e4ee}.page-hero img{filter:drop-shadow(0 9px 19px #080510a0)}.breadcrumbs,.breadcrumbs a{color:#c4efdf}
.site-footer{border-top:2px solid #a8794a;background:linear-gradient(150deg,#1b1125,#0f0c17);color:#d6c8da}.foot-grid h2{color:var(--gold)}.foot-grid p,.foot-grid a{color:#c6b8cb}.copyright{border-top-color:#62455c;color:#a99eaf}
.not-found h1{color:var(--gold)}
@media(max-width:1000px){.category img{height:280px}.nav{scrollbar-color:#896075 transparent}}
@media(max-width:640px){.site-header{box-shadow:0 3px 14px #080410aa}.home-intro{padding:30px 0 27px}.lobby{padding:35px 0 30px}.category-grid{gap:10px}.category img{height:178px;padding:8px 5px 0}.category span{min-height:49px;padding:8px 9px;font-size:13px}.category span:before{height:18px;width:3px;margin-right:6px}.page-hero .shell{padding-bottom:22px}.reading{padding-top:28px}.mobile-bar{background:#1a1025ee;border-top:1px solid #aa774e;box-shadow:0 -5px 20px #09050ccc}.mobile-bar .btn-ghost{background:#382341}}
@media(max-width:360px){.category img{height:155px}.category span{font-size:12px}}
@media(prefers-reduced-motion:reduce){.category,.btn{transition:none}}
.page-hero .with-wide-media img{max-width:100%;height:auto}
@media(max-width:640px){.page-hero .shell.with-wide-media{grid-template-columns:1fr;gap:12px;padding-bottom:26px}.page-hero .with-wide-media img{width:100%;max-height:220px;justify-self:center;object-fit:contain}}

/* New app-first lobby: a green field and vivid orange controls, distinct from the purple carousel site. */
:root{--ink:#0a1710;--panel:#172b20;--panel2:#203b2a;--gold:#ffcf62;--orange:#ff8e2b;--mint:#8ee289;--white:#f5f8ed;--muted:#c1d0be}
body{background:#0b1710;color:var(--white);font-family:system-ui,-apple-system,"Noto Sans Thai",Tahoma,sans-serif;letter-spacing:0}
.site-header{position:sticky;top:0;background:#0d1b13f0;border-color:#395b3b;backdrop-filter:blur(10px)}
.nav a:hover,.nav .current-menu-item a{color:var(--mint)}
.btn{background:var(--orange);border-color:var(--orange);color:#251507;box-shadow:none}
.btn:hover{background:#ffb356;color:#251507}
.btn-ghost{background:transparent;border-color:#63805d;color:#f8f3e8}
.btn-ghost:hover{background:#28422c;color:#fff}
.app-hero{border-bottom:1px solid #526747;background:radial-gradient(ellipse at 77% 38%,#256b3e88,transparent 50%),linear-gradient(120deg,#203329,#0b1710 72%)}
.app-hero .shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,42%);gap:34px;align-items:center;min-height:450px;padding:36px 0}
.app-hero h1{font-size:clamp(34px,3.5vw,57px);line-height:1.22;color:var(--gold);margin:14px 0 18px;max-width:690px}
.app-hero p{color:#e2ecda;max-width:640px;font-size:18px}
.app-hero img{display:block;width:min(100%,400px);height:auto;margin:auto;filter:drop-shadow(0 25px 30px #050b05)}
.app-hero .hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.app-hero .eyebrow{color:var(--mint)}
.app-hero .short-facts{display:flex;gap:16px;flex-wrap:wrap;margin:24px 0 0;color:#bcd4bb;font-size:13px}
.app-hero .short-facts span{border-left:2px solid var(--orange);padding-left:10px}
.app-rail{border-bottom:1px solid #3d593e;background:#132519}
.app-rail .shell{display:flex;align-items:center;gap:22px;flex-wrap:wrap;padding-block:14px}
.app-rail strong{color:var(--gold)}.app-rail a{color:#e9f5de}
.lobby{padding:48px 0 56px}.section-head{border-color:#426143}.section-head:after{background:var(--orange)}
.section-head h2,.content h2,.page-hero h1{color:var(--gold);text-shadow:none}
.category,.category:nth-child(n){background:radial-gradient(circle at 50% 20%,#345631,#17261b 70%);border-color:#537a49;box-shadow:none}
.category:nth-child(2){background:radial-gradient(circle at 50% 20%,#315d58,#17261b 70%)}
.category:nth-child(3){background:radial-gradient(circle at 50% 20%,#60452f,#17261b 70%)}
.category img{background:none;height:275px;object-fit:contain;padding:6px 12px 0}
.category span{background:#1b3022;border-color:#517447;color:#f8efd6}.category span:before{background:var(--orange)}
.reading{background:#0e1c13;border-color:#3e5b40}.content{color:#e6ece1}.content h2{border-color:#405d3c}.content h2:before{background:var(--orange)}.content h3{color:var(--mint)}
.content .callout{background:#1d3323;border-color:var(--orange)}.content details,.content details:last-child{border-color:#466244}.content summary{color:#ffdc9d}
.page-hero{background:linear-gradient(115deg,#213b29,#13251a);border-color:#527341}.page-hero:before{background:none}.page-hero p{color:#e2ecdc}.page-hero img{max-height:310px;width:auto;object-fit:contain}
.breadcrumbs,.breadcrumbs a{color:var(--mint)}.site-footer{background:#09120c;border-color:#63834a;color:#d4dfcf}.foot-grid p,.foot-grid a{color:#c3d0c1}.copyright{border-color:#426142}
.mobile-bar{background:#0d1b13f2;border-color:#5a784e}.mobile-bar .btn-ghost{background:#223827}
@media(max-width:900px){.app-hero .shell{grid-template-columns:1fr 38%}}
@media(max-width:640px){.site-header{position:relative}.app-hero .shell{display:flex;flex-direction:column;min-height:0;padding:30px 0 20px}.app-hero h1{font-size:32px}.app-hero p{font-size:16px}.app-hero img{max-width:290px}.app-hero .short-facts{gap:8px}.category img{height:178px;padding:5px}.lobby{padding:35px 0}.mobile-bar{box-shadow:0 -6px 18px #06100ab0}}

.app-banner{overflow:hidden;border-bottom:1px solid #614066;background:#1e0c2a}
.app-banner-slides{position:relative;width:100%;max-width:1920px;aspect-ratio:1920/660;margin-inline:auto}
.app-banner-slide{position:absolute;inset:0;display:block}
.app-banner-slide[hidden]{display:none}
.app-banner-slide img{display:block;width:100%;height:100%;object-fit:contain}
.app-hero .shell{display:block;min-height:0;padding:38px 0 43px}
.app-hero-copy{max-width:900px}
.app-hero h1{max-width:none}
.app-carousel-controls{display:flex;justify-content:center;align-items:center;gap:13px;min-height:44px;margin-top:4px}
.app-carousel-controls button{display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid #7b9d68;border-radius:4px;background:#193423;color:#fff4db;font-size:19px;line-height:1;cursor:pointer}
.app-carousel-controls button:hover{background:#2a5030;border-color:var(--gold)}
.app-carousel-controls [data-pause]{font-size:12px}
.app-carousel-dots{display:flex;align-items:center;gap:8px}
.app-carousel-dots button{width:13px;height:13px;border-radius:50%;background:#557257}
.app-carousel-dots button.is-active{background:var(--orange);border-color:var(--orange)}
.category .category-media{display:grid;place-items:end center;height:275px;min-height:0;width:100%;padding:8px 12px 0;margin:0;background:transparent;border:0}
.category .category-media:before{content:none}
.category .category-media img{width:100%;height:100%;padding:0;object-fit:contain;object-position:center bottom;background:none}
.category .category-label{display:flex;align-items:center;min-height:57px;margin-top:auto}
@media(max-width:1000px){.category .category-media{height:250px}}
@media(max-width:640px){.app-carousel-controls{gap:8px;margin-top:0}.app-carousel-controls button{width:32px;height:32px}.app-carousel-dots{gap:5px}.app-carousel-dots button{width:10px;height:10px}.app-hero .shell{display:block;padding:28px 0 31px}.category .category-media{height:178px;padding:5px 5px 0}.category .category-label{min-height:49px}}
@media(max-width:360px){.category .category-media{height:155px}}