@font-face{font-family:Noto Sans Thai Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/noto-sans-thai-thai-wght-normal.35a9qnauvobla.woff2)format("woff2-variations");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/noto-sans-thai-latin-ext-wght-normal.0dnd662bub_gf.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Thai Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/noto-sans-thai-latin-wght-normal.3sa71yz_9i4ni.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--red:#c9001b;--red-dark:#a90017;--red-bright:#e00c2d;--red-light:#fff1f2;--white:#fff;--off-white:#fafafb;--ink:#17202b;--secondary:#667085;--divider:#e8e9ed;--success:#23885f;--warning:#d0922a;--error:var(--red-dark);--glass-secondary:#344054;--glass-accent:#8f0014;--glass-gradient:linear-gradient(135deg, #ffffff47, #ffffff1f);--glass-card-gradient:linear-gradient(135deg, #ffffff59, #ffffff29);--glass-highlight:#ffffff40;--glass-shadow:0 3px 32px #7a10250a;--glass-blur:12px;--space-xs:4px;--space-s:8px;--space-m:12px;--space-l:16px;--space-xl:24px;--space-xxl:32px;--space-xxxl:40px;--screen:20px;--radius-small:8px;--radius-medium:12px;--radius-card:18px;--radius-sheet:26px;--radius-pill:999px;--button-height:54px;--touch:48px;--motion-fast:.16s;--motion-base:.24s;--motion-medium:.36s;--ease-enter:cubic-bezier(.215, .61, .355, 1);--ease-press:ease-out;--content-max:1200px;--topbar-height:72px;--font:"Noto Sans Thai Variable", system-ui, sans-serif}@media (max-width:359px){:root{--screen:16px}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{min-height:100vh;font-family:var(--font);color:var(--ink);background:var(--off-white);margin:0;line-height:1.5}a{color:inherit}img{max-width:100%;height:auto}:focus-visible{outline:3px solid var(--white);outline-offset:2px;box-shadow:0 0 0 5px var(--red-dark)}.skip-link{left:var(--space-l);z-index:100;padding:var(--space-s) var(--space-l);background:var(--white);color:var(--ink);border-radius:var(--radius-medium);font-weight:700;position:absolute;top:-100px}.skip-link:focus{top:var(--space-l)}.studio-backdrop{background-color:#0000;background-image:radial-gradient(60vw 60vw at 97% 40%,#fffefa 0%,#ffe7e6 30%,#f4788999 58%,#0000 75%),radial-gradient(65vw 65vw at -10% 72%,#fff 0%,#ffece8 30%,#f28c9899 58%,#0000 75%),radial-gradient(66vw 66vw at 93% 102%,#fff9f6 0%,#ffdbd8 30%,#e95d7699 58%,#0000 75%),linear-gradient(#af001b 0,#d92b46 420px,#ffd5da 820px,#fff2f1 1500px,#f6c8cd 100%);background-position:0 0,0 0,0 0,0 0;background-repeat:no-repeat;background-size:auto,auto,auto,auto;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;min-height:100vh}.glass-panel,.glass-card{color:var(--ink);border:.5px solid var(--glass-highlight);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));position:relative}.glass-panel{background:var(--glass-gradient);border-radius:var(--radius-sheet)}.glass-card{background:var(--glass-card-gradient);border-radius:var(--radius-card);padding:var(--space-l)}.section-header{justify-content:space-between;align-items:baseline;gap:var(--space-l);margin:0 0 var(--space-l);display:flex}.section-header h2{letter-spacing:.05em;text-transform:uppercase;color:var(--ink);margin:0;font-size:clamp(16px,1.6vw,22px);font-weight:900}.section-header a{color:var(--glass-accent);min-height:var(--touch);align-items:center;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.button{justify-content:center;align-items:center;gap:var(--space-s);min-height:var(--button-height);padding:0 var(--space-xl);border-radius:var(--radius-pill);font:700 16px var(--font);cursor:pointer;transition:transform var(--motion-fast) var(--ease-press);border:0;text-decoration:none;display:inline-flex}.button:active{transform:scale(.97)}.button--primary{background:linear-gradient(135deg, var(--red-dark), var(--red-bright));color:var(--white)}.button--outline{color:var(--ink);border:1.5px solid var(--ink);background:0 0}.page{width:100%;max-width:var(--content-max);padding:0 var(--screen);margin:0 auto}main{padding-bottom:var(--space-xxxl)}.studio-backdrop{padding-bottom:120px}@media (min-width:900px){.studio-backdrop{padding-bottom:0}}.topbar{z-index:20;-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));color:var(--white);background:linear-gradient(135deg,#a90017f0,#ce2541e0);position:sticky;top:0}.topbar__inner{align-items:center;gap:var(--space-xl);height:var(--topbar-height);display:flex}.wordmark{align-items:center;gap:var(--space-m);color:var(--white);min-height:var(--touch);text-decoration:none;display:inline-flex}.wordmark img{width:40px;height:auto}.wordmark span{letter-spacing:.12em;font-size:20px;font-weight:800}.topnav{align-items:center;gap:var(--space-s);margin-left:auto;display:none}.topnav a{align-items:center;gap:var(--space-s);min-height:var(--touch);padding:0 var(--space-l);border-radius:var(--radius-pill);color:var(--white);font-weight:700;text-decoration:none;display:inline-flex}.topnav a[aria-current=page]:not(.topnav__home){background:var(--red-dark);box-shadow:inset 0 0 0 1px #ffffff59}.topnav__home{background:linear-gradient(135deg,#e83b49,#c90c29 55%,#72051e);border:1px solid #e66c75;box-shadow:0 5px 12px #1e000829,0 2px 3px #90001c1f}.topnav__home[aria-current=page]{border:1.5px solid #ff9a9f}.topbar__tools{align-items:center;gap:var(--space-s);margin-left:auto;display:flex}@media (min-width:900px){.topnav{display:flex}.topbar__tools{margin-left:var(--space-l)}}.language-switcher{border-radius:var(--radius-pill);background:var(--red-dark);border:1px solid #ffffff59;padding:3px;display:inline-flex}.language-switcher a{min-width:var(--touch);min-height:var(--touch);border-radius:var(--radius-pill);color:var(--white);justify-content:center;align-items:center;font-size:14px;font-weight:800;text-decoration:none;display:inline-flex}.language-switcher a[aria-current=true]{background:var(--white);color:var(--red-dark)}.bottomnav{left:var(--space-l);right:var(--space-l);bottom:max(var(--space-l), env(safe-area-inset-bottom));z-index:30;height:72px;padding:0 var(--space-s) var(--space-s);background:var(--white);border:1px solid #f1f1f4;border-radius:28px;grid-template-columns:repeat(5,1fr);align-items:end;display:grid;position:fixed;box-shadow:0 10px 30px #17202b1f}.bottomnav a{min-height:var(--touch);color:var(--secondary);flex-direction:column;justify-content:flex-end;align-items:center;gap:2px;font-size:12px;font-weight:600;text-decoration:none;display:flex}.bottomnav a[aria-current=page]:not(.bottomnav__home){color:var(--red);font-weight:800}.bottomnav a[aria-current=page]:not(.bottomnav__home) svg{border-radius:var(--radius-pill);background:#ffe4e8;width:46px;padding:2px 10px}.bottomnav svg{width:26px;height:26px}.bottomnav__home{background:linear-gradient(160deg,#e83b49,#c90c29 55%,#72051e);border:1px solid #e66c75;border-radius:50%;justify-self:center;width:72px;height:72px;position:relative;top:-18px;box-shadow:0 5px 12px #1e000829,0 2px 3px #90001c1f;color:var(--white)!important;justify-content:center!important}.bottomnav__home[aria-current=page]{border:1.5px solid #ff9a9f}@media (min-width:900px){.bottomnav{display:none}}.red-field{background:linear-gradient(#af001b 0%,#b8061f 60%,#c4122f calc(100% - 40px),#c4122f00 100%)}.hero{color:var(--white);padding:var(--space-xxl) 0 var(--space-xxxl)}.hero__grid{gap:var(--space-xl);grid-template-areas:"copy""search""mascot";align-items:center;display:grid}.hero__copy{grid-area:copy}.hero__mascot{grid-area:mascot}.hero__search{grid-area:search}.hero__grid>*{min-width:0}.hero__eyebrow{align-items:center;gap:var(--space-l);margin:0 0 var(--space-l);letter-spacing:.22em;text-transform:uppercase;font-size:15px;font-weight:800;display:flex}.hero__eyebrow:after{content:"";background:#ffffffd9;flex:1;max-width:220px;height:1.5px}.hero h1{text-transform:uppercase;margin:0;font-size:clamp(36px,5.2vw,64px);font-weight:900;line-height:1.12}.hero h1 .phrase{white-space:nowrap}.hero h1 .arrow{vertical-align:middle;margin-left:.15em;font-size:.6em;display:inline-block}.hero__subtitle{margin:var(--space-l) 0 var(--space-xl);text-wrap:pretty;max-width:28em;font-size:clamp(16px,1.6vw,20px)}.hero__mascot{justify-self:center;width:min(100%,460px)}@media (min-width:900px){.hero{padding:var(--space-xxxl) 0 72px}.hero__grid{align-items:end;row-gap:var(--space-l);grid-template-columns:1.1fr .9fr;grid-template-areas:"copy mascot""search mascot"}.hero__copy{align-self:end}.hero__search{align-self:start}}.search{align-items:center;gap:var(--space-m);max-width:560px;min-height:60px;padding:0 var(--space-s) 0 var(--space-xl);border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#38000d14,#38000d1a);border:.75px solid #fff3;display:flex}.search:focus-within{background:linear-gradient(135deg,#38000da3,#38000da6);border-color:#fff9}.search svg{width:24px;height:24px;color:var(--white);flex:none}.search button svg{color:var(--red-dark)}.search__submit-icon{display:none}.search input{min-width:0;min-height:var(--touch);color:var(--white);font:500 16px var(--font);text-shadow:0 1px 3px #0f000466;background:0 0;border:0;flex:1}.search input::placeholder{color:#ffffffeb}.search input:focus{outline:none}.search button{min-height:var(--touch);padding:0 var(--space-l);border-radius:var(--radius-pill);background:var(--white);color:var(--red-dark);font:800 15px var(--font);cursor:pointer;border:0}.content-panel{padding:var(--space-xl) var(--screen)}.glass-panel.content-panel{background:linear-gradient(135deg,#ffffffe6,#fffc)}@media (min-width:900px){.content-panel{padding:var(--space-xxxl)}}.page-title{padding:var(--space-xxl) 0 64px;color:var(--white);letter-spacing:.03em;text-transform:uppercase;margin:0;font-size:clamp(28px,4vw,44px);font-weight:900}.state{color:var(--glass-secondary);margin:0;font-size:16px}.footer{padding-block:var(--space-xl);font-size:14px}.footer__text{padding:var(--space-s) var(--space-l);border-radius:var(--radius-pill);color:var(--glass-secondary);background:#ffffffe6;display:inline-block}.state__title{margin:0 0 var(--space-s);color:var(--ink);font-weight:800}div.state{justify-items:start;gap:var(--space-m);display:grid}div.state p{margin:0}.page-head{padding-bottom:48px}.page-head .page-title{padding-bottom:var(--space-xl)}.page-head__search{max-width:560px}.home-sections{gap:var(--space-xl);display:grid}.game-grid{gap:var(--space-l);grid-template-columns:1fr;margin:0;padding:0;list-style:none;display:grid}@media (min-width:600px){.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1200px){.game-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.game-card{align-items:center;gap:var(--space-l);min-height:144px;color:var(--ink);background:linear-gradient(135deg,#fffffff2,#ffffffd9);text-decoration:none;display:flex}.game-card:hover .game-card__more{text-decoration:underline}.game-card__body{justify-items:start;gap:var(--space-s);min-width:0;display:grid}.game-card__name{letter-spacing:.02em;overflow-wrap:anywhere;font-size:20px;font-weight:900}.game-card__more{color:var(--glass-accent);font-size:14px;font-weight:700}.game-art{aspect-ratio:1;border-radius:var(--radius-card);flex:none;place-items:center;width:112px;display:grid;overflow:hidden}@media (min-width:900px){.game-card .game-art{width:128px}}.game-art img{object-fit:contain;width:100%;height:100%;padding:8px}.game-art__title{padding:var(--space-m);color:var(--white);text-align:center;text-shadow:0 3px 6px #00000054;font-size:20px;font-style:italic;font-weight:800;line-height:1.1}.status-chip{min-height:28px;padding:0 var(--space-m);border-radius:var(--radius-pill);align-items:center;font-size:14px;font-weight:700;display:inline-flex}.status-chip--soon{color:var(--glass-accent);background:#fff1f2;border:1px solid #ffd0d6}.status-chip--off{color:var(--glass-secondary);background:#f2f4f7;border:1px solid #d0d5dd}.game-hero{align-items:center;gap:var(--space-xl);padding-block:var(--space-xxl) 64px;display:flex}.game-hero .game-art{width:160px}@media (min-width:900px){.game-hero .game-art{width:240px}}.game-hero__copy{justify-items:start;gap:var(--space-m);min-width:0;display:grid}.game-hero__title{overflow-wrap:anywhere;padding:0}.game-hero__subtitle{color:var(--white);margin:0;font-size:18px}@media (max-width:599px){.game-hero{flex-direction:column;align-items:flex-start}}.game-facts{gap:var(--space-xl);display:grid}.game-facts h2{margin:0 0 var(--space-s);letter-spacing:.05em;text-transform:uppercase;color:var(--glass-secondary);font-size:14px;font-weight:900}.game-facts p{margin:0}.platform-list{gap:var(--space-s);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.platform-list li{padding:var(--space-xs) var(--space-m);border-radius:var(--radius-pill);color:var(--glass-accent);background:#fff1f2;font-weight:700}.store-links{gap:var(--space-m);flex-wrap:wrap;display:flex}.passport-panel__tagline{letter-spacing:.18em;color:var(--glass-accent);margin:0;font-size:13px;font-weight:800}.passport-panel__title{margin:var(--space-s) 0;letter-spacing:.04em;font-size:clamp(22px,2.4vw,30px);font-weight:900}.passport-panel p{margin:0 0 var(--space-s)}.passport-panel__note{color:var(--glass-secondary)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.topnav__icon{width:20px;height:20px}main:focus{outline:none}@media (max-width:599px){.search{padding-left:var(--space-l)}.search__lead{display:none}.search input{font-size:14px}.search button{width:var(--touch);justify-content:center;align-items:center;padding:0;display:inline-flex}.search__submit-icon{display:block}.search__submit-text{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}