:root{--color-bg:#07152f;--color-surface:#102e5e;--color-primary:#1e5fbb;--color-accent:#f4c858;--color-text:#f8f6ee;--color-muted:#d9e2f2;--color-border:#967838;--color-focus:#fff1a2;}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#07152f;color:#f8f6ee;font:16px/1.65 Tahoma,"Noto Sans Thai",Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #fff1a2;outline-offset:5px}h1,h2,h3,p{margin:0}h2{font-size:28px;line-height:1.4}h3{line-height:1.35}section{scroll-margin-top:95px}.container,.header-inner,.hero-inner{max-width:1240px;margin:auto;padding-inline:30px}.header{border-bottom:1px solid #81621e;background:#061126;position:relative;z-index:10}.header-inner{min-height:88px;display:flex;align-items:center;gap:28px}.logo{width:168px;flex-shrink:0}.header nav{display:flex;gap:22px;margin-left:auto;font-size:14px;font-weight:bold;white-space:nowrap}.header nav a:hover{color:#ffd767}.header-actions,.actions{display:flex;gap:12px}.header-actions .button{padding:9px 18px;font-size:14px}.button{min-height:44px;padding:10px 26px;border:1px solid #e5b541;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:18px;font-weight:bold;transition:filter .2s,transform .2s}.button:hover{filter:brightness(1.12);transform:translateY(-1px)}.gold{background:linear-gradient(#ffe995 0%,#ffd34f 45%,#d98c0b 100%);color:#0a0b07;box-shadow:inset 0 1px #fff3b3,0 3px 15px #b1780b22}.outline{color:#fff;background:#102952e6}.menu-toggle{display:none}.hero{overflow:hidden;background:radial-gradient(ellipse at 67% 55%,#174d99 0%,#0b2e62 40%,#07152f 74%);border-bottom:1px solid #58451f}.hero-inner{position:relative;min-height:506px;display:flex;align-items:center}.hero-copy{position:relative;z-index:2;width:60%;padding-block:32px}.eyebrow{letter-spacing:3px;font-size:13px;font-weight:bold}.brand-title{font:italic 900 clamp(58px,6.6vw,94px)/1.1 Arial,sans-serif;letter-spacing:-5px;background:linear-gradient(#fff7c1,#e5aa23 64%,#fff0a6);background-clip:text;color:transparent;filter:drop-shadow(0 3px 0 #593804);margin:8px 0}.tagline{color:#fbe287;letter-spacing:3px;font-style:italic;font-weight:bold;margin:10px 0 24px}.hero h1{font-size:clamp(25px,2.6vw,38px);line-height:1.45;letter-spacing:-.8px}.hero h1 span{color:#ffe28a}.hero-description{margin:16px 0 22px;font-size:17px}.hero .button{min-width:180px}.hero-art{position:absolute;right:0;bottom:0;width:60%;height:100%;object-fit:cover;object-position:right center;mask-image:linear-gradient(to right,transparent,black 20%);opacity:.98}.trust-row{display:grid;grid-template-columns:repeat(4,1fr);padding-block:22px;gap:22px}.trust-row>div{display:flex;align-items:center;gap:13px;border-right:1px solid #ffffff20}.trust-row>div:last-child{border:0}.symbol{color:#ffd86c;font:40px Georgia,serif;width:60px;height:60px;border-radius:50%;border-top:1px solid #e0b550;display:grid;place-items:center;background:linear-gradient(135deg,#194583,#0a1b39)}.trust-row strong{font-size:15px}.trust-row small{display:block;font-size:12px;color:#ccd0d0}.game-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.game-card{overflow:hidden;border:1px solid #d7aa37;border-radius:8px;background:linear-gradient(#123567,#0c2248);box-shadow:0 0 20px #dca7350a}.game-card img{width:100%;aspect-ratio:1.4;object-fit:cover}.game-copy{padding:0 14px 13px;margin-top:-5px;position:relative;background:linear-gradient(transparent,#0c2248 28%)}.game-copy h3{font-size:25px;color:#ffe389}.game-copy p{font-size:13px;min-height:43px;margin:3px 0 6px}.game-copy .button{width:100%;padding:5px 12px;font-size:14px}.skip{position:fixed;top:-100px;left:20px;z-index:100;background:#ffe389;color:black;padding:12px}.skip:focus{top:8px}dialog{background:#0a2450;color:#fff;border:1px solid #bc943a;border-radius:14px;padding:35px;max-width:440px;width:calc(100% - 36px)}dialog::backdrop{background:#000b}dialog h2{color:#ffe389;font-size:23px}dialog p{margin:18px 0 25px}.close{position:absolute;right:10px;top:3px;background:transparent;border:0;color:#fff;font-size:30px}.menu-toggle{color:#ffe389;background:none;border:1px solid #8b712e;border-radius:6px;font-size:24px}
@media(max-width:1100px){.header-inner{gap:16px}.header nav{gap:12px;font-size:12px}.header-actions .button{padding:8px 12px}.logo{width:140px}.hero-inner{min-height:465px}.trust-row{gap:10px}.symbol{width:44px;height:44px;flex-shrink:0}.trust-row strong{font-size:13px}.trust-row small{font-size:12px}.game-copy{padding-inline:10px}.game-copy h3{font-size:22px}}
@media(max-width:850px){.header-inner{min-height:76px;justify-content:space-between}.header nav{display:none;position:absolute;top:100%;left:0;right:0;background:#0c2450;border-bottom:1px solid #8b712e;padding:20px 30px;flex-wrap:wrap;font-size:16px}.header nav.open{display:flex}.menu-toggle{display:block;order:3}.header-actions{margin-left:auto}.hero-inner{min-height:470px}.hero-copy{width:70%}.hero-art{width:75%;opacity:.7}.brand-title{font-size:72px}.hero h1{font-size:29px}.hero-description{font-size:15px}.trust-row{grid-template-columns:repeat(2,1fr)}.trust-row>div:nth-child(2){border:0}.trust-row strong{font-size:15px}.game-grid{grid-template-columns:repeat(3,1fr)}.game-copy p{min-height:26px}}
@media(max-width:560px){html{scroll-padding-top:75px}.container,.header-inner,.hero-inner{padding-inline:18px}.header-inner{gap:12px}.logo{width:118px}.header-actions .outline{display:none}.header-actions .button{font-size:12px;padding:6px 11px;min-height:38px}.hero-inner{min-height:580px;align-items:flex-start}.hero-copy{width:100%;padding-top:30px}.hero-art{width:100%;height:76%;bottom:0;object-position:75% center;opacity:.44;mask-image:linear-gradient(transparent,black 35%)}.hero-copy .eyebrow{font-size:12px}.brand-title{font-size:64px;letter-spacing:-3px}.tagline{font-size:12px;letter-spacing:1.8px;margin-bottom:24px}.hero h1{font-size:26px}.hero-description{max-width:260px;margin-top:14px}.hero .actions{margin-top:25px;flex-direction:column;width:185px}.hero .button{padding:8px 16px;min-width:0}.trust-row{gap:16px 10px;padding-block:22px}.trust-row>div{gap:7px;border:0}.trust-row strong{font-size:13px}.trust-row small{font-size:12px}.symbol{font-size:28px;width:34px;height:40px}.game-grid{grid-template-columns:repeat(2,1fr);gap:12px}.game-copy h3{font-size:23px}.game-copy p{font-size:12px;min-height:40px}.game-card:last-child{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr}.game-card:last-child img{height:100%}.game-card:last-child .game-copy{align-self:center;padding:16px}.game-card:last-child p{min-height:0}h2{font-size:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.gold-text{color:#ffe083}.section{margin-top:46px}.section-heading{margin-bottom:22px}.section-heading .eyebrow{margin-bottom:8px;font-size:12px;letter-spacing:2px}.section-heading>p:last-child{color:#d7dad8;margin-top:7px}.devices{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center;border-block:1px solid #87631e;padding-block:20px;background:radial-gradient(ellipse at 75% 100%,#1555a466,transparent 60%)}.devices h2{font-size:32px}.devices p{margin-block:15px}.devices img{width:100%;align-self:end}.platforms{display:flex;gap:8px;flex-wrap:wrap}.platforms span{border:1px solid #8b8f87;border-radius:5px;padding:4px 12px;font:14px/1.8 Arial,sans-serif}.promotions{display:grid;grid-template-columns:170px 260px 1fr;gap:22px;align-items:center;border-bottom:1px solid #87631e;padding:22px 0;background:radial-gradient(ellipse at left,#1555a455,transparent 55%)}.promotions h2{font-size:24px;color:#ffe083}.promotions p{font-size:14px;margin-top:5px}.promo-features{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #8b6a25;border-radius:8px;padding:18px 8px}.promo-features>div{text-align:center;border-right:1px solid #5d4b24}.promo-features>div:last-child{border:0}.promo-features span{font:32px Georgia;color:#ffd258;display:block;margin-bottom:8px}.promo-features strong{font-size:15px;display:block}.promo-features small{display:block;font-size:13px;color:#ddd}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.feature-grid article,.category-grid a{border:1px solid #97782d;border-radius:7px;text-align:center;padding:22px 12px;background:linear-gradient(125deg,#102e5e,#0a1b39)}.feature-icon{font:38px/1.3 Georgia;color:#ffe18b;display:block;margin-bottom:10px}.feature-grid h3{font-size:18px}.feature-grid p{margin-top:6px;color:#e0dfd7;font-size:16px}.steps-section{margin-top:35px}.steps{list-style:none;padding:16px 22px;border:1px solid #94752b;border-radius:8px;display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin:16px 0 0;background:linear-gradient(115deg,#153970,#07152f)}.steps li{display:flex;gap:15px;align-items:center;position:relative}.steps li:not(:last-child):after{content:'›';position:absolute;right:5px;color:#edc55b;font-size:32px}.steps li>span{display:grid;place-items:center;border-radius:50%;background:linear-gradient(#ffeb9a,#e5a21e);color:#0b0b08;width:52px;height:52px;flex-shrink:0;font:700 32px Arial}.steps h3{font-size:18px}.steps p{font-size:14px;margin-top:5px}.about>p,.security>p{margin-top:12px;color:#d9ddda;line-height:1.9}.category-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:22px}.category-grid a{padding:18px 8px}.category-grid a:hover{background:#2156a1}.category-grid span{display:block;color:#ffe18b;font:38px/1.4 Georgia}.category-grid h3{color:#ffe18b;font-size:19px;margin:8px 0}.category-grid p{font-size:14px}.security{margin-top:36px}.security .actions{align-items:center;margin-top:20px;gap:20px}.security .actions p{font-size:14px}.testimonials>p{margin:8px 0 20px;color:#cdd0ca}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.review-grid figure{margin:0;padding:22px;border:1px solid #8e6e25;border-radius:9px;background:linear-gradient(145deg,#153b76,#0a2044)}.stars{text-align:center;color:#ffdc58;letter-spacing:3px}.review-grid blockquote{margin:12px 0 20px;text-align:center;font-size:16px}.review-grid figcaption{display:flex;align-items:center;gap:10px;justify-content:center;font-size:14px}.avatar{border:1px solid #ddbe64;background:#214f85;border-radius:50%;width:38px;height:38px;display:grid;place-items:center;color:#ffe18b}.review-grid small{display:block;color:#c7ccc7;font-size:12px}.faq{margin:34px 0 44px}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px;align-items:start}.faq details{border:1px solid #717261;border-radius:7px;background:#102b54}.faq summary{list-style:none;cursor:pointer;padding:15px 42px 15px 16px;position:relative;font-size:15px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'⌄';position:absolute;right:16px;top:10px;color:#ffe18b;font-size:20px}.faq details[open] summary:after{content:'−'}.faq details p{padding:0 16px 18px;color:#c9cec8;font-size:15px}footer{border-top:1px solid #493d23;background:#05122d}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:24px}.footer-center{text-align:center}.footer-center nav{display:flex;justify-content:center;gap:18px;font-size:13px}.footer-center p{color:#a8b0ae;font-size:12px;margin-top:10px}.mobile-bar{display:none}
@media(max-width:1000px){.promotions{grid-template-columns:140px 1fr}.promo-features{grid-column:1 / -1}.promotions>img{width:140px}.steps{gap:15px;padding-inline:14px}.steps li:not(:last-child):after{display:none}.category-grid h3{font-size:16px}.footer-center nav{flex-wrap:wrap;gap:10px}.footer-inner{flex-wrap:wrap}.footer-center{order:3;width:100%}}
@media(max-width:650px){.section{margin-top:32px}.devices{grid-template-columns:1fr;padding-top:25px;gap:24px}.devices h2{font-size:27px}.devices p{font-size:15px}.devices img{max-width:460px;margin:auto}.promotions{gap:12px;grid-template-columns:105px 1fr}.promotions h2{font-size:22px}.promotions>img{width:105px}.promo-features{margin-top:10px}.promo-features strong{font-size:13px}.promo-features small{font-size:12px}.feature-grid{grid-template-columns:1fr 1fr;gap:12px}.feature-grid article{padding:18px 8px}.feature-grid h3{font-size:16px}.feature-grid p{font-size:14px}.steps{grid-template-columns:1fr;padding:20px;gap:22px}.steps li{gap:18px}.steps li>span{width:46px;height:46px;font-size:27px}.category-grid{grid-template-columns:repeat(2,1fr);gap:12px}.category-grid a:last-child{grid-column:1 / -1}.category-grid h3{font-size:18px}.security .actions{align-items:flex-start;flex-direction:column}.review-grid{grid-template-columns:1fr}.review-grid figure{padding:20px}.faq-grid{grid-template-columns:1fr}.footer-inner{padding-bottom:96px}.footer-inner .logo{width:135px}.footer-inner .button{font-size:14px;padding-inline:15px}.mobile-bar{position:fixed;bottom:0;left:0;right:0;background:#081d40f5;border-top:1px solid #a68130;z-index:15;display:grid;grid-template-columns:repeat(4,1fr);padding:7px 8px calc(7px + env(safe-area-inset-bottom))}.mobile-bar a,.mobile-bar button{display:flex;flex-direction:column;align-items:center;color:#f5df9d;border:0;background:transparent;font-size:23px;line-height:1.3;padding:4px}.mobile-bar button[data-action="register"]{background:linear-gradient(#ffdf77,#d99b21);border-radius:7px;color:#0a0d0c}.mobile-bar span{font-size:12px;margin-top:3px}body{padding-bottom:0}}

/* Readable long-form SEO content */
.seo-article{border-top:1px solid #655121;padding-top:38px;margin-bottom:40px}.seo-article>h2{color:#ffe083;max-width:920px;margin:0 auto 24px}.article-toc{max-width:920px;margin:0 auto 34px;padding:22px 26px;border:1px solid #675125;border-radius:8px;background:#0f2b56}.article-toc strong{color:#ffe083;font-size:18px}.article-toc ol{margin:12px 0 0;padding-left:24px;columns:2;column-gap:38px}.article-toc li{break-inside:avoid;margin:0 0 10px;font-size:15px;line-height:1.7}.article-toc a{text-decoration:underline;text-decoration-color:#7b662e;text-underline-offset:4px}.article-toc a:hover{color:#ffe083}.seo-article>section{max-width:920px;margin:0 auto 28px}.seo-article h3{font-size:22px;color:#f9dfa0;line-height:1.6;margin-bottom:12px}.seo-article p{font-size:16px;line-height:1.95;color:#d9ddda;margin-bottom:14px;overflow-wrap:break-word}.footer-center nav{flex-wrap:wrap}
@media(max-width:650px){.seo-article{padding-top:28px}.seo-article>h2{font-size:25px}.article-toc{padding:18px}.article-toc ol{columns:1}.seo-article h3{font-size:20px}.seo-article p{line-height:1.95}}

body{background:var(--color-bg);color:var(--color-text)}.logo{width:180px;height:60px;object-fit:contain}.header-inner{gap:22px}.hero-art{object-position:center}.hero{background:radial-gradient(ellipse at 75% 60%,#1e5fbb,#0b2e62 48%,#07152f 85%)}.game-copy{background:linear-gradient(transparent,#0c2248 28%)}.trust-row small,.seo-article p{color:var(--color-muted)}.review-grid figure>p{font-size:15px;margin:14px 0 20px}.hero .tagline{font-size:14px;letter-spacing:2px}.hero .brand-title{letter-spacing:-3px}.devices img{border-radius:8px}.button:disabled{opacity:.55;cursor:not-allowed;transform:none}.header nav{gap:16px}@media(max-width:1100px){.logo{width:145px}.header nav{gap:10px}}@media(max-width:560px){.logo{width:115px;height:48px}.hero h1{font-size:25px}.hero-art{object-position:65% center}.hero .tagline{font-size:11px;letter-spacing:1.5px}.hero .brand-title{font-size:68px}}

.devices img{height:auto}