:root{--color-primary-500:#7b4dff;--color-primary-700:#5a2fe0;--color-play-200:#6fe0a4;--color-play-300:#57d68d;--color-play-400:#3fbe78;--color-play-500:#34ae68;--color-pink-400:#ff72b6;--color-pink-700:#c4276f;--color-warn-200:#ffe573;--color-warn-300:#ffd93d;--color-warn-500:#ffb01f;--color-warn-shadow:#d9a800;--color-warn-100:#fff6d6;--color-on-warn:#6b4a00;--color-on-warn-strong:#5a3d00;--color-warn-ink:#8a5a00;--color-blue-400:#56c8ff;--color-mascot-core:#8fdcff;--color-mascot-mid:#5b7bff;--color-mascot-deep:#4a56d8;--color-blue-700:#1073a8;--color-star:#b37f00;--color-danger-700:#b3261e;--color-ink:#1b1440;--color-ink-soft:#3a3560;--color-muted:#666d87;--color-disabled-fg:#767d93;--color-disabled-bg:#e6ebf7;--color-ghost-shadow:#cfc9e6;--color-white:#ffffff;--color-surface:#f8faff;--color-surface-2:#eef1fa;--color-tint-blue:#dcefff;--color-tint-pink:#ffe4f1;--color-tint-green:#daf6e7;--color-tint-yellow:#fff0ce;--color-tint-purple:#efe9ff;--color-tint-peach:#ffe3dc;--color-page-1:#eaf5ff;--color-page-2:#f2f7ff;--color-page-3:#feeff7;--color-page-4:#f8edff;--color-page-5:#efe6ff;--color-community-900:#2b1b6b;--color-play-shell:#120e2e;--color-on-dark-muted:#898797;--color-hero-scrim-floor:#473e78;--color-hero-scrim-peak:#8a85a9;--color-promo-scrim-floor:#746e99;--gradient-page:linear-gradient(180deg,var(--color-page-1) 0%,var(--color-page-2) 18%,var(--color-page-3) 52%,var(--color-page-4) 78%,var(--color-page-5) 100%);--hero-text-col:520px;--hero-scrim-hold:calc((100vw - min(100vw, var(--content-outer))) / 2 + var(--gutter) + var(--hero-text-col) + 60px);--gradient-hero-scrim:linear-gradient(100deg,rgb(30 20 90/52%) 0,rgb(30 20 90/52%) var(--hero-scrim-hold),rgb(30 20 90/0%) calc(var(--hero-scrim-hold) + 200px));--gradient-hero-scrim-flat:linear-gradient(rgb(30 20 90/82%),rgb(30 20 90/82%));--gradient-hero-veil:linear-gradient(180deg,rgb(30 20 90/2%),rgb(30 20 90/28%));--gradient-promo-warm:linear-gradient(150deg,var(--color-pink-700),var(--color-warn-ink));--promo-pad:var(--space-6);--promo-text-col:max(200px,62%);--gradient-promo-scrim:linear-gradient(90deg,rgb(30 20 90/62%) 0,rgb(30 20 90/62%) calc(var(--promo-text-col) + var(--promo-pad)),rgb(30 20 90/0%) calc(var(--promo-text-col) + var(--promo-pad) + 22%));--gradient-community:linear-gradient(120deg,var(--color-community-900) 0%,var(--color-primary-700) 48%,var(--color-primary-500) 100%);--shadow-card:0 8px 0 -3px rgb(27 20 64/6%),0 14px 28px rgb(27 20 64/9%);--shadow-pill:0 6px 16px rgb(27 20 64/7%);--shadow-pill-selected:0 12px 26px rgb(123 77 255/20%);--shadow-soft-up:0 -12px 28px rgb(27 20 64/8%);--shadow-rail:0 10px 24px rgb(27 20 64/9%);--shadow-soft:0 12px 28px rgb(27 20 64/8%);--shadow-header:0 16px 40px rgb(27 20 64/18%);--shadow-toast:0 14px 30px rgb(27 20 64/30%);--shadow-modal:0 30px 60px rgb(0 0 0/40%);--shadow-3d-play:0 6px 0 var(--color-play-500);--shadow-3d-play-hover:0 8px 0 var(--color-play-500),0 12px 22px rgb(52 174 104/38%);--shadow-3d-play-pressed:0 2px 0 var(--color-play-500);--shadow-3d-warn:0 6px 0 var(--color-warn-shadow);--shadow-3d-warn-hover:0 8px 0 var(--color-warn-shadow),0 12px 22px rgb(217 168 0/38%);--shadow-3d-warn-pressed:0 2px 0 var(--color-warn-shadow);--shadow-3d-warn-hero:0 7px 0 var(--color-warn-shadow),0 14px 22px rgb(0 0 0/18%);--shadow-3d-warn-hero-hover:0 9px 0 var(--color-warn-shadow),0 18px 28px rgb(0 0 0/24%);--shadow-3d-warn-hero-pressed:0 3px 0 var(--color-warn-shadow),0 8px 14px rgb(0 0 0/18%);--shadow-3d-play-nav:0 6px 0 var(--color-play-500),0 14px 26px rgb(52 174 104/38%);--shadow-3d-play-nav-hover:0 8px 0 var(--color-play-500),0 18px 30px rgb(52 174 104/45%);--shadow-3d-play-nav-pressed:0 2px 0 var(--color-play-500),0 8px 16px rgb(52 174 104/38%);--shadow-3d-ghost:0 6px 0 var(--color-ghost-shadow);--shadow-3d-ghost-hover:0 8px 0 var(--color-ghost-shadow),0 12px 22px rgb(27 20 64/14%);--shadow-3d-ghost-pressed:0 2px 0 var(--color-ghost-shadow);--ring-focus:0 0 0 3px var(--color-white),0 0 0 6px var(--color-primary-700);--text-shadow-display:0 6px 0 rgb(90 47 224/35%);--press-translate:4px;--hover-lift:-4px;--font-display:"Baloo 2","Mitr","Baloo 2 Fallback","Mitr Fallback",system-ui,sans-serif;--font-body:"Nunito","Prompt","Nunito Fallback","Prompt Fallback",system-ui,sans-serif;--weight-body:400;--weight-medium:600;--weight-bold:700;--weight-black:800;--text-display:clamp(2.25rem,1.2rem + 4.7vw,4.5rem);--text-h1:clamp(1.75rem,1.2rem + 2.4vw,2.75rem);--text-h2:clamp(1.375rem,1.05rem + 1.45vw,1.875rem);--text-h3:clamp(1.125rem,1rem + 0.55vw,1.375rem);--text-body-lg:clamp(1.0625rem,1rem + 0.28vw,1.1875rem);--text-body:clamp(0.9375rem,0.91rem + 0.14vw,1rem);--text-sm:clamp(0.8125rem,0.8rem + 0.07vw,0.875rem);--text-label:0.75rem;--text-label-th:0.8125rem;--leading-display:0.94;--leading-heading:1.15;--leading-display-th:1.1;--leading-heading-th:1.35;--leading-body-th:1.75;--tracking-display:0.005em;--tracking-overline:0.06em;--tracking-th:0;--th-display-weight:700;--th-display-scale:1.04;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--gutter:var(--space-4);--content-max:1200px;--content-outer:calc(var(--content-max) + 2 * var(--gutter));--tap-min:44px;--radius-xs:12px;--radius-sm:14px;--radius-md:16px;--radius-lg:20px;--radius-xl:24px;--radius-2xl:28px;--radius-3xl:34px;--radius-4xl:38px;--radius-pill:999px;--ease-out:cubic-bezier(0.2,0.8,0.2,1);--motion-press:120ms;--motion-hover:180ms;--motion-toast:250ms;--motion-float:4200ms;--motion-twinkle:2400ms;--z-base:0;--z-sticky:70;--z-overlay:80;--z-toast:90;--z-fullscreen:100}@media (min-width:390px){:root{--gutter:var(--space-5)}}@media (min-width:768px){:root{--gutter:var(--space-8)}}@media (min-width:1024px){:root{--gutter:var(--space-12)}}@media (min-width:1440px){:root{--gutter:120px}}@media (min-width:768px){:root{--promo-text-col:max(200px,46%)}}@keyframes obob{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes otwinkle{0%,to{opacity:.35;transform:scale(.85)}50%{opacity:1;transform:scale(1.1)}}@media (prefers-reduced-motion:reduce){:root{--motion-press:0ms;--motion-hover:0ms;--motion-toast:0ms;--hover-lift:0px}}@font-face{font-family:Baloo\ 2;font-style:normal;font-weight:600 800;font-display:swap;src:url(/fonts/baloo2-latin-var.woff2) format("woff2-variations");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Nunito;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/nunito-latin-var.woff2) format("woff2-variations");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Mitr;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/mitr-thai-500.woff2) format("woff2");unicode-range:u+0e01-0e5b,u+200b}@font-face{font-family:Mitr;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/mitr-thai-600.woff2) format("woff2");unicode-range:u+0e01-0e5b,u+200b}@font-face{font-family:Mitr;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/mitr-thai-700.woff2) format("woff2");unicode-range:u+0e01-0e5b,u+200b}@font-face{font-family:Prompt;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/prompt-thai-400.woff2) format("woff2");unicode-range:u+0e01-0e5b,u+200b}@font-face{font-family:Prompt;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/prompt-thai-600.woff2) format("woff2");unicode-range:u+0e01-0e5b,u+200b}@font-face{font-family:Prompt;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/prompt-thai-700.woff2) format("woff2");unicode-range:u+0e01-0e5b,u+200b}@font-face{font-family:Mitr Fallback;src:local("Thonburi"),local("Leelawadee UI"),local("Noto Sans Thai");size-adjust:103.87%;ascent-override:86.65%;descent-override:24.07%;line-gap-override:0%;unicode-range:u+0e01-0e5b,u+200b}@font-face{font-family:Prompt Fallback;src:local("Thonburi"),local("Leelawadee UI"),local("Noto Sans Thai");size-adjust:103.07%;ascent-override:87.32%;descent-override:24.26%;line-gap-override:0%;unicode-range:u+0e01-0e5b,u+200b}@font-face{font-family:Baloo\ 2 Fallback;src:local("Helvetica Neue"),local("Segoe UI"),local("Roboto");size-adjust:95.9%;ascent-override:112.62%;descent-override:54.22%;line-gap-override:0%;unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Nunito Fallback;src:local("Helvetica Neue"),local("Segoe UI"),local("Roboto");size-adjust:107.25%;ascent-override:94.17%;descent-override:32.63%;line-gap-override:0%;unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}