:root{--bg:#120909;--panel:#241112;--wine:#771b2b;--gold:#f2c775;--text:#f9edda;--muted:#c9b9a9;--line:#6b4831}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font-family:Tahoma,Arial,sans-serif;font-size:16px;line-height:1.75}a{color:inherit;text-decoration:none;cursor:pointer}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid white;outline-offset:4px}header{position:sticky;top:0;z-index:10;background:#120909f5;border-bottom:1px solid var(--line);padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:10px}.brand{font-size:20px;font-weight:bold;color:var(--gold)}.brand span{font-size:14px;display:block;color:var(--text)}.small-cta{padding:8px 12px;border:1px solid var(--gold);border-radius:8px;font-size:14px}main{max-width:1060px;margin:auto}section{padding:34px 22px;scroll-margin-top:10px}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:32px;background:radial-gradient(ellipse at 70% 20%,#541521,transparent 65%)}h1,h2,h3,p{margin:0 0 12px}h1{font-size:clamp(30px,4vw,48px);line-height:1.5}h1 span{color:var(--gold)}h2{font-size:26px;line-height:1.5}h3{font-size:18px;line-height:1.6}.eyebrow{color:var(--gold);font-size:13px;font-weight:bold;margin-bottom:6px}.hero p:not(.eyebrow){color:var(--muted)}.hero-image{width:100%;border-radius:18px;border:1px solid var(--line);display:block}.cta{display:block;padding:13px 18px;background:linear-gradient(110deg,#edc26d,#f6db9b);border-radius:9px;text-align:center;font-weight:bold;color:#2b100d;margin-top:20px;min-height:48px}.text-link{display:block;text-align:center;margin-top:12px;font-size:14px;color:var(--gold)}.video-section{border-top:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}#counter{font-size:14px;color:var(--gold);white-space:nowrap}.player{background:#050404;border:1px solid var(--line);border-radius:16px;overflow:hidden;position:relative;display:flex;justify-content:center}video{display:block;width:100%;height:510px;object-fit:contain}.player #retry{position:absolute;top:45%;padding:14px;background:var(--wine);border:1px solid var(--gold);border-radius:8px}.player #error{position:absolute;bottom:45px;background:#120909e8;padding:12px;font-size:14px}.video-caption{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:16px}.video-caption h3{margin:0}button{border:1px solid var(--line);border-radius:8px;background:var(--panel);min-height:44px;padding:7px 13px}progress{width:100%;height:4px;display:block;margin:16px 0;accent-color:var(--gold)}.player-controls{display:flex;justify-content:space-between;gap:10px}#auto{font-size:14px;flex:1}.playlist{display:flex;gap:10px;overflow:auto;scroll-snap-type:x mandatory;margin-top:18px;padding-bottom:8px}.clip{flex:0 0 150px;padding:0;text-align:left;overflow:hidden;scroll-snap-align:start}.clip img{width:100%;height:98px;object-fit:cover;display:block}.clip span{display:block;padding:8px;font-size:14px}.clip[aria-pressed=true]{border:2px solid var(--gold)}.promo{background:linear-gradient(140deg,#511622,var(--panel));padding:24px;border:1px solid var(--line);border-radius:16px}.offer{display:flex;justify-content:space-around;gap:20px;border-bottom:1px solid var(--line);padding:15px 0 24px}.offer div{text-align:center;font-size:14px}.offer strong{display:block;font-size:32px;color:var(--gold)}.offer-mini{display:flex;gap:12px;margin:20px 0}.offer-mini span{flex:1;background:#17090a;padding:12px;text-align:center;border-radius:8px}.offer-mini b{display:block;color:var(--gold)}small{font-size:13px;color:var(--muted)}.reviews{display:flex;gap:14px;overflow:auto;scroll-snap-type:x mandatory}.reviews img{flex:0 0 32%;min-width:0;width:32%;object-fit:contain;align-self:start;border:1px solid var(--line);border-radius:12px;scroll-snap-align:center}.hint{font-size:13px;color:var(--muted);margin-top:8px}.socials{display:grid;grid-template-columns:1fr 1fr;gap:12px}.socials a{border:1px solid var(--line);background:var(--panel);padding:18px;border-radius:10px;font-weight:bold}.socials span{display:block;font-weight:normal;font-size:14px;color:var(--muted)}footer{text-align:center;padding:24px 20px 110px;border-top:1px solid var(--line);color:var(--gold)}.bottom{position:fixed;bottom:0;left:0;right:0;z-index:10;background:#1c0d0ef5;border-top:1px solid var(--line);display:flex;justify-content:center;padding:10px 8px calc(10px + env(safe-area-inset-bottom))}.bottom a{flex:1;max-width:150px;text-align:center;font-size:14px;padding:9px 4px;color:var(--gold)}@media(max-width:650px){header{padding:10px 16px}.hero{grid-template-columns:1fr;gap:20px;padding-top:25px}.hero-copy{text-align:center}.hero-image{max-width:420px;margin:auto}.hero h1{font-size:30px}.hero .cta{margin-top:15px}section{padding:28px 16px}h2{font-size:23px}video{height:min(112vw,500px)}.reviews img{flex-basis:85%;width:85%}.promo{padding:18px}.offer strong{font-size:28px}.socials a{padding:14px}.brand{font-size:18px}.socials{gap:10px}.offer-mini span{font-size:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
.hero-image{aspect-ratio:4/3;object-fit:cover;object-position:center 42%}
.hero h1.hero-brand{font-size:clamp(36px,5vw,58px);line-height:1.45;color:var(--gold);margin-bottom:12px}.hero-subtitle{font-size:16px;font-weight:normal}.hero-copy>p{font-size:14px}.player-controls span{flex:1;text-align:center;font-size:14px;align-self:center}

.reviews{scroll-snap-type:none;scrollbar-width:none}.reviews::-webkit-scrollbar{display:none}

.video-section>.video-caption{margin:0 0 14px}

.socials{grid-template-columns:1fr;gap:12px}
.socials .social-card{display:flex;align-items:center;gap:14px;padding:16px;border-radius:15px;min-height:88px;border-color:var(--platform);background:var(--platform-bg)}
.social-line{--platform:#06c755;--platform-bg:#0d2112}
.social-facebook{--platform:#258df1;--platform-bg:#102130}
.social-telegram{--platform:#29a9d2;--platform-bg:#0c242b}
.social-youtube{--platform:#ff4545;--platform-bg:#2b100e}
.socials .social-icon{display:flex;align-items:center;justify-content:center;flex:0 0 48px;width:48px;height:48px;border-radius:12px;background:#ffffff}
.social-icon svg{width:34px;height:34px;display:block}
.socials .social-copy{min-width:0;display:block}
.social-copy strong{display:block;font-size:14px;color:var(--platform);line-height:1.6}
.socials .social-copy>span{font-size:15px;color:var(--text);line-height:1.65;overflow-wrap:anywhere}
@media(min-width:700px){.socials{grid-template-columns:1fr 1fr}}

.social-line .social-icon{background:#06c755;flex-basis:56px;width:56px;height:56px;border-radius:14px}.social-line .social-icon svg{width:54px;height:54px}

/* Thai ceremonial lettering for the main brand */
.hero h1.hero-brand{font-family:"Chonburi",Tahoma,serif;font-weight:400;font-size:clamp(34px,4.8vw,54px);line-height:1.65;letter-spacing:0;margin-bottom:4px;color:#f8d885;filter:drop-shadow(0 2px 0 #6a320d) drop-shadow(0 4px 7px #0008)}
.hero-brand,.hero-brand span{background:linear-gradient(180deg,#fff3bc 8%,#f4d27b 40%,#c58b31 68%,#ffe6a0 92%);-webkit-background-clip:text;background-clip:text;color:transparent!important}
.thai-ornament{display:block;width:240px;max-width:75%;height:34px;color:#d9ae5e;margin:4px 0 18px;opacity:.9}
@media(max-width:650px){.hero h1.hero-brand{font-size:clamp(30px,8.4vw,40px);line-height:1.65}.thai-ornament{margin:2px auto 18px;width:210px}}

.hero-description{grid-column:2;text-align:center;color:var(--muted);font-size:14px;margin-top:-12px}.hero-description p{margin-bottom:10px}.hero-description .hero-subtitle{font-size:14px}.lottery-types{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 12px;font-size:14px}.lottery-types span{white-space:nowrap}@media(max-width:650px){.hero-description{grid-column:1;margin-top:0}.hero-description .lottery-types{font-size:13px;gap:6px 9px}.hero .thai-ornament{margin-bottom:0}}

@media(max-width:650px){.hero{gap:12px;padding:18px 16px 20px}.hero h1.hero-brand{font-size:clamp(21px,5.9vw,32px);line-height:1.55;margin:0;white-space:nowrap}.hero-brand br{display:none}.hero-brand span::before{content:" "}.hero .thai-ornament{height:28px;width:200px;margin:2px auto 0}.hero .hero-image{width:78%;max-width:270px}.hero-description{font-size:12px}.hero-description .hero-subtitle{font-size:12px;margin-bottom:12px}.hero-description p{margin-bottom:5px}.hero-description .lottery-types{font-size:12px;gap:4px 7px;margin-bottom:0}.video-section{padding-top:20px}}

.lottery-types>span{display:inline-flex;align-items:center;gap:4px}.lottery-flag{display:inline-block;width:18px;height:12px;flex:none;border-radius:1px;box-shadow:0 0 0 1px #ffffff25}

.lottery-access{margin:0 22px 24px;padding:20px;border:1px solid #8c683d;border-radius:14px;background:linear-gradient(120deg,#2c1713,#21100e);text-align:center}.lottery-access h2{font-size:23px;margin-bottom:4px}.lottery-access p:not(.eyebrow){font-size:13px;color:var(--muted);margin-bottom:0}.lottery-access .cta{margin:14px auto 8px;max-width:420px}.lottery-access small{font-size:11px}.bottom a{min-width:0}@media(max-width:650px){.lottery-access{margin:0 16px 20px;padding:16px}.lottery-access h2{font-size:21px}.bottom a{font-size:12px}}