:root{--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--space-9:6rem;--step--1:clamp(.78rem, .76rem + .1vw, .85rem);--step-0:clamp(.94rem, .91rem + .14vw, 1.06rem);--step-1:clamp(1.1rem, 1.04rem + .3vw, 1.3rem);--step-2:clamp(1.3rem, 1.15rem + .7vw, 1.75rem);--step-3:clamp(1.7rem, 1.35rem + 1.5vw, 2.6rem);--step-4:clamp(2.2rem, 1.5rem + 3.2vw, 4.4rem);--step-5:clamp(2.6rem, 1.1rem + 7.4vw, 6.25rem);--font-body:var(--font-fredoka), var(--font-thai), var(--font-inter), system-ui, sans-serif;--font-text:var(--font-inter), var(--font-thai), system-ui, sans-serif;--font-display:var(--font-luckiest), var(--font-fredoka), var(--font-thai), sans-serif;--font-pixel:var(--font-jersey), var(--font-inter), var(--font-thai), ui-monospace, monospace;--dur-1:.12s;--dur-2:.2s;--dur-3:.34s;--dur-4:.7s;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-spring:linear(0, .2 6%, .58 14%, .9 24%, 1.07 34%, 1.08 44%, 1.03 56%, .995 70%, 1);--z-sky:0;--z-decor:1;--z-content:10;--z-bar:20;--z-nav:30;--z-backdrop:40;--z-sheet:50;--z-toast:60;--z-skip:70;--gutter:1rem;--max:1440px;--nav-h:3.5rem;--dock-h:3.75rem;--tap:3rem;--radius:.5rem}@media (min-width:768px){:root{--gutter:1.5rem;--nav-h:4rem;--tap:2.75rem}}@media (min-width:1024px){:root{--gutter:2rem}}@media (min-width:1920px){:root{--gutter:3rem}}
:root[data-theme=overworld]{--bg:#c9daee;--bg-alt:#e4ebf4;--topbar:#7896cc;--topbar-text:#fff;--side:#9a5d44;--side-alt:#844e39;--side-text:#fcf2e6;--side-muted:#e3c7b3;--tab:#fbf5ea;--tab-text:#b8463a;--panel:#faf6ee;--panel-head:#f1e8d6;--element:#fffcf7;--hover:#f0e4ce;--pressed:#dccdb2;--outline:#40394b;--shadow:#7e86a4;--text:#3a3028;--sub:#76685a;--muted:#a29684;--track:#dfd5c5;--accent:#d45446;--accent-dark:#a23a30;--accent-text:#fff;--good:#62a964;--warn:#e2a447;--bad:#d45446;--info:#5a8fc6;--coin:#eec452;--cloud:#fff;--grass:#78b460;--grass-dark:#548a44;--brick:#a66446;--brick-dark:#6a3d2a;--glow:#fff0c2;--stars:0;--cloud-alpha:.25;--clouds:1;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=light]{--bg:#f2eee7;--bg-alt:#faf8f4;--topbar:#ece4d6;--topbar-text:#4a3f35;--side:#e9e2d5;--side-alt:#ddd4c4;--side-text:#4a3f35;--side-muted:#9b8f80;--tab:#d45446;--tab-text:#fff;--panel:#fff;--panel-head:#f6f2ea;--element:#fbf9f6;--hover:#f1eadd;--pressed:#e3d9c8;--outline:#4c4659;--shadow:#d0c8bc;--text:#3a3028;--sub:#7c6f61;--muted:#aca193;--track:#e6dfd3;--accent:#d45446;--accent-dark:#a23a30;--accent-text:#fff;--good:#5fa762;--warn:#d99a3e;--bad:#cf4f42;--info:#4e86be;--coin:#e4b743;--cloud:#ccdaec;--grass:#8ec47c;--grass-dark:#66a156;--brick:#d7b590;--brick-dark:#ae8b66;--glow:#ffe7b8;--stars:0;--cloud-alpha:0;--clouds:0;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#1e1f26;--bg-alt:#25262f;--topbar:#18191f;--topbar-text:#eceaf4;--side:#22232b;--side-alt:#1b1c22;--side-text:#e8e6f0;--side-muted:#8d8a9c;--tab:#d85a4e;--tab-text:#fff;--panel:#2a2b34;--panel-head:#31323c;--element:#353743;--hover:#3e404d;--pressed:#2b2c36;--outline:#0f0f13;--shadow:#0f0f13;--text:#eceaf4;--sub:#a9a6b8;--muted:#7b788c;--track:#454756;--accent:#de5e52;--accent-dark:#a63f35;--accent-text:#fff;--good:#67b06a;--warn:#dda04a;--bad:#de5e52;--info:#6c9ad2;--coin:#edc350;--cloud:#fff;--grass:#5a5c6e;--grass-dark:#3e3f4c;--brick:#2f3039;--brick-dark:#18191f;--glow:#f3d27a;--stars:1;--cloud-alpha:.9;--clouds:0;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=underground]{--bg:#161c36;--bg-alt:#1f2850;--topbar:#10152f;--topbar-text:#ecf0ff;--side:#24337a;--side-alt:#1c2863;--side-text:#ecf0ff;--side-muted:#9aa9de;--tab:#eec452;--tab-text:#1e1b2e;--panel:#202849;--panel-head:#28315a;--element:#2d3765;--hover:#374279;--pressed:#232b52;--outline:#06070f;--shadow:#06070f;--text:#f2f4ff;--sub:#aeb6e0;--muted:#7d87b6;--track:#3d4880;--accent:#6390ee;--accent-dark:#3f66be;--accent-text:#fff;--good:#5db38a;--warn:#e2ae52;--bad:#e0665c;--info:#7fa3f2;--coin:#eec452;--cloud:#98abfa;--grass:#3d5cc4;--grass-dark:#2c479c;--brick:#3149a4;--brick-dark:#162159;--glow:#a9beff;--stars:1;--cloud-alpha:.8;--clouds:0;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=castle]{--bg:#1f1919;--bg-alt:#31211d;--topbar:#161010;--topbar-text:#fff1e6;--side:#4a4040;--side-alt:#3a3232;--side-text:#fff1e6;--side-muted:#c8b1a5;--tab:#e2774a;--tab-text:#fff;--panel:#2b2424;--panel-head:#352c2c;--element:#3d3333;--hover:#4a3e3e;--pressed:#2f2727;--outline:#0b0808;--shadow:#0b0808;--text:#fff1e6;--sub:#d7bfb1;--muted:#9e867a;--track:#524343;--accent:#e2774a;--accent-dark:#ad5130;--accent-text:#fff;--good:#79ae68;--warn:#e6a24e;--bad:#d9584a;--info:#8a9fd0;--coin:#ebbe52;--cloud:#f09466;--grass:#eb8448;--grass-dark:#b85628;--brick:#5a5050;--brick-dark:#2b2323;--glow:#ffb37a;--stars:1;--cloud-alpha:.85;--clouds:0;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=star-road]{--bg:#1d1436;--bg-alt:#2c1e52;--topbar:#150d2a;--topbar-text:#fff7ff;--side:#3a2672;--side-alt:#2d1c5a;--side-text:#fff7ff;--side-muted:#cbbaee;--tab:#eec452;--tab-text:#26144a;--panel:#261849;--panel-head:#2f1f59;--element:#35245f;--hover:#412c71;--pressed:#2a1b50;--outline:#08040f;--shadow:#08040f;--text:#fff7ff;--sub:#cbbaee;--muted:#9583c2;--track:#4a3680;--accent:#de6aae;--accent-dark:#a84882;--accent-text:#fff;--good:#68b88e;--warn:#e8b354;--bad:#e0645e;--info:#8ea2f0;--coin:#f0c858;--cloud:#fbe38c;--grass:#eec452;--grass-dark:#b88e2e;--brick:#5b3aa6;--brick-dark:#2b1a58;--glow:#ffe59a;--stars:1;--cloud-alpha:.8;--clouds:0;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}
:root[data-theme=midnight]{--bg:#08090a;--bg-alt:#0e0f12;--topbar:#0b0c0e;--topbar-text:#fafafa;--side:#111215;--side-alt:#0d0e10;--side-text:#f4f4f5;--side-muted:#8b8b95;--tab:#1a1b20;--tab-text:#fafafa;--panel:#101114;--panel-head:#15161a;--element:#16171b;--hover:#1d1e23;--pressed:#0c0d0f;--outline:#000;--shadow:#000;--text:#fafafa;--sub:#a1a1aa;--muted:#71717a;--track:#26272c;--accent:#e5484d;--accent-dark:#b83a3f;--accent-text:#fff;--good:#4ade80;--warn:#fbbf24;--bad:#f87171;--info:#60a5fa;--coin:#f7c948;--cloud:#fff;--grass:#2f7d4f;--grass-dark:#1f5636;--brick:#5b3a2c;--brick-dark:#34201a;--glow:#ffd9a0;--stars:0;--cloud-alpha:0;--clouds:0;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}
:root{--ink:#2e2838;--coin-dark:#ba8c28;--line:color-mix(in oklab, var(--text) 9%, transparent);--line-strong:color-mix(in oklab, var(--text) 18%, transparent);--veil:color-mix(in oklab, var(--bg) 78%, transparent);--focus:var(--coin);--ink-on-coin:color-mix(in oklab, var(--coin) 12%, black)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--nav-h) + 1rem);background:var(--bg)}body{min-height:100dvh;color:var(--text);background:var(--bg);font:400 var(--step-0) / 1.6 var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;transition:background-color var(--dur-3) var(--ease-out), color var(--dur-3) var(--ease-out);margin:0;position:relative;overflow-x:clip}h1,h2,h3,h4,p,figure,ul,ol,dl,dd{margin:0}ul,ol{padding:0;list-style:none}h1,h2,h3{text-wrap:balance;font-weight:600;line-height:1.12}h1,h2{font-family:var(--font-display);letter-spacing:.01em;font-weight:400}:lang(th){line-height:1.75}h1:lang(th),h2:lang(th),h3:lang(th){letter-spacing:0;line-height:1.3}h1:lang(th),h2:lang(th){font-weight:700}p{font-family:var(--font-text);text-wrap:pretty}a{color:inherit;text-decoration:none}button,input,select{font:inherit;color:inherit}img,svg{max-width:100%;display:block}::selection{background:var(--accent);color:var(--accent-text)}:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:2px}[hidden]{display:none!important}.sr{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.wrap{width:100%;max-width:var(--max);padding-inline:var(--gutter);margin-inline:auto}::-webkit-scrollbar{width:14px;height:14px}::-webkit-scrollbar-track{border-left:3px solid var(--outline);background:var(--bg-alt,var(--panel))}::-webkit-scrollbar-thumb{border:3px solid var(--outline);background:var(--coin);box-shadow:inset 0 -3px 0 var(--coin-dark);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:var(--accent);box-shadow:inset 0 -3px 0 var(--accent-dark)}::-webkit-scrollbar-corner{background:var(--bg-alt,var(--panel))}@supports not selector(::-webkit-scrollbar){*{scrollbar-width:thin;scrollbar-color:var(--coin) var(--panel)}}
.surface{--edge:var(--outline);--fill:var(--panel);--r:12px;--hard:4px;background:var(--fill);border:2px solid var(--edge);border-radius:var(--r);box-shadow:var(--hard) var(--hard) 0 var(--shadow);position:relative}.surface-lg{--r:16px;--hard:6px}.surface-sm{--r:9px;--hard:3px}.surface:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
@keyframes rise{0%{opacity:0;translate:0 14px}to{opacity:1;translate:0}}@keyframes pop{0%{opacity:0;scale:.92}to{opacity:1;scale:1}}@keyframes slide-up{0%{translate:0 100%}to{translate:0}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1;scale:1}50%{opacity:.4;scale:.7}}.reveal{animation:rise var(--dur-3) var(--ease-out) both;animation-delay:calc(var(--i,0) * 45ms)}@keyframes reveal{0%{opacity:.12;translate:0 18px}to{opacity:1;translate:0}}@supports (animation-timeline:view()){.scroll-reveal{animation:linear both reveal;animation-timeline:view();animation-range:entry entry 40%}}:root[data-switching] *,:root[data-switching] :before,:root[data-switching] :after{transition:none!important;animation-play-state:paused!important}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:none}::view-transition-old(root){z-index:1}::view-transition-new(root){z-index:2}@keyframes star-hue{to{filter:hue-rotate(360deg)saturate(1.4)}}:root[data-star=on] body{animation:1.4s linear infinite star-hue}@keyframes spin{to{rotate:360deg}}