@font-face{font-family:Kanit;src:url('assets/Kanit-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Kanit;src:url('assets/Kanit-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
:root{--page:#05172d;--card:#071627;--panel:#112b47;--gold:#e9bd5a;--gold-light:#ffe6a1;--silver:#dce7f0;--muted:#bfd0de;--blue:#3a9fd6;--text:#f0f5f9;--line:rgba(220,231,240,.28);--soft-line:rgba(191,215,236,.17)}
*{box-sizing:border-box}body{margin:0;background:var(--page);color:var(--text);font:400 16px/1.8 Kanit,'Leelawadee UI',sans-serif}a{color:inherit;text-decoration:none}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.symbol-defs{position:absolute;width:0;height:0;overflow:hidden}a,summary{transition:background .2s, border-color .2s, color .2s}a:focus-visible,summary:focus-visible{outline:3px solid var(--gold-light);outline-offset:4px}a:hover{color:var(--gold-light)}.wrap{width:calc(100% - 32px);max-width:1160px;margin-inline:auto}.site-header{border-top:3px solid var(--gold);border-bottom:1px solid var(--gold);background:var(--card)}.header-inner{max-width:1160px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px}.wordmark{font-size:28px;font-weight:700;line-height:1.2;color:var(--silver)}.wordmark span{color:var(--gold)}.desktop-nav{display:none}.header-actions{display:flex;gap:8px}.button{min-height:48px;padding:10px 18px;display:inline-flex;justify-content:center;align-items:center;gap:10px;border:1px solid var(--line);border-radius:6px;font-weight:700;line-height:1.5;text-align:center}.header-actions .button{padding:8px 10px;font-size:14px;min-height:44px}.gold{background:linear-gradient(180deg,var(--gold-light),var(--gold));color:var(--card);border-color:var(--gold)}.gold:hover{color:var(--card);background:var(--gold-light)}.blue{background:var(--blue);color:var(--card);border-color:var(--blue)}.blue:hover{color:var(--card);background:var(--silver)}.outline{color:var(--gold)}.hero{position:relative;isolation:isolate;overflow:hidden;min-height:560px;max-width:1440px;margin:auto;background:var(--card)}.hero>img{position:absolute;right:0;top:0;height:100%;width:100%;object-fit:cover;object-position:center 25%;z-index:-2}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,var(--page) 3%,rgba(5,23,45,.96) 20%,rgba(5,23,45,.04) 75%);z-index:-1}.hero-content{position:absolute;left:20px;right:20px;bottom:20px;max-width:650px}.eyebrow{color:var(--gold);font-size:13px;font-weight:700;letter-spacing:0}h1{font-size:32px;line-height:1.45;margin:8px 0 12px}h1 span{display:block;color:var(--gold-light)}.hero-content p{margin:0 0 10px}.hero-tags{display:flex;gap:18px;color:var(--silver);font-size:14px}.hero-tags span:before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--gold);margin-right:6px;vertical-align:middle}.desktop-break{display:none}.entry-band{padding:22px 0;text-align:center}.main-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:660px;margin:auto}.main-actions .button{padding:12px 8px;font-size:16px}.entry-band p{color:var(--muted);font-size:14px;margin:12px 0 0}.section{padding:30px 0;border-top:1px solid var(--line)}.section-title{text-align:center;margin-bottom:24px}h2{font-size:24px;line-height:1.55;margin:6px 0 12px;color:var(--gold-light)}.section-title p{margin:0;color:var(--muted)}.game-strip{display:flex;overflow-x:auto;gap:12px;padding-bottom:14px;scroll-snap-type:x proximity;scrollbar-color:var(--gold) var(--panel);scrollbar-width:thin}.game-tile{flex:0 0 160px;border:1px solid var(--line);border-radius:7px;overflow:hidden;scroll-snap-align:start;background:var(--card)}.game-art{height:164px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;background:var(--panel);color:var(--gold-light)}.game-art svg{width:78px;height:78px;stroke-width:1}.game-art span{font-size:13px;font-weight:700}.game-tile strong,.game-tile small{display:block;padding-inline:12px}.game-tile strong{padding-top:10px}.game-tile small{color:var(--muted);font-size:12px;padding-bottom:12px}.football .game-art{background:#123e43}.roulette .game-art{background:#432332}.slot .game-art{background:#343055}.live .game-art{background:#294052}.service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.service-grid>a{padding:20px 12px;text-align:center;border:1px solid var(--line);border-radius:7px;background:var(--card)}.service-grid svg{width:38px;height:38px;margin:0 auto 12px;color:var(--silver)}.service-grid strong{display:block;font-size:18px}.service-grid p{font-size:16px;color:var(--muted);margin:8px 0 12px}.service-grid span{font-size:14px;color:var(--gold)}.feature-banner{display:flex;align-items:center;justify-content:space-between;padding:28px 22px;border-block:1px solid var(--gold);margin-top:8px;background:var(--panel)}.banner-title{font-size:26px;line-height:1.5;font-weight:700;margin:8px 0 18px}.banner-title span{font-size:18px;color:var(--silver)}.banner-icon{display:none;width:130px;height:130px;color:var(--gold)}.reading{padding:48px 0 24px;max-width:880px}.reading-intro{padding-bottom:30px;border-bottom:1px solid var(--line)}.article-lead{font-size:26px;font-weight:700;line-height:1.5;margin:10px 0}.reading p{color:var(--silver);margin:12px 0 20px}.reading section{padding:30px 0;border-bottom:1px solid var(--soft-line)}.section-number{color:var(--muted);font-size:13px}.reading h2{color:var(--text);font-size:24px}.reading h3{font-size:19px;line-height:1.6;color:var(--gold-light);margin:22px 0 8px}details{border-bottom:1px solid var(--soft-line)}summary{cursor:pointer;padding:16px 24px 16px 0;font-weight:700;min-height:48px}details p{padding-right:20px}.site-footer{margin-top:30px;background:var(--card);border-top:1px solid var(--gold);padding:32px 0 90px}.footer-grid{display:grid;gap:24px}.footer-grid p{color:var(--muted);margin:16px 0 0}.footer-grid nav{display:grid;grid-template-columns:1fr 1fr;gap:8px}.footer-grid nav a{display:flex;align-items:center;min-height:44px}.footer-bottom{border-top:1px solid var(--line);margin-top:24px;padding-top:20px;display:flex;flex-direction:column;gap:8px;color:var(--muted);font-size:13px}.mobile-dock{position:fixed;bottom:0;left:0;right:0;z-index:10;display:grid;grid-template-columns:repeat(3,1fr);background:var(--card);border-top:1px solid var(--gold);padding:6px 8px max(6px,env(safe-area-inset-bottom));gap:8px}.mobile-dock a{min-height:54px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:12px;color:var(--gold)}.mobile-dock .dock-main{background:var(--gold);color:var(--card);border-radius:6px}.mobile-dock svg{width:20px;height:20px}
@media(min-width:700px){.hero{min-height:500px}.hero>img{width:55%;object-position:center 28%}.hero:after{background:linear-gradient(90deg,var(--page) 12%,rgba(5,23,45,.92) 35%,rgba(5,23,45,.05) 75%)}.hero-content{left:max(32px,calc((100% - 1160px)/2));top:50%;bottom:auto;transform:translateY(-50%);right:auto;width:55%}h1{font-size:42px}.desktop-break{display:block}.game-tile{flex:1 0 170px}.service-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.banner-icon{display:block}.feature-banner{padding:32px 40px}.footer-grid{grid-template-columns:1fr 1fr}.footer-bottom{flex-direction:row;justify-content:space-between}.mobile-dock{display:none}.site-footer{padding-bottom:30px}}
@media(min-width:1050px){.desktop-nav{display:flex;gap:24px}.desktop-nav a{min-height:44px;display:flex;align-items:center}.header-actions .button{font-size:16px;padding:10px 20px}.hero{min-height:560px}.hero-content{width:55%}h1{font-size:46px}.wordmark{font-size:34px}.game-art{height:190px}}
@media(max-width:359px){.wordmark{font-size:24px}.header-inner{gap:6px;padding-inline:10px}.header-actions{gap:5px}.header-actions .button{font-size:12px;padding-inline:7px}.main-actions .button{font-size:14px;gap:6px}h1{font-size:28px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}