:root{--bg:#17081e;--panel:#271031;--panel2:#361344;--pink:#f547aa;--pink2:#ffb3d5;--gold:#ffd65a;--teal:#66dedc;--text:#fff6fb;--muted:#d3bfd6;--line:rgba(255,255,255,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.75 Tahoma,"Noto Sans Thai",Arial,sans-serif}button,a{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}img{max-width:100%;height:auto}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.25}h1{font-size:clamp(2.2rem,4.4rem,4.4rem)}h2{font-size:clamp(1.45rem,2.2rem,2.2rem)}.skip-link{position:absolute;left:-999px;top:0;z-index:1000;background:#fff;color:#111;padding:8px}.skip-link:focus{left:8px}.site-header{position:sticky;top:0;z-index:50;background:#1b0825f5;border-bottom:1px solid #ffffff20;backdrop-filter:blur(12px)}.header-inner{max-width:1500px;margin:auto;min-height:76px;padding:0 28px;display:flex;align-items:center;gap:32px}.site-logo{display:flex;align-items:center;flex:none;width:192px}.site-logo img{display:block;width:100%;height:auto}.desktop-nav{display:flex;align-items:center;gap:25px;min-width:0;flex:1}.desktop-nav a{white-space:nowrap;color:#eee0ef;font-weight:700;font-size:.92rem}.desktop-nav a:hover,.desktop-nav a[aria-current]{color:var(--gold)}.header-actions{display:flex;align-items:center;gap:10px;white-space:nowrap}.login-link{border:1px solid #c957ac;border-radius:6px;padding:8px 17px}.action-button,.outline-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:43px;padding:9px 20px;border-radius:6px;font-weight:700;line-height:1.3;white-space:nowrap}.action-button{background:linear-gradient(110deg,#ff4cae,#ffb8c0 58%,#ffd86c);color:#2b0822;box-shadow:0 4px 20px #f547aa35}.outline-button{border:1px solid #ffb9dc;color:#fff;background:#2e1237b8}.action-button:hover,.outline-button:hover,.login-link:hover{filter:brightness(1.1)}.menu-button,.mobile-drawer,.nav-shade,.mobile-bar{display:none}
.hero{position:relative;width:100%;height:clamp(500px,38vw,690px);overflow:hidden;background:#180520}.hero-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .55s ease,visibility .55s}.hero-slide.is-active{opacity:1;visibility:visible;z-index:1}.hero-slide picture,.hero-photo{display:block;width:100%;height:100%}.hero-photo{object-fit:cover;object-position:center}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#19031dd9 0%,#1c082bbd 37%,#15051a20 83%)}.hero-copy{position:absolute;top:50%;left:max(5%,calc((100vw - 1380px)/2));transform:translateY(-50%);max-width:620px;z-index:2}.hero-copy h1{font-size:clamp(2.6rem,5vw,5.4rem);line-height:1.13;margin:11px 0 20px}.hero-copy p{font-size:1.18rem;color:#fce4ef;max-width:540px}.hero-overline,.section-kicker{color:var(--teal);font-size:.76rem;font-weight:800;letter-spacing:.08em}.brand-term{display:inline;position:relative;background:#f547aa;color:#2b0822;border-radius:4px;padding:.04em .2em;font-size:1.13em;box-decoration-break:clone;-webkit-box-decoration-break:clone}.hero-actions,.stage-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.hero-banner-link{position:absolute;left:6%;bottom:9%;z-index:2}.hero-second-copy{display:none}.hero-controls{position:absolute;z-index:5;right:5%;bottom:28px;display:flex;align-items:center;gap:10px}.hero-controls>button{width:40px;height:40px;border:1px solid #ffffff99;border-radius:50%;background:#1b092aae;color:white;font-size:1.5rem;line-height:1}.hero-dots{display:flex;gap:7px}.hero-dots button{height:7px;width:24px;border:0;border-radius:10px;background:#ffffff77;padding:0}.hero-dots button[aria-current]{background:var(--gold);width:38px}.news-strip{display:flex;align-items:center;gap:18px;max-width:1380px;margin:-1px auto 0;padding:12px 20px;background:#542064;border:1px solid #a42c98;border-top:0;position:relative;z-index:3;min-height:55px}.news-strip strong{color:var(--gold);white-space:nowrap}.news-strip span{flex:1}.news-strip a{color:#fff;font-weight:700;white-space:nowrap}.lobby-categories{max-width:1380px;margin:30px auto 10px;padding:0 20px;display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.lobby-categories a{display:grid;grid-template-columns:50px 1fr;grid-template-rows:25px 22px;align-items:center;column-gap:12px;background:#381447;border:1px solid #87306f;border-radius:7px;padding:10px 16px;min-width:0;transition:background .2s,transform .2s}.lobby-categories a:hover{background:#5b1c64;transform:translateY(-2px)}.cat-icon{grid-row:1/3;font-size:1.75rem}.lobby-categories strong{line-height:1.2}.lobby-categories small{color:#dfbed8;line-height:1.2}.lobby-main{max-width:1380px;padding:25px 20px 90px;margin:auto}.section-title{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:20px}.section-title h2{margin:4px 0}.section-title p{color:var(--muted);margin:3px 0}.section-title>a,.text-arrow{color:var(--gold);font-weight:700;white-space:nowrap}.game-shelf{margin:30px 0 50px}.game-scroll{display:flex;gap:16px;overflow-x:auto;padding:0 2px 12px;scrollbar-color:#8d397e #25102f}.game-item{display:flex;flex-direction:column;flex:none;width:clamp(140px,14vw,186px);min-width:0}.game-item img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:6px;background:#41184e;border:1px solid #a43b86}.game-item strong{font-size:.91rem;margin-top:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-item span{font-size:.78rem;color:var(--muted)}.game-item:hover strong{color:var(--gold)}.feature-split{display:grid;grid-template-columns:minmax(250px,.8fr) 1.2fr;align-items:center;gap:6%;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:50px 0;padding:35px 6%;background:linear-gradient(105deg,#3b124a,#1b0a25)}.feature-art{height:300px;display:flex;justify-content:center;align-items:end;overflow:hidden}.feature-art img{height:100%;width:auto;object-fit:contain}.feature-copy p{color:#ead6e8;max-width:650px}.promo-stage{display:grid;grid-template-columns:1.3fr .7fr;align-items:center;gap:30px;min-height:350px;background:#5a1a61;border-top:3px solid var(--pink);margin:60px 0;overflow:hidden;padding:30px 5%}.promo-stage h2{font-size:clamp(2rem,3.2vw,3.1rem)}.promo-stage p{max-width:650px;color:#f1dce9}.promo-stage img{max-height:330px;width:auto;justify-self:center;align-self:end;object-fit:contain}.editorial{padding:40px 0;border-top:1px solid var(--line)}.editorial .body-copy{max-width:890px}.closing-action{margin:65px 0 0;padding:43px 5%;text-align:center;background:#311138;border-top:2px solid var(--pink);border-bottom:1px solid #a53c8c}.closing-action p{color:var(--muted)}
.inner-wrap{max-width:1380px;padding:20px 20px 90px;margin:auto}.crumb{display:flex;gap:10px;align-items:center;color:#d9bed7;font-size:.85rem;margin:0 0 20px}.crumb a{color:var(--teal)}.page-hero{position:relative;overflow:hidden;min-height:360px;display:flex;align-items:center;background:#3e154e;border-top:3px solid var(--pink);padding:46px 6%;margin-bottom:38px}.page-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,#4a1455 0%,#281031 67%,#632459 100%)}.page-hero-copy{position:relative;z-index:2;max-width:780px}.page-hero h1{font-size:clamp(2.2rem,4.5vw,4.2rem);margin:12px 0 18px}.page-hero p{max-width:650px;color:#f2dff0;font-size:1.09rem}.page-art{position:absolute;right:2%;bottom:-45px;max-height:410px;width:auto;max-width:34%;object-fit:contain;z-index:1}.page-hero.with-art .page-hero-copy{max-width:64%}.page-layout{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:6%;margin-top:34px}.body-copy{font-size:1.055rem;line-height:1.95;color:#f5e8f2;min-width:0}.body-copy h2{font-size:1.65rem;margin:44px 0 18px;color:#fff}.body-copy h3{font-size:1.22rem;color:var(--gold);margin:30px 0 12px}.body-copy p{margin:0 0 21px}.body-copy a{color:var(--teal);text-decoration:underline;text-underline-offset:3px}.body-copy ul,.body-copy ol{padding-left:28px}.body-copy li{margin:8px 0}.body-copy .brand-term{font-size:1.12em;line-height:1.3;text-decoration:none}.body-copy .content-figure{margin:36px auto;max-width:470px;text-align:center;border:0}.content-figure img{max-height:370px;width:auto;object-fit:contain}.page-aside{align-self:start;position:sticky;top:95px;padding:20px 0;border-top:2px solid var(--pink)}.page-aside h2{font-size:1rem;color:var(--pink2)}.page-aside a{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:9px 2px;font-size:.9rem;color:#e8d4e7}.page-aside a:hover{color:var(--gold)}.story-list{margin:55px 0}.story-list>a{display:grid;grid-template-columns:100px 1fr 20px;gap:15px;padding:19px 0;border-bottom:1px solid var(--line)}.story-list>a span:first-child{color:var(--pink2);font-size:.82rem}.story-list>a strong{font-size:1.08rem}.story-list>a:hover strong{color:var(--gold)}
.site-footer{background:#100515;border-top:1px solid #ffffff25;padding:46px 20px 26px}.footer-inner{max-width:1380px;margin:auto;display:grid;grid-template-columns:2fr repeat(3,1fr);gap:40px}.footer-brand img{width:180px}.footer-brand p{max-width:330px;margin:14px 0;color:var(--muted)}.footer-brand span{color:var(--gold);font-size:.9rem}.footer-inner h2{font-size:1rem;color:#f8abce;margin:0 0 12px}.footer-inner a{display:block;color:#d4bed4;font-size:.9rem;margin:6px 0}.footer-inner a:hover{color:var(--gold)}.copyright{max-width:1380px;margin:38px auto 0;border-top:1px solid var(--line);padding-top:20px;font-size:.8rem;color:#b9a3bc}
@media(max-width:1180px){.header-inner{gap:20px}.desktop-nav{gap:13px}.desktop-nav a{font-size:.83rem}.site-logo{width:155px}.header-actions{font-size:.85rem}.lobby-categories a{padding:10px}.cat-icon{font-size:1.5rem}.lobby-categories{gap:7px}}
@media(max-width:900px){.desktop-nav{display:none}.menu-button{display:block;background:none;border:0;color:white;font-size:1.55rem;padding:4px 8px}.header-inner{min-height:64px;padding:0 15px}.site-logo{width:155px}.header-actions{margin-left:auto}.mobile-drawer{display:block;position:fixed;z-index:90;top:0;bottom:0;left:0;width:min(340px,86vw);overflow-y:auto;padding:18px;background:#230b2f;box-shadow:10px 0 40px #0008;transform:translateX(-105%);transition:transform .25s}.mobile-drawer.is-open{transform:translateX(0)}.mobile-drawer a{display:block;border-bottom:1px solid var(--line);padding:10px 6px}.drawer-top{display:flex;justify-content:space-between;align-items:center;color:var(--pink2);padding:0 5px 12px}.drawer-close{background:none;color:white;border:0;font-size:1.7rem}.nav-shade.is-open{display:block;position:fixed;z-index:80;inset:0;background:#0009}.lobby-categories{grid-template-columns:repeat(3,1fr)}.page-layout{grid-template-columns:minmax(0,1fr) 190px;gap:4%}.page-art{max-width:38%}}
@media(max-width:700px){body{font-size:15px;padding-bottom:62px}.header-inner{min-height:58px}.site-logo{width:127px}.header-actions{gap:6px}.header-actions .login-link{display:none}.header-actions .action-button{padding:7px 11px;min-height:35px;font-size:.78rem}.hero{height:550px}.hero-slide:first-child .hero-photo,.hero-slide:nth-child(2) .hero-photo{position:absolute;bottom:0;right:-6%;width:82%;height:74%;object-fit:contain;object-position:bottom right;opacity:.82}.hero-shade{background:linear-gradient(180deg,#21082b 0%,#25092bd9 42%,#25092b22 100%)}.hero-copy{left:7%;right:7%;top:9%;transform:none;max-width:none}.hero-copy h1{font-size:2.5rem;max-width:350px;margin:8px 0 12px}.hero-copy p{font-size:.95rem;max-width:350px}.hero-actions{margin-top:16px}.hero-actions .action-button,.hero-actions .outline-button{min-height:38px;padding:7px 11px;font-size:.84rem}.hero-second-copy{display:block}.hero-second-copy h2{font-size:2.3rem;max-width:350px}.hero-banner-link{left:7%;bottom:12%}.hero-controls{right:6%;bottom:12px}.news-strip{padding:10px 14px;display:block;font-size:.82rem;line-height:1.5}.news-strip strong{display:inline;margin-right:8px}.news-strip a{display:block;margin-top:4px}.lobby-categories{margin:16px auto 0;padding:0 12px;grid-template-columns:repeat(2,1fr);gap:7px}.lobby-categories a{grid-template-columns:30px 1fr;grid-template-rows:20px 18px;padding:8px;column-gap:7px}.lobby-categories strong{font-size:.84rem}.lobby-categories small{font-size:.68rem}.cat-icon{font-size:1.2rem}.lobby-main{padding:10px 15px 65px}.section-title h2{font-size:1.45rem}.section-title p{font-size:.8rem}.section-title>a{font-size:.82rem}.game-shelf{margin:30px 0}.game-scroll{gap:10px}.game-item{width:132px}.feature-split{grid-template-columns:1fr;margin:30px -15px;padding:18px 22px 28px;gap:0}.feature-art{height:220px}.promo-stage{grid-template-columns:1fr;min-height:0;margin:40px -15px;padding:28px 20px}.promo-stage img{max-height:220px}.editorial{padding:25px 0}.closing-action{margin:40px -15px 0;padding:30px 20px}.inner-wrap{padding:12px 15px 70px}.crumb{font-size:.76rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.page-hero{min-height:480px;margin:0 -15px 26px;padding:28px 22px;align-items:start}.page-hero.with-art .page-hero-copy{max-width:100%}.page-hero h1{font-size:2.4rem;max-width:400px}.page-hero p{font-size:.96rem;max-width:400px}.page-art{max-width:270px;max-height:265px;right:-20px;bottom:-25px;opacity:.82}.page-layout{display:block}.page-aside{position:static;margin-top:40px}.body-copy{font-size:1rem;line-height:1.9}.body-copy h2{font-size:1.4rem}.body-copy .content-figure img{max-height:280px}.story-list>a{grid-template-columns:1fr 20px;gap:7px}.story-list>a span:first-child{grid-column:1/3}.footer-inner{grid-template-columns:repeat(2,1fr);gap:25px}.footer-brand{grid-column:1/3}.site-footer{padding:35px 18px}.mobile-bar{display:grid;position:fixed;z-index:60;bottom:0;left:0;right:0;height:60px;grid-template-columns:repeat(4,1fr);background:#23082eea;border-top:1px solid #9e438d;backdrop-filter:blur(10px)}.mobile-bar a{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:.68rem;line-height:1.2}.mobile-bar a span{font-size:1.25rem;margin-bottom:3px}.mobile-bar a:hover{color:var(--gold)}}
@media(max-width:360px){.hero-copy h1{font-size:2.2rem}.hero-actions{gap:6px}.hero-actions .action-button,.hero-actions .outline-button{font-size:.77rem}.page-hero h1{font-size:2.1rem}.lobby-categories small{display:none}.lobby-categories a{grid-template-rows:27px}.cat-icon{grid-row:1}.lobby-categories strong{align-self:center}}
.hero-figures{position:absolute;z-index:1;right:3%;bottom:-16px;width:47%;height:88%;display:flex;align-items:end;justify-content:center;pointer-events:none}.hero-figures img{display:block;width:50%;height:100%;object-fit:contain;object-position:bottom}.hero-figures img:first-child{transform:translateX(14px)}.hero-figures img:last-child{transform:translateX(-14px)}
@media(max-width:1100px){.hero-figures{display:none}}
.page-hero:not(.with-art){min-height:240px}
@media(max-width:700px){.page-hero:not(.with-art){min-height:280px}}

/* The supplied campaign artwork includes its own desktop typography. */
.hero{height:auto;aspect-ratio:1920/660;min-height:0;background:#280a33}
.hero-slide picture,.hero-photo{height:100%}
.banner-image-link{display:block;width:100%;height:100%}
.hero-photo{object-fit:contain}
.banner-mobile-copy{display:none}
.lobby-intro{max-width:1380px;margin:auto;padding:30px 20px 23px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.lobby-intro h1{font-size:clamp(2rem,3.2vw,3.5rem);margin:2px 0 6px}
.lobby-intro p{color:var(--muted);margin:0}
.lobby-intro .action-button{flex:none}
.feature-art img{width:100%;height:100%;object-fit:contain}
@media(max-width:700px){
  .hero{height:510px;aspect-ratio:auto}
  .hero-slide .hero-photo{position:absolute!important;top:0;right:0!important;bottom:auto!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center top!important;opacity:1!important}
  .banner-mobile-copy{display:flex;position:absolute;z-index:2;left:0;right:0;bottom:0;min-height:135px;padding:20px 7% 48px;flex-direction:column;align-items:flex-start;justify-content:end;gap:9px;background:linear-gradient(0deg,#1d0829 5%,#1d0829ed 57%,transparent)}
  .banner-mobile-copy strong{font-size:1.18rem;line-height:1.35;text-shadow:0 2px 8px #000}
  .banner-mobile-copy .action-button{font-size:.85rem;min-height:37px}
  .hero-controls{right:5%;bottom:12px}
  .hero-controls>button{width:32px;height:32px}
  .lobby-intro{padding:20px 15px;display:block}
  .lobby-intro h1{font-size:2rem}
  .lobby-intro p{font-size:.9rem}
  .lobby-intro .action-button{margin-top:13px}
  .page-hero.with-art{min-height:540px}
}
@media(max-width:360px){.page-hero.with-art{min-height:570px}}

.mobile-cta-bar{display:none}
@media(max-width:700px){
  body{padding-bottom:calc(124px + env(safe-area-inset-bottom))}
  .mobile-bar{height:calc(60px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom)}
  .mobile-cta-bar{position:fixed;z-index:61;left:0;right:0;bottom:calc(60px + env(safe-area-inset-bottom));height:64px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:8px;padding:8px 12px;background:#1b0825f5;border-top:1px solid #9e438d;box-shadow:0 -5px 20px #0005}
  .mobile-cta-bar a{width:100%;min-width:0;min-height:46px;padding:8px;font-size:.93rem}
}

@media(max-width:700px){
  .hero{height:calc(100vw * 11 / 32 + 170px);aspect-ratio:auto}
  .hero-slide{display:flex;flex-direction:column}
  .hero .banner-image-link{flex:none;width:100%;height:auto;aspect-ratio:32/11}
  .hero .hero-slide picture{width:100%;height:100%}
  .hero .hero-slide .hero-photo{position:static!important;display:block;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;opacity:1!important}
  .banner-mobile-copy{position:static;flex:none;width:100%;height:170px;min-height:0;padding:12px 16px 54px;background:#281034;justify-content:flex-start;gap:8px}
  .banner-mobile-copy strong{font-size:1.05rem;line-height:1.35;text-shadow:none}
  .hero-controls{left:50%;right:auto;bottom:9px;transform:translateX(-50%)}
  .hero-controls>button{width:36px;height:36px}
}