:root{--paper:#101414;--soft:#191e1e;--ink:#f2f5f0;--muted:#adb9b3;--line:#34413a;--red:#9ae044;--red-dark:#c2f27b;--red-bright:#c2f27b;--gold:#f2b95a}
html{scroll-behavior:smooth}
body{background:var(--paper);color:var(--ink);font-family:Tahoma,"Noto Sans Thai",Arial,sans-serif;line-height:1.75}
.wrap{width:min(1280px,calc(100% - 56px))}
h1,h2,h3{color:var(--ink);letter-spacing:0;overflow-wrap:break-word}
.site-header{background:#171c1b;border-bottom:1px solid #354239}
.topbar{background:#171c1b;border-bottom:0}
.topbar-inner{min-height:78px}
.brand{font-size:28px;letter-spacing:0}
.brand-mark{width:42px;height:42px;border:0;border-radius:7px;background:#a8e85b;color:#17201a;box-shadow:inset 0 0 0 3px #d4ff9e}
.brand small{color:#aab9ae;font-size:10px;margin-top:4px}
.header-actions .action-quiet{color:#e7eee8;border:1px solid #4b5a50;background:#242d29}
.action{border-radius:6px;min-height:44px;box-shadow:none;text-decoration:none}
.action-primary{color:#172015;background:#a6e35a;border:1px solid #c8fa89;box-shadow:none}
.action-primary:hover,.action-primary:focus-visible{background:#c8fa89;color:#172015}
.action-outline{color:#e9f1e8;background:#26312a;border:1px solid #658746}
.action-outline:hover,.action-outline:focus-visible{background:#344737;color:#fff}
.nav-strip{background:#202725;border-bottom:1px solid #394740;box-shadow:none}
.nav-items{gap:2px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin}
.nav-items a{color:#c4d0c8;white-space:nowrap;padding:11px 18px;font-size:13px}
.nav-items a:hover,.nav-items a:focus-visible{color:#bcf373;background:#2d3e30}
.lobby-hero{background:#101616;border-bottom:1px solid #2c3c31;overflow:hidden}
.lobby-hero-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:36px;min-height:430px;padding-block:48px}
.lobby-hero-copy{position:relative;z-index:1}
.eyebrow,.overline,.section-heading>span{display:inline-flex;align-items:center;gap:9px;font-size:11px;font-weight:800;color:#a9ec64;text-transform:uppercase}
.live-dot{width:7px;height:7px;border-radius:50%;background:#a8e85b;box-shadow:0 0 12px #a8e85b}
.lobby-hero h1{color:#f4f8f1;font-size:clamp(38px,4.2vw,62px);line-height:1.12;margin:18px 0 18px}
.lobby-hero h1 span{display:block;color:#b6e783;font-size:clamp(24px,2.2vw,32px);line-height:1.35;margin-top:12px}
.lobby-hero p{max-width:54ch;color:#bbc8bf;margin-bottom:18px}
.lobby-hero .intro-actions{margin:24px 0 16px}
.source-note{font-size:12px;color:#91a198!important}
.lobby-hero-art{min-width:0;position:relative}
.lobby-hero-art img{width:100%;height:auto;object-fit:contain;border-radius:6px;border:1px solid #40563d;background:#1b2220;box-shadow:0 20px 70px #0008}
.lobby-categories{background:#1c2421;border-bottom:1px solid #37463c}
.lobby-category-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}
.lobby-category-row a{display:flex;align-items:center;justify-content:center;gap:9px;min-height:62px;border-right:1px solid #34433a;color:#d6e1d8;font-weight:800;font-size:14px}
.lobby-category-row a:first-child{border-left:1px solid #34433a}
.lobby-category-row a span{color:#b8ee75;font-size:18px}
.lobby-category-row a:hover,.lobby-category-row a:focus-visible{background:#304232;color:#fff}
.section{padding:62px 0}
.section-heading{max-width:790px;margin-bottom:28px}
.section-heading h2,.spotlight h2,.home-copy h2{font-size:clamp(26px,2.6vw,34px);color:#eff6ed;margin:7px 0 10px}
.section-heading h2:after{height:2px;background:#a5df5a;width:54px;margin-top:14px}
.section-heading p,.spotlight p,.secondary p{color:#adbbb1}
.featured{padding-top:58px}
.game-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.game-grid a{background:#202a25;border:1px solid #38493d;border-radius:6px;box-shadow:none;min-width:0;min-height:264px;padding:18px;text-align:left;align-items:flex-start;transition:transform .2s,border-color .2s,background .2s}
.game-grid a:hover{background:#293a2d;border-color:#9ee05a;transform:translateY(-3px)}
.game-grid img{display:block;width:100%;height:155px;box-sizing:border-box;padding:8px;object-fit:contain;object-position:center;margin:0 0 14px;background:#19221d;border-radius:4px}
.game-grid strong{font-size:18px;color:#f4f8f0}
.game-grid small{color:#a7b7ab;font-size:13px}
.spotlight{background:#1b2420;border-block:1px solid #35473a}
.spotlight-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:50px;align-items:center}
.spotlight-image img{width:100%;height:auto;object-fit:contain;border-radius:6px;border:1px solid #435442}
.spotlight h2{margin:12px 0 20px}
.text-link,.platforms a{color:#b8ef78;font-weight:800;text-decoration:none}
.text-link:hover,.platforms a:hover{text-decoration:underline}
.secondary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:46px}
.secondary-grid>div{border-top:1px solid #637b57;padding-top:18px}
.secondary h3{font-size:21px;margin-bottom:10px}
.home-copy{background:#181f1d;border-top:1px solid #334038}
.home-article{max-width:920px}
.page-head{background:#1d2821;border-bottom:1px solid #3b513e;padding:50px 0}
.page-head h1{color:#eff7eb;font-size:clamp(29px,3.4vw,44px);max-width:940px}
.page-head p{color:#b3c3b5;max-width:800px}
.crumbs{color:#a4b5a7}.crumbs a:hover{color:#c3ef87}
.page-grid{grid-template-columns:minmax(0,1fr) 260px;gap:64px;padding-block:52px 86px}
.article-body{color:#d4ded6;font-size:16px;line-height:1.95}
.article-body h2{color:#bbeb80;font-size:27px;margin:43px 0 15px}
.article-body h3{color:#f0f5e9;font-size:21px;margin:30px 0 12px}
.article-body p,.article-body li{color:#c8d4cb}
.article-body a{color:#b7ee77;text-decoration:underline;text-underline-offset:3px}
.article-body figure{margin:32px 0}
.article-body figure img{width:100%;height:auto;max-height:none;object-fit:contain;background:#1f2822;border:1px solid #465746;border-radius:5px}
.article-body figcaption{color:#aabcae}
.related{background:#202a24;border:1px solid #384a3c;border-left:3px solid #a7e45f;border-radius:4px;padding:20px}
.related strong{color:#bff089}.related>a:not(.action){border-bottom:1px solid #3b4a40;color:#d6e4d7}.related p{color:#a7b6a9}
.site-footer{background:#131a17;border-top:1px solid #425642;color:#e4eee5}
.footer-brand span{color:#b8ed78}.footer-grid p,.footer-base{color:#9eafa1}.footer-grid nav a:hover{color:#b8ed78}
.mobile-actions{display:none}
:focus-visible{outline:2px solid #bef17f;outline-offset:3px}
@media(max-width:900px){.lobby-hero-grid{gap:18px;min-height:0}.page-grid{gap:28px}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.spotlight-grid{gap:25px}}
@media(max-width:800px){.topbar-inner{min-height:64px}.nav-toggle{display:flex;background:#2c3b30;border-color:#546d4e;border-radius:5px}.nav-toggle span{background:#e9f7e5}.nav-strip{display:none}.nav-strip.open{display:block}.nav-items{flex-direction:column;overflow:visible}.nav-items a{padding:11px 0}.lobby-hero-grid{grid-template-columns:1fr;padding-block:34px;gap:12px}.lobby-hero-art img{max-height:280px}.lobby-category-row{display:flex;overflow-x:auto;scrollbar-width:thin}.lobby-category-row a{flex:0 0 auto;padding:0 20px;min-height:52px}.spotlight-grid,.secondary-grid,.page-grid{grid-template-columns:1fr}.related{position:static}.mobile-actions{display:grid;background:#1c2720ef;border-top:1px solid #69844d;box-shadow:0 -4px 18px #0008}.mobile-actions a{color:#ebf4e9;border-color:#587054;border-radius:5px}.mobile-actions a.action-primary{background:#a7e55c;border-color:#a7e55c;color:#162018}.site-footer{padding-bottom:86px}}
@media(max-width:520px){.wrap{width:calc(100% - 30px)}.brand{font-size:22px}.brand-mark{width:35px;height:35px;font-size:22px}.lobby-hero h1{font-size:38px}.lobby-hero h1 span{font-size:23px}.intro-actions{display:flex;gap:8px}.intro-actions .action{flex:1;padding-inline:9px}.lobby-hero-art img{max-height:none}.game-grid{gap:9px}.game-grid a{padding:11px;min-height:215px}.game-grid img{height:110px}.game-grid strong{font-size:16px}.game-grid small{font-size:12px}.section{padding:44px 0}.page-head{padding:32px 0}.page-grid{padding:32px 0 60px}.article-body{font-size:15px}.article-body h2{font-size:24px}.footer-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.game-grid a{transition:none}}
@media(max-width:800px){html{scroll-padding-bottom:90px}.mobile-actions{background:#1c2720}.site-footer{padding-bottom:100px}}
.lobby-carousel{width:100%;background:#101616}
.lobby-carousel-stage{position:relative;width:100%;aspect-ratio:1920/500;overflow:hidden}
.lobby-carousel-stage .hero-slide{position:absolute;inset:0}
.lobby-carousel-stage img{width:100%;height:100%;object-fit:contain;display:block}
.lobby-carousel-bar{min-height:38px;background:#1b2420;border-bottom:1px solid #35473a}
.lobby-carousel-bar .wrap{display:flex;justify-content:flex-end}
.lobby-carousel-controls{display:flex;align-items:center;gap:12px;min-height:38px;color:#d6e1d8;font-size:12px;font-weight:800}
.lobby-carousel-controls button{display:grid;place-items:center;width:36px;height:34px;border:0;background:transparent;color:#b8ee75;font-size:26px;line-height:1}
.lobby-carousel-controls button:hover,.lobby-carousel-controls button:focus-visible{background:#304232}
.lobby-hero .lobby-hero-copy{width:min(1280px,calc(100% - 56px));margin-inline:auto;padding:36px 0 48px}
.lobby-hero .lobby-hero-copy h1{max-width:1000px;margin:12px 0 16px}
.lobby-hero .lobby-hero-copy h1 span{margin-top:8px}
.lobby-hero .lobby-hero-copy p{max-width:75ch}
@media(max-width:520px){.lobby-hero .lobby-hero-copy{width:calc(100% - 30px);padding:26px 0 34px}.lobby-carousel-controls{min-height:36px}.lobby-carousel-controls button{height:36px}}

/* Carry the game artwork into the copy band beneath the carousel. */
body{background:#111a18}
.lobby-hero{background:#101817}
.lobby-hero .lobby-hero-copy{position:relative;isolation:isolate;min-height:min(35.1vw,674px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding-block:64px 72px}
.lobby-hero .lobby-hero-copy::before{content:"";position:absolute;z-index:-1;inset:0 auto 0 50%;width:100vw;transform:translateX(-50%);background-color:#101817;background-image:linear-gradient(90deg,#101817f5 0%,#101817df 38%,#10181735 100%),url('imgi_235_game-bg.jpeg');background-position:center top;background-size:min(100vw,1920px) auto;background-repeat:no-repeat}
.lobby-hero .lobby-hero-copy h1,.lobby-hero .lobby-hero-copy p{max-width:670px;text-shadow:0 2px 8px #0009}
.featured{position:relative;isolation:isolate}
.featured::before{content:"";position:absolute;z-index:-1;inset:0 auto 0 50%;width:100vw;transform:translateX(-50%);background-color:#141d1b;background-image:repeating-linear-gradient(90deg,#d7e9d005 0 1px,transparent 1px 80px),repeating-linear-gradient(0deg,#d7e9d005 0 1px,transparent 1px 80px)}
.featured .section-heading h2{color:#f4e2b3}
.featured .section-heading h2::after{background:#d6a94e}
.game-grid a{background:#202c27;border-color:#4e5d4b}
.game-grid a:hover{border-color:#e4bd67}
.page-head{background-color:#19231f;background-image:repeating-linear-gradient(90deg,#e7e6b007 0 1px,transparent 1px 80px),linear-gradient(110deg,#19231f,#26332b);border-bottom-color:#b8914c}
.page-head .overline,.page-head h1,.article-body h2{color:#e9c978}
@media(max-width:800px){.lobby-hero .lobby-hero-copy{min-height:0;padding:calc(35.1vw + 32px) 0 48px}.lobby-hero .lobby-hero-copy::before{background-image:url('imgi_235_game-bg.jpeg');background-size:100% auto}.lobby-hero .lobby-hero-copy h1,.lobby-hero .lobby-hero-copy p{text-shadow:none}}
@media(max-width:520px){.lobby-hero .lobby-hero-copy{padding:calc(35.1vw + 28px) 0 42px}}