@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:600;src:url(../media/fredoka-latin-600-normal.3qd093b_yvgag.woff2)format("woff2"),url(../media/fredoka-latin-600-normal.2xeyafgwvcgnr.woff)format("woff")}
@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:700;src:url(../media/fredoka-latin-700-normal.2vleai5b5ee35.woff2)format("woff2"),url(../media/fredoka-latin-700-normal.3_6qjx_g-9wg4.woff)format("woff")}
@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(../media/nunito-latin-400-normal.2wff0v25g527h.woff2)format("woff2"),url(../media/nunito-latin-400-normal.33h-ag0t_keoe.woff)format("woff")}
@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(../media/nunito-latin-600-normal.0q0ia45j-6ls_.woff2)format("woff2"),url(../media/nunito-latin-600-normal.0h9cr-bs8ac2x.woff)format("woff")}
@font-face{font-family:Noto Sans Thai Looped;font-style:normal;font-display:swap;font-weight:400;src:url(../media/noto-sans-thai-looped-thai-400-normal.0btr87g0gg923.woff2)format("woff2"),url(../media/noto-sans-thai-looped-thai-400-normal.3ev6s-gnx81vl.woff)format("woff")}
@font-face{font-family:Noto Sans Thai Looped;font-style:normal;font-display:swap;font-weight:600;src:url(../media/noto-sans-thai-looped-thai-600-normal.1tx-4xpx4ycg5.woff2)format("woff2"),url(../media/noto-sans-thai-looped-thai-600-normal.1ak05klcc4lv-.woff)format("woff")}
@font-face{font-family:Noto Sans Thai Looped;font-style:normal;font-display:swap;font-weight:700;src:url(../media/noto-sans-thai-looped-thai-700-normal.2rwz0caiucb5o.woff2)format("woff2"),url(../media/noto-sans-thai-looped-thai-700-normal.1racvta7a6ofq.woff)format("woff")}
:root{--st-ink:#1f1f23;--st-soft:#55585f;--st-muted:#6b6e75;--st-paper:#fff;--st-teal:#8ccfcf;--st-mint:#ddf1ee;--st-yellow:#f5cf3a;--font-display:"Fredoka", "Noto Sans Thai Looped", system-ui, sans-serif;--font-body:"Nunito", "Noto Sans Thai Looped", system-ui, sans-serif}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--st-paper);color:var(--st-ink);font-family:var(--font-body);margin:0;font-size:16px;line-height:26px}a{color:var(--st-ink)}.wrap{grid-template-columns:minmax(0,1fr);gap:24px;max-width:1280px;margin:0 auto;padding:16px 16px 64px;display:grid}.wrap.storyPage{padding-top:0;padding-bottom:0}.hero{flex-direction:column;align-items:flex-start;display:flex}.hero .brandLogo{width:auto;height:64px;color:var(--st-ink);margin-bottom:18px;display:block}.hero .kicker{border:1.5px solid var(--st-ink);background:var(--st-yellow);border-radius:999px;margin-bottom:14px;padding:2px 12px;font-size:14px;font-weight:700;display:inline-block}.hero h1{font-family:var(--font-display);margin:0 0 14px;font-size:clamp(34px,4.4vw,58px);line-height:1.08}.hero h1 mark{background:linear-gradient(transparent 55%, var(--st-yellow) 55%);color:inherit}.hero p{color:var(--st-soft);margin:0 0 24px}.explore{z-index:1;grid-template-columns:minmax(0,1fr);gap:28px;display:grid;position:relative}.search{border:1.5px solid var(--st-ink);background:var(--st-paper);width:100%;max-width:560px;box-shadow:3px 3px 0 var(--st-mint);border-radius:999px;align-items:center;gap:8px;padding:0 14px;display:flex}.search:focus-within{box-shadow:3px 3px 0 var(--st-yellow)}.search svg{fill:none;width:20px;height:20px;stroke:var(--st-ink);stroke-width:2px;stroke-linecap:round;flex:none}.search input{min-width:0;height:46px;font:inherit;color:inherit;background:0 0;border:0;outline:0;flex:1}.srOnly{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.empty{color:var(--st-soft);margin:0}.collection h2{font-family:var(--font-display);margin:0 0 12px;font-size:24px}.collection h2 small{font-family:var(--font-body);color:var(--st-muted);font-size:14px;font-weight:400;display:block}.row{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:16px;display:grid}@media (max-width:640px){.rowScroll{scroll-snap-type:x mandatory;margin:-6px -16px 0;padding:6px 16px 12px;scroll-padding:0 16px;display:flex;overflow-x:auto}.rowScroll>.card{scroll-snap-align:start;flex:0 0 82%}}.card{background:var(--st-paper);border:1.5px solid var(--st-ink);box-shadow:4px 4px 0 var(--st-mint);color:inherit;border-radius:16px;flex-direction:column;gap:6px;padding:14px 16px;text-decoration:none;transition:transform .15s,box-shadow .15s;display:flex}.card:focus-visible{box-shadow:6px 6px 0 var(--st-yellow);transform:translate(-2px,-2px)}@media (hover:hover){.card:hover{box-shadow:6px 6px 0 var(--st-yellow);transform:translate(-2px,-2px)}}@media (prefers-reduced-motion:reduce){.card{transition:none}}.cardArt{height:130px;display:block}.cardHead{align-items:center;gap:10px;display:flex}.cardLogo{object-fit:contain;border:1.5px solid var(--st-ink);background:var(--st-paper);border-radius:10px;flex:none;width:auto;min-width:34px;max-width:76px;height:34px;padding:4px}.card h3{font-family:var(--font-display);margin:0;font-size:21px;line-height:1.2}.card h3 small{color:var(--st-muted);letter-spacing:.04em;font-size:13px;font-weight:600}.card p{color:var(--st-soft);flex:1;margin:0;font-size:14px;line-height:22px}.spark{width:100%;height:48px;overflow:visible}.spark path{fill:none;stroke-width:2px;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.sparkLine{stroke:var(--st-ink)}.sparkFall{stroke:#e0605a;stroke-width:2.5px}.stats{border-top:1.5px dashed var(--st-teal);color:var(--st-muted);gap:14px;margin:0;padding:8px 0 0;font-size:12px;list-style:none;display:flex}.stats b{font-family:var(--font-display);color:var(--st-ink);font-size:17px;display:block}.panel{background:var(--st-paper);border:1.5px solid var(--st-ink);box-shadow:5px 5px 0 var(--st-mint);border-radius:20px;padding:20px 16px}@media (max-width:640px){.panel{border-radius:16px;padding:14px 10px}}.panel h2{font-family:var(--font-display);margin:0 0 12px;font-size:22px}.back{font-size:14px;font-weight:600}.siteFoot{border-top:1.5px solid var(--st-ink);background:var(--st-mint);color:var(--st-soft);margin-top:56px;font-size:13px;line-height:20px}.siteFootInner{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:24px 48px;padding-top:32px;padding-bottom:40px;display:grid}.siteFoot p{margin:0 0 8px}.siteFootLogo{color:var(--st-ink);align-items:center;gap:10px;margin-bottom:10px;display:flex}.betaBadge{border:1.5px solid var(--st-ink);background:var(--st-yellow);color:var(--st-ink);font-family:var(--font-display);letter-spacing:.02em;border-radius:999px;padding:1px 10px;font-size:12px;font-weight:600;line-height:18px}.siteFootMeta{flex-wrap:wrap;gap:4px 16px;display:flex;margin-top:12px!important}.siteFootMeta a{color:var(--st-ink);font-weight:600}@media (max-width:720px){.siteFootInner{grid-template-columns:1fr;padding-top:24px;padding-bottom:32px}}html,body{overflow-x:clip}[data-align=center]>.hero{text-align:center;align-items:center}[data-align=center]>.hero p{max-width:620px}[data-align=center]>.hero .search{margin:0 auto}.langSwitch{z-index:5;position:absolute;top:12px;right:12px}.langSwitch a{border:1.5px solid var(--st-ink);background:var(--st-paper);min-height:36px;box-shadow:2px 2px 0 var(--st-mint);border-radius:999px;align-items:center;padding:4px 14px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}
