@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:300;font-display:swap;src:url(/db/_astro/ibm-plex-sans-thai-thai-300.Bzg9IkD6.woff2) format("woff2");unicode-range:U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:300;font-display:swap;src:url(/db/_astro/ibm-plex-sans-thai-latin-300.DuvW4Kwi.woff2) format("woff2");unicode-range:U+0000-00FF,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:IBM Plex Sans Thai;font-style:normal;font-weight:400;font-display:swap;src:url(/db/_astro/ibm-plex-sans-thai-thai-400.Bt1rR4gi.woff2) format("woff2");unicode-range:U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:400;font-display:swap;src:url(/db/_astro/ibm-plex-sans-thai-latin-400.CwmoKdEh.woff2) format("woff2");unicode-range:U+0000-00FF,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:IBM Plex Sans Thai;font-style:normal;font-weight:500;font-display:swap;src:url(/db/_astro/ibm-plex-sans-thai-thai-500.BrMc1XKn.woff2) format("woff2");unicode-range:U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:500;font-display:swap;src:url(/db/_astro/ibm-plex-sans-thai-latin-500.DQcnnbdd.woff2) format("woff2");unicode-range:U+0000-00FF,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:IBM Plex Sans Thai;font-style:normal;font-weight:600;font-display:swap;src:url(/db/_astro/ibm-plex-sans-thai-thai-600.DvfsyWAn.woff2) format("woff2");unicode-range:U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:600;font-display:swap;src:url(/db/_astro/ibm-plex-sans-thai-latin-600.BR-dhaTH.woff2) format("woff2");unicode-range:U+0000-00FF,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:IBM Plex Sans Thai;font-style:normal;font-weight:700;font-display:swap;src:url(/db/_astro/ibm-plex-sans-thai-thai-700.0moayseG.woff2) format("woff2");unicode-range:U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:700;font-display:swap;src:url(/db/_astro/ibm-plex-sans-thai-latin-700.Ct-BCS9V.woff2) format("woff2");unicode-range:U+0000-00FF,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:300;font-display:swap;src:url(/db/_astro/mitr-thai-300.B2FzFrjl.woff2) format("woff2");unicode-range:U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:Mitr;font-style:normal;font-weight:300;font-display:swap;src:url(/db/_astro/mitr-latin-300.DPiwP5Em.woff2) format("woff2");unicode-range:U+0000-00FF,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:400;font-display:swap;src:url(/db/_astro/mitr-thai-400.CXWaAdVj.woff2) format("woff2");unicode-range:U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:Mitr;font-style:normal;font-weight:400;font-display:swap;src:url(/db/_astro/mitr-latin-400.CwbkLQ4a.woff2) format("woff2");unicode-range:U+0000-00FF,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(/db/_astro/mitr-thai-500.CVdBrEVH.woff2) format("woff2");unicode-range:U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:Mitr;font-style:normal;font-weight:500;font-display:swap;src:url(/db/_astro/mitr-latin-500.BmClOow2.woff2) format("woff2");unicode-range:U+0000-00FF,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:600;font-display:swap;src:url(/db/_astro/mitr-thai-600.DFYMNGrH.woff2) format("woff2");unicode-range:U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:Mitr;font-style:normal;font-weight:600;font-display:swap;src:url(/db/_astro/mitr-latin-600.kSdUWQ3Q.woff2) format("woff2");unicode-range:U+0000-00FF,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:700;font-display:swap;src:url(/db/_astro/mitr-thai-700.DydbJCoG.woff2) format("woff2");unicode-range:U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:Mitr;font-style:normal;font-weight:700;font-display:swap;src:url(/db/_astro/mitr-latin-700.ChTVkFRU.woff2) format("woff2");unicode-range:U+0000-00FF,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:Outfit;font-style:normal;font-weight:400;font-display:swap;src:url(/db/_astro/outfit-latin-400.BGsTXAXT.woff2) format("woff2")}@font-face{font-family:Outfit;font-style:normal;font-weight:500;font-display:swap;src:url(/db/_astro/outfit-latin-500.DKnIMDSk.woff2) format("woff2")}@font-face{font-family:Outfit;font-style:normal;font-weight:600;font-display:swap;src:url(/db/_astro/outfit-latin-600.B7SfZ07L.woff2) format("woff2")}@font-face{font-family:Outfit;font-style:normal;font-weight:700;font-display:swap;src:url(/db/_astro/outfit-latin-700.Cu9v6i1X.woff2) format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/db/_astro/jetbrains-mono-latin-400.V6pRDFza.woff2) format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:700;font-display:swap;src:url(/db/_astro/jetbrains-mono-latin-700.BYuf6tUa.woff2) format("woff2")}:root{--paper-50: #FAFAFA;--paper-100: #F4F4F2;--paper-200: #EBEBE8;--paper-300: #DEDDD8;--paper-400: #B8B7B0;--paper-500: #8C8B85;--ink-1: #1A1D24;--ink-2: #4A4E58;--ink-3: #7B7F8A;--slate-200: #E5E5E1;--slate-300: #D1D0CA;--slate-500: #8C8B85;--slate-700: #4A4E58;--red-100: #FCEAEA;--red-300: #ED8689;--red-400: #DE4F53;--red-500: #D63A3D;--red-600: #B82428;--red-700: #851518;--sky-100: #E4F2FB;--sky-300: #79B5DC;--sky-500: #2D7FBE;--sky-600: #1F65A0;--sky-700: #154770;--grass-100: #E2F2D9;--grass-300: #8FC774;--grass-500: #4C9433;--grass-600: #36731F;--grass-700: #265211;--yellow-100: #FFF5D1;--yellow-300: #FFDB7A;--yellow-500: #EBB72F;--yellow-600: #B68514;--pink-100: #FFE4EC;--pink-300: #FFB1C8;--pink-500: #ED6691;--pink-700: #A8345D;--night-900: #1A1A2E;--night-700: #2C2C4A;--night-500: #44446B;--bg-page: var(--paper-50);--bg-page-2: #FFFFFF;--bg-surface: #FFFFFF;--bg-surface-2: var(--paper-100);--bg-raised: #FFFFFF;--bg-overlay: rgba(26, 29, 36, .55);--bg-night: var(--night-900);--fg-1: var(--ink-1);--fg-2: var(--ink-2);--fg-3: var(--ink-3);--fg-inv-1: #FFFFFF;--accent: var(--red-500);--accent-hover: var(--red-400);--accent-press: var(--red-600);--accent-ink: #FFFFFF;--link: var(--sky-600);--link-hover: var(--sky-500);--danger: var(--red-600);--success: var(--grass-500);--info: var(--sky-500);--warn: var(--yellow-500);--border-soft: rgba(26, 29, 36, .06);--border-firm: rgba(26, 29, 36, .12);--border-strong: rgba(26, 29, 36, .2);--divider: rgba(26, 29, 36, .06);--hud-yellow: #FFE445;--hud-green: #9CFB6F;--hud-pink: #FFA0CE;--font-display: "IBM Plex Sans Thai", "Mitr", system-ui, sans-serif;--font-headline: "IBM Plex Sans Thai", "Mitr", system-ui, sans-serif;--font-body: "IBM Plex Sans Thai", "Mitr", system-ui, sans-serif;--font-numeric: "Outfit", "IBM Plex Sans Thai", "Mitr", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--font-accent: "IBM Plex Sans Thai", "Mitr", system-ui, sans-serif;--t-display-2xl: 72px;--t-display-xl: 56px;--t-display-lg: 44px;--t-h1: 36px;--t-h2: 28px;--t-h3: 22px;--t-h4: 18px;--t-body-lg: 17px;--t-body: 15px;--t-small: 13px;--t-caption: 12px;--t-overline: 11px;--leading-tight: 1.1;--leading-snug: 1.25;--leading-normal: 1.55;--leading-loose: 1.7;--track-display: -.02em;--track-headline: -.01em;--track-overline: .08em;--w-regular: 400;--w-medium: 500;--w-semibold: 600;--w-bold: 700;--r-xs: 4px;--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--r-xl: 20px;--r-2xl: 28px;--r-pill: 999px;--bw-hair: 1px;--bw-firm: 1.5px;--bw-strong: 2px;--shadow-xs: 0 1px 1px rgba(15, 18, 28, .04);--shadow-sm: 0 1px 2px rgba(15, 18, 28, .05), 0 1px 1px rgba(15, 18, 28, .04);--shadow-card: 0 1px 2px rgba(15, 18, 28, .04), 0 4px 12px -4px rgba(15, 18, 28, .08);--shadow-pop: 0 2px 4px rgba(15, 18, 28, .06), 0 12px 28px -8px rgba(15, 18, 28, .14);--shadow-press: inset 0 1px 1px rgba(15, 18, 28, .06);--ring-red: 0 0 0 3px rgba(214, 58, 61, .18);--ring-sky: 0 0 0 3px rgba(45, 127, 190, .18);--ring-grass: 0 0 0 3px rgba(76, 148, 51, .18);--sp-0: 0;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-7: 32px;--sp-8: 40px;--sp-9: 56px;--sp-10: 72px;--sp-11: 96px;--ease-pop: cubic-bezier(.34, 1.4, .64, 1);--ease-out: cubic-bezier(.22, .61, .36, 1);--ease-in: cubic-bezier(.55, .06, .68, .19);--t-fast: .12s;--t-base: .2s;--t-slow: .36s}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;background:var(--bg-page);color:var(--fg-1);font-family:var(--font-body);font-size:var(--t-body);font-weight:var(--w-regular);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.display-2xl,.display-xl,.display-lg{font-family:var(--font-display);font-weight:var(--w-semibold);line-height:var(--leading-tight);letter-spacing:var(--track-display);color:var(--ink-1)}.display-2xl{font-size:var(--t-display-2xl)}.display-xl{font-size:var(--t-display-xl)}.display-lg{font-size:var(--t-display-lg)}h1,.h1{font-family:var(--font-headline);font-weight:var(--w-semibold);font-size:var(--t-h1);line-height:var(--leading-snug);letter-spacing:var(--track-headline);color:var(--fg-1);margin:0 0 var(--sp-4)}h2,.h2{font-family:var(--font-headline);font-weight:var(--w-semibold);font-size:var(--t-h2);line-height:var(--leading-snug);letter-spacing:var(--track-headline);color:var(--fg-1);margin:0 0 var(--sp-3)}h3,.h3{font-family:var(--font-headline);font-weight:var(--w-medium);font-size:var(--t-h3);line-height:var(--leading-snug);color:var(--fg-1);margin:0 0 var(--sp-2)}h4,.h4{font-family:var(--font-headline);font-weight:var(--w-medium);font-size:var(--t-h4);line-height:var(--leading-snug);color:var(--fg-1);margin:0 0 var(--sp-2)}p,.body{font-family:var(--font-body);font-weight:var(--w-regular);font-size:var(--t-body);line-height:var(--leading-normal);color:var(--fg-2);margin:0 0 var(--sp-3);text-wrap:pretty}.body-lg{font-size:var(--t-body-lg)}.small{font-size:var(--t-small);color:var(--fg-3)}.caption{font-size:var(--t-caption);color:var(--fg-3)}strong,b{font-weight:var(--w-semibold)}.overline{font-family:var(--font-body);font-weight:var(--w-semibold);font-size:var(--t-overline);letter-spacing:var(--track-overline);text-transform:uppercase;color:var(--ink-3)}.numeric,.stat{font-family:var(--font-numeric);font-feature-settings:"tnum" 1;font-weight:var(--w-semibold)}code,kbd,.mono{font-family:var(--font-mono);font-size:.92em}.hud-shout{font-family:var(--font-display);font-weight:var(--w-semibold);color:var(--hud-yellow);text-shadow:0 1px 0 #000}a{color:var(--link);text-decoration:none}a:hover{color:var(--link-hover);text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px}.container{max-width:1200px;margin-inline:auto;padding-inline:var(--sp-6)}@media(max-width:720px){.container{padding-inline:var(--sp-4)}}.section{padding-block:var(--sp-9)}.stack>*+*{margin-top:var(--sp-4)}.cluster{display:flex;flex-wrap:wrap;gap:var(--sp-3);align-items:center}.page-bg{position:fixed;inset:0;z-index:-1;overflow:hidden;background:var(--bg-page)}.page-bg .bg-blob{position:absolute;width:60vw;height:60vw;border-radius:50%;filter:blur(80px);opacity:.18;will-change:transform}.page-bg .bg-blob.sky{top:-20vw;left:-10vw;background:var(--sky-300);animation:drift-a 35s ease-in-out infinite}.page-bg .bg-blob.pink{bottom:-25vw;right:-10vw;background:var(--pink-300);animation:drift-b 40s ease-in-out infinite}@keyframes drift-a{50%{transform:translate(6vw,4vw)}}@keyframes drift-b{50%{transform:translate(-5vw,-3vw)}}@media(prefers-reduced-motion:reduce){.page-bg .bg-blob{animation:none}}.site-header{position:sticky;top:0;z-index:50;height:64px;background:#ffffffd9;backdrop-filter:blur(16px) saturate(140%);border-bottom:1px solid var(--border-soft)}.site-header .container{height:100%;display:flex;align-items:center;gap:var(--sp-6)}.brand{display:flex;align-items:center;gap:var(--sp-2);font-family:var(--font-display);font-weight:var(--w-semibold);font-size:var(--t-h4);color:var(--fg-1)}.brand img{height:32px;width:auto}.nav{display:flex;gap:var(--sp-5);align-items:center;margin-left:var(--sp-4)}.nav a{color:var(--fg-2);font-weight:var(--w-medium);font-size:var(--t-body);padding-block:4px;border-bottom:2px solid transparent}.nav a:hover{color:var(--fg-1);text-decoration:none}.nav a.active{color:var(--fg-1);border-bottom-color:var(--accent)}.header-cta{margin-left:auto;display:flex;gap:var(--sp-3);align-items:center}.nav-burger{display:none;align-items:center;justify-content:center;width:40px;height:40px;margin-left:var(--sp-2);border-radius:var(--r-md);color:var(--fg-1);font-size:22px;cursor:pointer}.nav-burger:hover{background:var(--paper-100)}.authnav{display:inline-flex;align-items:center;gap:var(--sp-3)}.fr-auth-out{display:inline-flex;align-items:center}.fr-auth-in,html.is-authed .fr-auth-out{display:none}html.is-authed .fr-auth-in{display:inline-flex}.authnav-user{position:relative}.authnav-trigger{display:inline-flex;align-items:center;gap:var(--sp-2)}.authnav-trigger .ph{font-size:14px}.authnav-menu{position:absolute;right:0;top:calc(100% + 6px);min-width:168px;display:none;flex-direction:column;background:#fff;border:1px solid var(--border-soft);border-radius:var(--r-md);box-shadow:var(--shadow-card);padding:var(--sp-2);z-index:60}.authnav-menu:not([hidden]){display:flex}.authnav-menu a,.authnav-menu button{text-align:left;padding:var(--sp-2) var(--sp-3);border-radius:var(--r-sm);background:none;border:0;color:var(--fg-1);font:inherit;cursor:pointer;white-space:nowrap}.authnav-menu a:hover,.authnav-menu button:hover{background:var(--paper-100);text-decoration:none}.subnav{position:sticky;top:64px;z-index:49;background:#ffffffe6;backdrop-filter:blur(12px) saturate(140%);border-bottom:1px solid var(--border-soft)}.subnav .container{display:flex;gap:var(--sp-5);align-items:center;height:44px;overflow-x:auto}.subnav a{color:var(--fg-2);font-weight:var(--w-medium);font-size:var(--t-body);padding-block:4px;border-bottom:2px solid transparent;white-space:nowrap}.subnav a:hover{color:var(--fg-1);text-decoration:none}.subnav a.active{color:var(--fg-1);border-bottom-color:var(--accent)}@media(max-width:600px){.authnav-register{display:none}}.btn{display:inline-flex;align-items:center;gap:var(--sp-2);font-family:var(--font-body);font-weight:var(--w-medium);font-size:var(--t-body);line-height:1;padding:10px 16px;border-radius:var(--r-md);border:1px solid transparent;cursor:pointer;transition:background var(--t-fast) var(--ease-out),box-shadow var(--t-fast) var(--ease-out),transform var(--t-fast) var(--ease-out);background:var(--accent);color:var(--accent-ink);box-shadow:var(--shadow-sm)}.btn:hover{background:var(--accent-hover);box-shadow:var(--shadow-card);text-decoration:none}.btn:active{background:var(--accent-press);transform:translateY(1px);box-shadow:var(--shadow-press)}.btn:focus-visible{outline:none;box-shadow:var(--ring-red)}.btn.sky{background:var(--sky-500)}.btn.sky:hover{background:var(--sky-600)}.btn.grass{background:var(--grass-500)}.btn.grass:hover{background:var(--grass-600)}.btn.ghost{background:transparent;color:var(--fg-1);border-color:var(--border-firm);box-shadow:none}.btn.ghost:hover{background:var(--paper-100)}.btn.big{padding:14px 22px;font-size:var(--t-body-lg)}.btn.small{padding:7px 12px;font-size:var(--t-small)}.btn[disabled]{opacity:.45;pointer-events:none;box-shadow:none}.card{background:var(--bg-surface);border:1px solid var(--border-soft);border-radius:var(--r-lg);box-shadow:var(--shadow-card);padding:var(--sp-5)}.card.tight{padding:var(--sp-4)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--sp-5)}.pill{display:inline-flex;align-items:center;gap:6px;font-size:var(--t-small);font-weight:var(--w-medium);padding:3px 10px;border-radius:var(--r-pill);background:var(--paper-100);color:var(--fg-2);white-space:nowrap}.pill.red{background:var(--red-100);color:var(--red-600)}.pill.sky{background:var(--sky-100);color:var(--sky-600)}.pill.grass{background:var(--grass-100);color:var(--grass-600)}.pill.yellow{background:var(--yellow-100);color:var(--yellow-600)}.pill.pink{background:var(--pink-100);color:var(--pink-700)}.badge-mvp{display:inline-flex;align-items:center;gap:4px;font-size:var(--t-caption);font-weight:var(--w-semibold);letter-spacing:.04em;text-transform:uppercase;padding:2px 8px;border-radius:var(--r-sm);background:linear-gradient(180deg,var(--yellow-300),var(--yellow-500));color:var(--ink-1)}.stat-tile{background:var(--bg-surface);border:1px solid var(--border-soft);border-radius:var(--r-md);box-shadow:var(--shadow-xs);padding:var(--sp-4);text-align:left}.stat-tile .label{font-size:var(--t-overline);text-transform:uppercase;letter-spacing:var(--track-overline);color:var(--fg-3)}.stat-tile .value{font-family:var(--font-numeric);font-feature-settings:"tnum" 1;font-weight:var(--w-semibold);font-size:var(--t-h2);color:var(--fg-1)}.data-table{width:100%;border-collapse:collapse;font-size:var(--t-body)}.data-table th,.data-table td{text-align:left;padding:10px var(--sp-3);border-bottom:1px solid var(--border-soft)}.data-table th{font-size:var(--t-overline);text-transform:uppercase;letter-spacing:var(--track-overline);color:var(--fg-3);font-weight:var(--w-semibold)}.data-table tbody tr:hover{background:var(--paper-100)}.data-table .num{font-family:var(--font-numeric);font-feature-settings:"tnum" 1;text-align:right}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:var(--t-small);font-weight:var(--w-medium);color:var(--fg-2)}.input,.select{font-family:var(--font-body);font-size:var(--t-body);color:var(--fg-1);background:var(--bg-surface);border:1px solid var(--border-firm);border-radius:var(--r-md);padding:9px 12px;box-shadow:var(--shadow-xs);width:100%}.input:focus,.select:focus{outline:none;border-color:var(--sky-500);box-shadow:var(--ring-sky)}.site-footer{margin-top:var(--sp-11);border-top:1px solid var(--border-soft);background:var(--bg-surface)}.site-footer .container{padding-block:var(--sp-8)}.footer-cols{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:var(--sp-7)}.site-footer h5{font-size:var(--t-overline);text-transform:uppercase;letter-spacing:var(--track-overline);color:var(--fg-3);margin:0 0 var(--sp-3)}.site-footer a{display:block;color:var(--fg-2);padding-block:4px;font-size:var(--t-small)}.footer-disclaimer{margin-top:var(--sp-6);padding-top:var(--sp-4);border-top:1px solid var(--border-soft);color:var(--fg-3);font-size:var(--t-caption)}@media(max-width:720px){.footer-cols{grid-template-columns:1fr 1fr}}.mapgraph-vp{position:relative;width:100%;height:560px;border-radius:var(--r-lg);overflow:hidden;background:radial-gradient(70% 80% at 45% 45%,var(--grass-100) 0%,transparent 70%),var(--bg-surface);cursor:grab;touch-action:none}.mapgraph-vp:active{cursor:grabbing}.mapgraph-card{position:absolute;z-index:5;width:220px;max-height:340px;overflow:auto;padding:var(--sp-3) var(--sp-4);background:var(--bg-surface);border:1px solid var(--border-firm);border-radius:var(--r-md);box-shadow:var(--shadow-pop);pointer-events:none;font-size:var(--t-small)}.mapgraph-card .mc-head{font-size:var(--t-overline);text-transform:uppercase;letter-spacing:var(--track-overline);color:var(--fg-3);margin:var(--sp-2) 0 4px}.mapgraph-card .mc-list{list-style:none;margin:0;padding:0}.mapgraph-card .mc-list li{display:flex;justify-content:space-between;gap:var(--sp-3);padding:1px 0}.mapgraph-card .mc-list .num{color:var(--fg-3);font-family:var(--font-numeric)}.mapgraph-card .mc-list .mc-resp{color:var(--accent);font-style:normal}.mapgraph-card .mc-npcs{color:var(--fg-2);line-height:var(--leading-snug)}.mapgraph-legend{display:flex;flex-wrap:wrap;gap:var(--sp-4);align-items:center;padding:var(--sp-3) var(--sp-4);border-top:1px solid var(--border-soft);font-size:var(--t-small);color:var(--fg-2)}.mapgraph-legend span{display:inline-flex;align-items:center;gap:6px}.mapgraph-legend i{width:12px;height:12px;border-radius:3px;display:inline-block}.mapgraph-legend i.line{height:3px;border-radius:1px}.mapgraph-legend .legend-sep{width:1px;align-self:stretch;min-height:14px;background:var(--border-firm)}.map-browser-controls{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-3);margin:var(--sp-6) 0 var(--sp-5)}.chip-toggle{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid var(--border-firm);border-radius:var(--r-pill);background:var(--bg-surface);font-size:var(--t-small);font-weight:var(--w-medium);color:var(--fg-2);cursor:pointer;user-select:none}.chip-toggle input{accent-color:var(--sky-500);margin:0}.chip-toggle.on{border-color:var(--sky-500);background:var(--sky-100);color:var(--sky-600)}.map-section{margin-top:var(--sp-7)}.map-section-title{margin:0 0 var(--sp-4)}.map-group{margin-bottom:var(--sp-6)}.map-group-title{display:flex;align-items:baseline;gap:var(--sp-2);margin:0 0 var(--sp-3);font-size:var(--t-body);font-weight:var(--w-semibold);color:var(--fg-2)}.map-thumb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--sp-4)}.map-thumb{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border-soft);border-radius:var(--r-md);background:var(--bg-surface);box-shadow:var(--shadow-xs);color:inherit;text-decoration:none;transition:box-shadow .12s ease,border-color .12s ease,transform .12s ease}.map-thumb:hover{border-color:var(--sky-500);box-shadow:var(--shadow-card);transform:translateY(-2px)}.map-thumb-img{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:1 / 1;background:var(--paper-100)}.map-thumb-img img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated}.map-thumb-img>i{font-size:40px;color:var(--fg-3)}.map-thumb-badges{position:absolute;top:6px;right:6px;display:flex;flex-direction:column;align-items:flex-end;gap:4px}.map-thumb-badges .pill{padding:2px 7px;font-size:var(--t-caption);box-shadow:var(--shadow-xs)}.map-thumb-body{display:flex;flex-direction:column;gap:3px;padding:var(--sp-3)}.map-thumb-name{font-size:var(--t-small);font-weight:var(--w-medium);line-height:var(--leading-snug)}.map-thumb-meta{display:flex;flex-wrap:wrap;gap:var(--sp-2);font-size:var(--t-caption);color:var(--fg-3);font-family:var(--font-numeric)}.game-sprite{--sz: 40px;display:inline-flex;align-items:center;justify-content:center;width:var(--sz);height:var(--sz);min-width:var(--sz);border-radius:var(--r-sm);background:var(--paper-100);border:1px solid var(--border-soft);color:var(--fg-3);overflow:hidden;vertical-align:middle}.game-sprite i{font-size:calc(var(--sz) * .5)}.game-sprite img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.game-sprite.lg{--sz: 96px;background:var(--bg-surface);box-shadow:var(--shadow-xs)}.rank-badge{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:var(--r-pill);font-family:var(--font-numeric);font-weight:var(--w-semibold);font-size:var(--t-small);background:var(--paper-200);color:var(--fg-2)}.rank-badge.rank-1{background:linear-gradient(180deg,var(--yellow-300),var(--yellow-500));color:var(--ink-1)}.rank-badge.rank-2{background:var(--slate-300);color:var(--ink-1)}.rank-badge.rank-3{background:var(--red-300);color:#fff}.muted{color:var(--fg-3)}.breadcrumb{display:flex;gap:var(--sp-2);align-items:center;font-size:var(--t-small);color:var(--fg-3);margin-bottom:var(--sp-4)}.breadcrumb a{color:var(--fg-2)}.page-head{margin-bottom:var(--sp-6)}.kv{display:grid;grid-template-columns:max-content 1fr;gap:6px var(--sp-5)}.kv dt{color:var(--fg-3);font-size:var(--t-small)}.kv dd{margin:0;font-weight:var(--w-medium)}.costume-room{display:grid;grid-template-columns:minmax(220px,320px) 1fr;gap:var(--sp-4);align-items:start}.costume-detail{grid-column:1 / -1}.costume-stage{position:sticky;top:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-3)}.costume-gender{display:flex;gap:var(--sp-2)}.costume-canvas-wrap{display:flex;align-items:center;justify-content:center;overflow:hidden;min-height:320px;padding:var(--sp-4);background:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px) 0 0 / 100% 24px,var(--bg-night);border-radius:var(--r-md)}.costume-canvas{image-rendering:pixelated;filter:drop-shadow(0 6px 10px rgba(0,0,0,.35))}.costume-equipped{display:flex;flex-direction:column;gap:4px}.costume-slot-row{display:flex;align-items:center;gap:var(--sp-2);min-height:30px}.costume-slot-label{display:inline-flex;align-items:center;gap:5px;width:96px;flex:none;font-size:13px;color:var(--fg-3)}.costume-slot-name{flex:1;text-align:left;background:none;border:none;padding:0;cursor:pointer;color:var(--link);font:inherit}.costume-slot-name:hover{text-decoration:underline}.costume-tabs{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.costume-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:var(--sp-2);max-height:60vh;overflow-y:auto}.costume-cell{display:flex;flex-direction:column;align-items:center;gap:4px;padding:var(--sp-2) 4px;background:var(--bg-surface-2);border:1px solid var(--border-soft);border-radius:var(--r-md);cursor:pointer;font:inherit;color:inherit}.costume-cell:hover{border-color:var(--sky-500)}.costume-cell.on{border-color:var(--sky-500);background:var(--sky-100)}.costume-cell.noart{opacity:.55}.costume-cell-name{font-size:11px;line-height:1.25;text-align:center;width:100%;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.costume-thumb{display:flex;align-items:center;justify-content:center;width:100%;height:60px;overflow:hidden}.costume-thumb.empty{color:var(--fg-3);font-size:22px}.costume-thumb img{max-width:60px;max-height:60px;image-rendering:pixelated;object-fit:contain}.costume-thumb.sm{width:40px;height:40px}.costume-thumb.sm.empty{font-size:18px}.costume-thumb.sm img{max-width:40px;max-height:40px}.costume-shell{display:flex;flex-direction:column;gap:var(--sp-4)}.costume-subnav{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.costume-review{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,360px);gap:var(--sp-4);align-items:start}.costume-review-panel{min-width:0}.costume-review-detail{position:sticky;top:var(--sp-4)}.costume-review-preview-block{display:flex;flex-direction:column;gap:var(--sp-2);margin-top:var(--sp-4)}.costume-review-preview{min-height:220px}.costume-review-top,.costume-review-selected-head{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--sp-3)}.costume-review-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(108px,1fr));gap:var(--sp-2);margin-top:var(--sp-4)}.costume-review-stat{padding:10px 12px;border:1px solid var(--border-soft);border-radius:var(--r-md);background:var(--bg-surface-2)}.costume-review-stat span{display:block;font-size:var(--t-caption);color:var(--fg-3)}.costume-review-stat strong{display:block;margin-top:2px;font-family:var(--font-numeric);font-size:var(--t-h4);color:var(--fg-1)}.costume-review-stat.tier-1{border-color:color-mix(in srgb,var(--red-500) 35%,transparent);background:var(--red-100)}.costume-review-stat.tier-2{border-color:color-mix(in srgb,var(--sky-500) 35%,transparent);background:var(--sky-100)}.costume-review-stat.tier-3{border-color:color-mix(in srgb,var(--grass-500) 35%,transparent);background:var(--grass-100)}.costume-review-stat.tier-4{border-color:color-mix(in srgb,var(--yellow-500) 35%,transparent);background:var(--yellow-100)}.costume-review-stat.tier-5{border-color:color-mix(in srgb,var(--pink-500) 35%,transparent);background:var(--pink-100)}.costume-review-stat.not-used,.costume-review-stat.unreviewed{border-color:var(--border-firm);background:var(--paper-100)}.costume-review-filters{display:grid;grid-template-columns:minmax(220px,1fr) minmax(130px,170px) minmax(150px,190px) auto;align-items:center;gap:var(--sp-2);margin:var(--sp-4) 0 var(--sp-3)}.costume-review-list{max-height:68vh;overflow:auto;border:1px solid var(--border-soft);border-radius:var(--r-md)}.costume-review-row{display:grid;grid-template-columns:40px 64px minmax(0,1fr) auto;align-items:center;gap:var(--sp-3);width:100%;padding:10px 12px;border:0;border-bottom:1px solid var(--border-soft);background:var(--bg-surface);color:inherit;cursor:pointer;font:inherit;text-align:left}.costume-review-row:last-child{border-bottom:0}.costume-review-row:hover,.costume-review-row.on{background:var(--sky-100)}.costume-review-row.on{box-shadow:inset 3px 0 0 var(--sky-500)}.costume-review-row-name{display:flex;min-width:0;flex-direction:column;gap:1px}.costume-review-row-name strong,.costume-review-row-name span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.review-badge{display:inline-flex;align-items:center;justify-content:center;min-width:76px;padding:3px 9px;border-radius:var(--r-pill);font-size:var(--t-caption);font-weight:var(--w-semibold);white-space:nowrap;background:var(--paper-100);color:var(--fg-2)}.review-badge.tier-1{background:var(--red-100);color:var(--red-600)}.review-badge.tier-2{background:var(--sky-100);color:var(--sky-600)}.review-badge.tier-3{background:var(--grass-100);color:var(--grass-600)}.review-badge.tier-4{background:var(--yellow-100);color:var(--yellow-600)}.review-badge.tier-5{background:var(--pink-100);color:var(--pink-700)}.review-badge.not-used,.review-badge.unreviewed{background:var(--paper-200);color:var(--fg-3)}.review-group-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-2);margin-top:var(--sp-4)}.review-group-button{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);min-height:48px;padding:10px 12px;border:1px solid var(--border-firm);border-radius:var(--r-md);background:var(--bg-surface);color:var(--fg-1);cursor:pointer;font:inherit;font-weight:var(--w-medium);text-align:left}.review-group-button strong{font-family:var(--font-numeric);font-size:var(--t-small);color:var(--fg-3)}.review-group-button:hover{border-color:var(--sky-500)}.review-group-button.tier-1.on{border-color:var(--red-500);background:var(--red-100)}.review-group-button.tier-2.on{border-color:var(--sky-500);background:var(--sky-100)}.review-group-button.tier-3.on{border-color:var(--grass-500);background:var(--grass-100)}.review-group-button.tier-4.on{border-color:var(--yellow-500);background:var(--yellow-100)}.review-group-button.tier-5.on{border-color:var(--pink-500);background:var(--pink-100)}.review-group-button.not-used.on,.review-group-button.unreviewed.on{border-color:var(--border-strong);background:var(--paper-200)}@media(max-width:900px){.costume-review{grid-template-columns:1fr}.costume-review-detail{position:static}}@media(max-width:720px){.costume-room{grid-template-columns:1fr}.costume-stage{position:static}.costume-review-top,.costume-review-selected-head{flex-direction:column}.costume-review-filters{grid-template-columns:1fr 1fr}.costume-review-filters .input{grid-column:1 / -1}}@media(max-width:560px){.costume-review-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.costume-review-filters,.review-group-grid{grid-template-columns:1fr}.costume-review-row{grid-template-columns:40px 50px minmax(0,1fr);gap:var(--sp-2)}.costume-review-row .review-badge{grid-column:2 / -1;justify-self:start}}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}@media(max-width:860px){.site-header .container{gap:var(--sp-3)}.nav-burger{display:inline-flex;order:3}.header-cta{order:2}.nav{display:none;position:absolute;top:64px;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;margin:0;padding:var(--sp-2) var(--sp-4);background:#fffffff7;backdrop-filter:blur(16px) saturate(140%);border-bottom:1px solid var(--border-soft);box-shadow:var(--shadow-card)}.nav-toggle:checked~.nav{display:flex}.nav a{padding:12px 4px;border-bottom:1px solid var(--border-soft)}.nav a:last-child{border-bottom:none}.nav a.active{border-bottom-color:var(--border-soft);color:var(--accent)}}@media(max-width:600px){.display-2xl{font-size:40px}.display-xl{font-size:36px}.display-lg{font-size:32px}h1,.h1{font-size:28px}h2,.h2{font-size:22px}.section{padding-block:var(--sp-7)}.site-footer{margin-top:var(--sp-8)}.card{padding:var(--sp-4)}.card.tight{padding:var(--sp-3)}.searchable-table .input,.searchable-table .select{max-width:none!important;flex:1 1 100%}.mapgraph-vp{height:60vh;min-height:360px}.stat-strip{grid-template-columns:repeat(2,1fr)!important}}