@import "https://fonts.googleapis.com/css2?family=Bai+Jamjuree:wght@400;500;600;700;800&family=IBM+Plex+Sans+Thai:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap";:root{--bg:oklch(95% .013 245);--bg-2:oklch(92% .018 245);--surface:oklch(99% .004 245);--surface-2:oklch(96% .01 245);--elev:oklch(100% 0 0);--border:oklch(84% .02 245);--border-soft:oklch(89% .013 245/.9);--text:oklch(18% .03 255);--text-mute:oklch(46% .04 255);--text-dim:oklch(62% .03 255);--mint:oklch(52% .21 255);--mint-2:oklch(42% .21 255);--mint-glow:oklch(52% .21 255/.22);--amber:oklch(72% .16 75);--amber-2:oklch(60% .17 60);--magenta:oklch(58% .2 340);--rose:oklch(56% .2 25);--violet:oklch(56% .18 295);--nav-bg:oklch(22% .09 255);--nav-border:oklch(28% .09 255);--d:1;--pad:calc(16px * var(--d));--pad-lg:calc(24px * var(--d));--row-h:calc(56px * var(--d));--fs-body:calc(14px * var(--d));--fs-sm:calc(12px * var(--d));--gap:calc(16px * var(--d));--f-display:"Bai Jamjuree", "IBM Plex Sans Thai", system-ui, sans-serif;--f-body:"IBM Plex Sans Thai", "Bai Jamjuree", system-ui, sans-serif;--f-mono:"JetBrains Mono", ui-monospace, monospace;--r-sm:6px;--r:10px;--r-lg:16px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}html{overflow-x:hidden}body{font-family:var(--f-body);font-size:var(--fs-body);color:var(--text);word-break:keep-all;line-break:strict;background:radial-gradient(1200px 600px at 80% -8%, oklch(72% .12 245/.13), transparent 60%), radial-gradient(800px 400px at -5% 40%, oklch(68% .12 255/.1), transparent 60%), var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background-attachment:fixed;margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:oklch(78% .025 245);border-radius:10px}::-webkit-scrollbar-track{background:0 0}.app{grid-template:"topbar""main"1fr/1fr;min-height:100vh;display:grid}.main{margin:0 auto}.sidebar{display:none}.sidebar.open{z-index:50;background:var(--surface);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-right:1px solid var(--border);width:min(320px,86vw);padding:24px 18px;display:block;position:fixed;inset:64px auto 0 0;overflow-y:auto;box-shadow:24px 0 60px -20px oklch(0% 0 0/.12)}.sidebar-scrim{z-index:49;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:oklch(0% 0 0/.3);position:fixed;inset:64px 0 0}.topbar{background:var(--nav-bg);border-bottom:1px solid var(--nav-border);z-index:40;grid-area:topbar;align-items:center;gap:20px;height:auto;padding:14px 32px;transition:background .2s,border-color .2s,-webkit-backdrop-filter .2s,backdrop-filter .2s;display:flex;position:sticky;top:0}.topbar.scrolled{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom-color:var(--nav-border);background:oklch(18% .09 255/.96)}.brand{font-family:var(--f-display);letter-spacing:.01em;cursor:pointer;color:oklch(97% .01 245);align-items:center;gap:12px;font-size:18px;font-weight:800;display:flex}.brand-logo{filter:drop-shadow(0 4px 16px oklch(65% .2 40/.5));width:auto;height:90px;display:block}.top-nav{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:oklch(100% 0 0/.07);border:1px solid oklch(100% 0 0/.12);border-radius:999px;gap:6px;margin:0 auto;padding:6px;display:flex}.top-nav a{color:oklch(82% .04 245);cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:600;display:inline-flex}.top-nav a .ico{width:16px;height:16px}.top-nav a:hover{color:oklch(98% .01 245)}.top-nav a.active{color:oklch(99% 0 0);background:var(--mint);box-shadow:0 4px 14px var(--mint-glow)}.top-right{align-items:center;gap:10px;margin-left:auto;display:flex}.icon-btn{color:oklch(82% .04 245);cursor:pointer;background:oklch(100% 0 0/.08);border:1px solid oklch(100% 0 0/.14);border-radius:8px;place-items:center;width:36px;height:36px;display:grid}.icon-btn:hover{color:oklch(98% .01 245);border-color:oklch(100% 0 0/.25)}.user-chip{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;color:oklch(95% .01 245);background:oklch(100% 0 0/.09);border:1px solid oklch(100% 0 0/.15);border-radius:999px;align-items:center;gap:10px;padding:8px 18px 8px 8px;display:flex}.user-chip:hover{border-color:oklch(100% 0 0/.3)}.avatar{background:linear-gradient(135deg, var(--mint), var(--violet));width:28px;height:28px;font-family:var(--f-mono);color:oklch(99% 0 0);border-radius:999px;place-items:center;font-size:11px;font-weight:700;display:grid}.user-chip-name{font-size:13px;font-weight:600}.user-chip-meta{font-family:var(--f-mono);color:var(--mint);letter-spacing:.1em;font-size:10px}.hamburger{color:oklch(90% .02 245);display:none}@media (width<=900px){.hamburger{display:grid}.top-nav,.user-chip-name,.user-chip-meta{display:none}.user-chip{padding:4px}.brand-logo{height:68px}}.sidebar{border-right:1px solid var(--border-soft);grid-area:sidebar;align-self:start;height:calc(100vh - 64px);padding:20px 14px;position:sticky;top:64px;overflow-y:auto}.side-title{font-family:var(--f-mono);letter-spacing:.18em;color:var(--text-dim);text-transform:uppercase;padding:12px 12px 6px;font-size:10px}.side-link{color:var(--text-mute);cursor:pointer;white-space:nowrap;border:1px solid var(--border-soft);text-align:left;background:oklch(0% 0 0/.02);border-radius:999px;align-items:center;gap:12px;width:100%;margin-bottom:6px;padding:10px 16px;font-size:13.5px;font-weight:500;display:flex;position:relative}.side-link:hover{color:var(--text);border-color:var(--border);background:oklch(0% 0 0/.04)}.side-link.active{color:var(--mint-2);background:linear-gradient(90deg,oklch(52% .21 255/.12),oklch(52% .21 255/.04));border-color:oklch(52% .21 255/.4);box-shadow:0 0 0 2px oklch(52% .21 255/.08)}.side-link .ico{color:currentColor;opacity:.85;width:18px;height:18px}.side-link .badge{font-family:var(--f-mono);color:var(--magenta);letter-spacing:.05em;background:oklch(58% .2 340/.12);border-radius:999px;margin-left:auto;padding:2px 7px;font-size:10px}.main{grid-area:main;width:100%;max-width:1280px;padding:28px 32px 80px}@media (width<=700px){.main{padding:18px 16px 80px}}.page-head{flex-wrap:wrap;align-items:end;gap:16px;margin-bottom:22px;display:flex}.page-head h1{font-family:var(--f-display);letter-spacing:-.01em;margin:0;font-size:clamp(24px,2.6vw,34px);font-weight:700;line-height:1.1}.page-head .crumb{font-family:var(--f-mono);letter-spacing:.16em;color:var(--mint);text-transform:uppercase;margin-bottom:6px;font-size:11px}.page-head p{color:var(--text-mute);max-width:60ch;margin:6px 0 0}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--pad-lg);box-shadow:0 1px 4px oklch(0% 0 0/.06)}.card.flat{background:var(--surface-2)}.card-title{align-items:center;gap:10px;margin-bottom:14px;display:flex}.card-title h3{font-family:var(--f-display);margin:0;font-size:16px;font-weight:700}.card-title .pill{font-family:var(--f-mono);letter-spacing:.14em;color:var(--mint);text-transform:uppercase;background:oklch(52% .21 255/.1);border-radius:999px;padding:2px 8px;font-size:10px}.card-title .more{color:var(--text-mute);cursor:pointer;margin-left:auto;font-size:12px}.card-title .more:hover{color:var(--mint)}.btn{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:10px;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:600;transition:transform 60ms,background .15s,border-color .15s,filter .15s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-primary{background:linear-gradient(180deg, var(--mint), var(--mint-2));color:oklch(99% 0 0);box-shadow:0 4px 18px var(--mint-glow), inset 0 1px 0 oklch(100% 0 0/.25)}.btn-primary:hover{filter:brightness(1.08)}.btn-amber{background:linear-gradient(180deg, var(--amber), var(--amber-2));color:oklch(18% .02 75);box-shadow:0 4px 18px oklch(72% .16 75/.28)}.btn-ghost{background:var(--surface);border-color:var(--border);color:var(--text);box-shadow:0 1px 3px oklch(0% 0 0/.06)}.btn-ghost:hover{background:var(--surface-2);border-color:var(--mint)}.btn-mag{color:var(--magenta);background:oklch(58% .2 340/.1);border-color:oklch(58% .2 340/.4)}.hero{border-radius:var(--r-lg);border:1px solid var(--border);isolation:isolate;background:oklch(22% .08 255) url(/hero-bg.png) 100%/cover;align-items:flex-end;min-height:480px;padding:56px 48px;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 12px oklch(0% 0 0/.1)}@media (width<=800px){.hero{padding:24px}}.hero:before{content:"";pointer-events:none;z-index:0;background:linear-gradient(90deg,oklch(10% .05 255/.96) 0%,oklch(10% .05 255/.8) 50%,oklch(10% .05 255/.1) 75%,#0000 100%),linear-gradient(#0000 50%,oklch(10% .05 255/.8) 100%);position:absolute;inset:0}.hero>*{z-index:1;position:relative}.hero h2{font-family:var(--f-display);letter-spacing:-.015em;text-wrap:balance;color:oklch(100% 0 0);text-shadow:0 2px 20px oklch(0% 0 0/.5);margin:0 0 8px;font-size:clamp(28px,4vw,48px);font-weight:800;line-height:1.05}.hero .tag{font-family:var(--f-mono);letter-spacing:.2em;text-transform:uppercase;color:oklch(90% .08 245);background:oklch(100% 0 0/.1);border:1px solid oklch(100% 0 0/.3);border-radius:999px;align-items:center;gap:8px;margin-bottom:14px;padding:4px 10px;font-size:11px;display:inline-flex}.hero p{color:oklch(95% .01 245);text-shadow:0 1px 8px oklch(0% 0 0/.5);max-width:38ch;font-size:15px;line-height:1.6}.hero-cta{flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}.hero-cta .btn-ghost{color:oklch(100% 0 0);background:oklch(100% 0 0/.12);border-color:oklch(100% 0 0/.5)}.hero-cta .btn-ghost:hover{background:oklch(100% 0 0/.22);border-color:oklch(100% 0 0/.8)}.hero-content{max-width:560px}.news-grid{gap:12px;display:grid}.news-row{cursor:pointer;border:1px solid #0000;border-radius:10px;grid-template-columns:80px 1fr auto;align-items:center;gap:14px;padding:12px;display:grid}.news-row:hover{border-color:var(--border);background:oklch(52% .21 255/.05)}.news-tag{font-family:var(--f-mono);text-align:center;letter-spacing:.12em;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:600}.tag-update{color:var(--mint);background:oklch(52% .21 255/.1)}.tag-event{color:var(--magenta);background:oklch(58% .2 340/.12)}.tag-notice{color:var(--amber);background:oklch(72% .16 75/.12)}.tag-patch{color:var(--violet);background:oklch(56% .18 295/.12)}.news-title{color:var(--text);font-size:14px;font-weight:600}.news-date{font-family:var(--f-mono);color:var(--text-dim);font-size:11px}.prose-body{color:oklch(12% .02 255);font-size:15px;line-height:1.9;font-family:var(--f-body)}.prose-body p{margin:0 0 1em}.prose-body p:last-child{margin-bottom:0}.prose-body h1,.prose-body h2,.prose-body h3,.prose-body h4{font-family:var(--f-display);color:oklch(12% .02 255);margin:1.4em 0 .5em;font-weight:700}.prose-body h2{font-size:20px}.prose-body h3{font-size:17px}.prose-body ul,.prose-body ol{margin:0 0 1em;padding-left:1.6em}.prose-body li{margin-bottom:.3em}.prose-body a{color:var(--mint);text-decoration:underline}.prose-body strong{font-weight:700}.prose-body em{font-style:italic}.two-col{grid-template-columns:1.6fr 1fr;gap:20px;display:grid}@media (width<=1000px){.two-col{grid-template-columns:1fr}}.table{border-collapse:separate;border-spacing:0;width:100%;font-size:13px}.table th,.table td{text-align:left;border-bottom:1px solid var(--border-soft);padding:12px 14px}.table th{font-family:var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:10px;font-weight:600}.table th .sort-ind{color:var(--mint);margin-left:4px;font-size:10px}.table tr:hover td{background:oklch(52% .21 255/.03)}.table .rank{font-family:var(--f-mono);color:var(--text-mute);width:60px;font-weight:700}.table .rank.gold{color:var(--amber)}.table .rank.silver{color:oklch(52% .03 255)}.table .rank.bronze{color:oklch(55% .1 50)}.table .num-cell{font-family:var(--f-mono);text-align:right}.class-chip{background:var(--surface-2);border:1px solid var(--border);border-radius:999px;align-items:center;gap:6px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.class-chip .swatch{border-radius:2px;width:8px;height:8px}.shop-layout{grid-template-columns:240px 1fr;gap:20px;display:grid}@media (width<=900px){.shop-layout{grid-template-columns:1fr}.shop-layout>aside{display:none}}.shop-mobile-toolbar{margin-bottom:16px;display:none}@media (width<=900px){.shop-mobile-toolbar{display:block}}.shop-mobile-cats{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.shop-mobile-cats::-webkit-scrollbar{display:none}.shop-mobile-cats .filter-pill{border-radius:999px;flex-shrink:0;padding:6px 14px}.shop-mobile-sort{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.shop-mobile-sort .filter-pill{border-radius:999px;padding:5px 12px;font-size:12px}.filter-group h4{font-family:var(--f-mono);letter-spacing:.16em;color:var(--text-dim);text-transform:uppercase;margin:0 0 10px;font-size:10px}.filter-list{flex-direction:column;gap:4px;display:flex}.filter-pill{color:var(--text-mute);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:500;display:flex}.filter-pill:hover{color:var(--text);background:oklch(0% 0 0/.04)}.filter-pill.active{color:var(--mint-2);background:oklch(52% .21 255/.09);border-color:oklch(52% .21 255/.3)}.filter-pill .count{font-family:var(--f-mono);color:var(--text-dim);margin-left:auto;font-size:11px}.shop-banner{border-radius:var(--r-lg);cursor:pointer;border:1px solid var(--border);min-height:200px;margin-bottom:28px;transition:border-color .15s;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px oklch(0% 0 0/.07)}.shop-banner:hover{border-color:var(--amber)}.shop-banner:active{transform:scale(.995)}.shop-banner-bg{object-fit:cover;filter:blur(2px)brightness(.45)saturate(.8);width:100%;height:100%;position:absolute;inset:0;transform:scale(1.04)}.shop-banner-overlay{background:linear-gradient(90deg,oklch(12% .06 255/.9) 40%,oklch(12% .06 255/.18) 100%);position:absolute;inset:0}.shop-banner-body{z-index:1;align-items:center;gap:24px;width:100%;padding:28px 32px;display:flex;position:relative}.shop-banner-copy{flex:1;min-width:0}.shop-banner-art{aspect-ratio:1;flex-shrink:0;width:clamp(120px,22%,200px)}.shop-banner-dots{z-index:2;gap:6px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.shop-banner-dot{cursor:pointer;background:oklch(96% .01 245/.35);border:none;border-radius:999px;width:6px;height:6px;padding:0;transition:background .2s,width .2s}.shop-banner-dot.active{background:var(--amber);width:20px}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;display:grid}.shop-card{border:1px solid var(--border);border-radius:var(--r);background:var(--surface);cursor:pointer;flex-direction:column;gap:10px;padding:14px;transition:transform .12s,border-color .15s,box-shadow .15s;display:flex;box-shadow:0 1px 3px oklch(0% 0 0/.05)}.shop-card:hover{border-color:var(--mint);box-shadow:0 4px 16px var(--mint-glow);transform:translateY(-2px)}.shop-card:active{border-color:var(--mint);transform:scale(.97)}.shop-art{aspect-ratio:1;background:var(--surface-2);border-radius:8px;position:relative;overflow:hidden}.shop-art:after{content:attr(data-label);font-family:var(--f-mono);letter-spacing:.16em;color:var(--text-dim);text-align:center;place-items:center;padding:0 8px;font-size:10px;display:grid;position:absolute;inset:0}.shop-card .nm{font-size:13px;font-weight:600}.shop-card .price{font-family:var(--f-mono);color:var(--mint);align-items:baseline;gap:4px;margin-top:auto;font-size:14px;font-weight:700;display:flex}.shop-card .price .unit{color:var(--text-dim);font-size:10px}.shop-card .badge{font-family:var(--f-mono);letter-spacing:.1em;border-radius:4px;padding:3px 7px;font-size:9px;font-weight:700;position:absolute;top:8px;left:8px}.b-hot{background:var(--magenta);color:oklch(99% 0 0)}.b-new{background:var(--mint);color:oklch(99% 0 0)}.b-sale{background:var(--amber);color:oklch(18% .02 75)}.tabs{border-bottom:1px solid var(--border);gap:4px;margin-bottom:22px;display:flex}.tab{color:var(--text-mute);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:10px 16px;font-size:13px;font-weight:600;position:relative}.tab:hover{color:var(--text)}.tab.active{color:var(--mint)}.tab.active:after{content:"";background:var(--mint);border-radius:2px;height:2px;position:absolute;bottom:-1px;left:12px;right:12px}.input{background:var(--elev);border:1px solid var(--border);border-radius:10px;align-items:center;gap:8px;padding:10px 14px;display:flex;box-shadow:inset 0 1px 3px oklch(0% 0 0/.05)}.input input,.input select{color:var(--text);font:inherit;background:0 0;border:none;outline:none;width:100%}.input input::placeholder{color:var(--text-dim)}.input:focus-within{border-color:var(--mint);box-shadow:0 0 0 3px var(--mint-glow)}.scrim{z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:oklch(10% .02 255/.55);place-items:center;padding:20px;animation:.18s fade;display:grid;position:fixed;inset:0}@keyframes fade{0%{opacity:0}to{opacity:1}}.modal-backdrop{z-index:1000;background:oklch(0% 0 0/.45);justify-content:center;align-items:center;padding:16px;animation:.18s fade;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);width:min(420px,100%);max-height:calc(100vh - 32px);padding:28px;animation:.2s pop;position:relative;overflow-y:auto;box-shadow:0 8px 40px oklch(0% 0 0/.14)}@keyframes pop{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:none}}.modal h2{font-family:var(--f-display);color:var(--text);margin:0 0 6px;font-size:22px}.modal .sub{color:var(--text-mute);margin-bottom:20px;font-size:13px}.modal .field{margin-bottom:14px}.modal label{font-family:var(--f-mono);letter-spacing:.16em;color:var(--text-dim);text-transform:uppercase;margin-bottom:6px;font-size:10px;display:block}.modal .x{cursor:pointer;color:var(--text-mute);position:absolute;top:16px;right:16px}.modal .x:hover{color:var(--text)}.donate-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (width<=800px){.donate-grid{grid-template-columns:1fr}}.donate-card{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);flex-direction:column;gap:12px;padding:24px;display:flex;position:relative;box-shadow:0 1px 4px oklch(0% 0 0/.06)}.donate-card.featured{background:radial-gradient(180px 80px at 50% 0%, oklch(72% .16 75/.12), transparent 70%), var(--surface);border-color:oklch(72% .16 75/.55)}.donate-card .ribbon{font-family:var(--f-mono);background:var(--amber);color:oklch(18% .02 75);letter-spacing:.14em;border-radius:999px;padding:4px 10px;font-size:10px;font-weight:700;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.donate-card .bonus-badge{z-index:2;text-align:center;color:#fff;width:62px;height:62px;line-height:1;font-family:var(--f-mono);filter:drop-shadow(0 2px 4px oklch(0% 0 0/.3));clip-path:polygon(50% 0%,61% 12%,76% 8%,76% 24%,92% 24%,84% 38%,100% 50%,84% 62%,92% 76%,76% 76%,76% 92%,61% 88%,50% 100%,39% 88%,24% 92%,24% 76%,8% 76%,16% 62%,0% 50%,16% 38%,8% 24%,24% 24%,24% 8%,39% 12%);background:radial-gradient(circle at 50% 40%,oklch(72% .18 20),oklch(62% .2 18));flex-direction:column;justify-content:center;align-items:center;font-weight:800;display:flex;position:absolute;top:-12px;left:-10px}.donate-card .bonus-badge .b-label{letter-spacing:.02em;opacity:.95;font-size:9px}.donate-card .bonus-badge .b-amt{margin-top:1px;font-size:14px}.donate-card h3{font-family:var(--f-display);margin:0;font-size:18px}.donate-card .amt{font-family:var(--f-display);font-size:38px;font-weight:800}.donate-card .amt small{color:var(--text-mute);font-size:14px;font-weight:500}.donate-card ul{color:var(--text-mute);gap:8px;margin:0;padding:0;font-size:13px;list-style:none;display:grid}.donate-card ul li:before{content:"✓ ";color:var(--mint);font-weight:700}.dl-platforms{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}@media (width<=700px){.dl-platforms{grid-template-columns:1fr}}.dl-card{border-radius:var(--r-lg);border:1px solid var(--border);background:var(--surface);flex-direction:column;align-items:flex-start;gap:10px;padding:24px;display:flex;box-shadow:0 1px 4px oklch(0% 0 0/.06)}.dl-card .plat{font-family:var(--f-mono);letter-spacing:.16em;color:var(--mint);text-transform:uppercase;font-size:10px}.dl-card h3{font-family:var(--f-display);margin:0;font-size:22px}.dl-card .size{font-family:var(--f-mono);color:var(--text-mute);font-size:12px}.dl-step{border-bottom:1px solid var(--border-soft);grid-template-columns:32px 1fr;align-items:start;gap:14px;padding:14px 0;display:grid}.dl-step:last-child{border-bottom:none}.dl-step .n{width:28px;height:28px;color:var(--mint);font-family:var(--f-mono);background:oklch(52% .21 255/.12);border-radius:999px;place-items:center;font-size:12px;font-weight:700;display:grid}.dl-step h4{margin:0 0 4px;font-size:14px}.dl-step p{color:var(--text-mute);margin:0;font-size:13px}.comm-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}@media (width<=700px){.comm-grid{grid-template-columns:1fr}}.comm-card{border-radius:var(--r-lg);border:1px solid var(--border);background:var(--surface);cursor:pointer;align-items:center;gap:16px;padding:24px;transition:transform .1s,border-color .15s,box-shadow .15s;display:flex;box-shadow:0 1px 4px oklch(0% 0 0/.06)}.comm-card:hover{border-color:var(--mint);box-shadow:0 4px 16px var(--mint-glow);transform:translateY(-2px)}.comm-icon{width:56px;height:56px;font-family:var(--f-display);border-radius:14px;flex-shrink:0;place-items:center;font-size:22px;font-weight:800;display:grid}.comm-card h3{font-family:var(--f-display);margin:0 0 4px;font-size:18px}.comm-card p{color:var(--text-mute);margin:0;font-size:13px}.comm-card .members{font-family:var(--f-mono);color:var(--mint);margin-top:6px;font-size:11px}.profile-head{border-radius:var(--r-lg);border:1px solid var(--border);background:radial-gradient(400px 200px at 0% 50%, oklch(52% .21 255/.06), transparent), var(--surface);grid-template-columns:auto 1fr auto;align-items:center;gap:24px;margin-bottom:22px;padding:28px;display:grid;box-shadow:0 1px 4px oklch(0% 0 0/.06)}.profile-avatar{background:linear-gradient(135deg, var(--mint), var(--violet));width:96px;height:96px;font-family:var(--f-display);color:oklch(99% 0 0);box-shadow:0 8px 30px var(--mint-glow);border-radius:20px;place-items:center;font-size:36px;font-weight:800;display:grid}.profile-name{font-family:var(--f-display);margin:0 0 4px;font-size:28px;font-weight:700}.profile-meta{font-family:var(--f-mono);color:var(--text-mute);flex-wrap:wrap;gap:16px;font-size:12px;display:flex}.profile-meta span:before{content:"● ";color:var(--mint)}@media (width<=700px){.profile-head{text-align:center;grid-template-columns:1fr}.profile-avatar{margin:0 auto}.profile-meta{justify-content:center}}.char-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;display:grid}.char-card{border-radius:var(--r);border:1px solid var(--border);background:var(--surface);grid-template-columns:64px 1fr;align-items:center;gap:14px;padding:18px;display:grid}.char-portrait{border:1px dashed var(--border);background:repeating-linear-gradient(45deg,oklch(90% .012 245) 0 4px,oklch(94% .01 245) 4px 8px);border-radius:10px;flex-shrink:0;width:64px;height:64px;position:relative}.char-portrait:after{content:"char";font-family:var(--f-mono);letter-spacing:.18em;color:var(--text-dim);place-items:center;font-size:9px;display:grid;position:absolute;inset:0}.char-name{font-size:14px;font-weight:700}.char-meta{font-family:var(--f-mono);color:var(--text-mute);margin-top:3px;font-size:11px}.lvl-bar{background:oklch(0% 0 0/.08);border-radius:999px;height:6px;margin-top:8px;overflow:hidden}.lvl-bar>span{background:linear-gradient(90deg, var(--mint), var(--violet));height:100%;display:block}.mascot-panel{flex-direction:column;gap:16px;padding:0;display:flex;overflow:hidden}.mascot-art{border-bottom:1px solid var(--border);background-image:url(/hero-bg.png);background-position:70%;background-size:cover;height:280px}.mascot-copy{padding:0 24px 24px}.muted{color:var(--text-mute)}.mono{font-family:var(--f-mono)}.section{margin-bottom:26px}.section>h2{font-family:var(--f-display);align-items:center;gap:12px;margin:0 0 14px;font-size:18px;font-weight:700;display:flex}.section>h2:before{content:"";background:var(--mint);border-radius:2px;width:4px;height:16px}.live-pulse{font-family:var(--f-mono);letter-spacing:.14em;color:var(--magenta);text-transform:uppercase;white-space:nowrap;align-items:center;gap:6px;font-size:11px;display:inline-flex}.live-pulse:before{content:"";background:var(--magenta);border-radius:999px;width:7px;height:7px;animation:1.4s ease-in-out infinite pulse}@keyframes pulse{0%,to{box-shadow:0 0 oklch(58% .2 340/.5)}50%{box-shadow:0 0 0 6px oklch(58% .2 340/0)}}.footer{border-top:1px solid var(--border);color:var(--text-dim);flex-wrap:wrap;align-items:center;gap:24px;margin-top:40px;padding:24px 0;font-size:12px;display:flex}.footer .sep{opacity:.4}.row{align-items:center;gap:8px;display:flex}.spacer{flex:1}.form-err{color:var(--rose);background:oklch(56% .2 25/.08);border:1px solid oklch(56% .2 25/.35);border-radius:8px;margin-bottom:14px;padding:9px 12px;font-size:13px}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=480px){.topbar{gap:8px;padding:8px 12px}.brand-logo{height:52px}.main{padding:14px 12px}.hero{min-height:320px;padding:20px 16px}.page-head h1{font-size:22px}.shop-banner-art{display:none}.shop-banner-body{padding:18px 16px}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.news-row{grid-template-columns:72px 1fr}.news-row .nr-date{display:none}.char-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.donate-grid,.dl-platforms,.comm-grid{grid-template-columns:1fr}}@media (width<=768px){.two-col{grid-template-columns:1fr!important}.profile-head{text-align:center;grid-template-columns:1fr;justify-items:center}.donate-grid{grid-template-columns:1fr 1fr}}@media (width<=620px){.pd-modal{flex-direction:column!important}.pd-img-panel{width:100%!important;min-width:unset!important;border-radius:0!important;min-height:220px!important}}.gs-root{--gs-accent:var(--mint,oklch(62% .16 200));color:var(--text)}.gs-head{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:18px;display:flex}.gs-head h1{font-size:26px;font-family:var(--f-display,inherit);margin:0}.gs-head .gs-sub{color:var(--text-mute);font-size:13px}.gs-head .gs-spacer{flex:1}.gs-search{background:var(--surface);border:1px solid var(--border);border-radius:12px;align-items:center;gap:8px;min-width:220px;padding:8px 12px;display:flex}.gs-search input{color:var(--text);background:0 0;border:none;outline:none;width:100%;font-size:14px}.gs-lang{border:1px solid var(--border);border-radius:10px;display:inline-flex;overflow:hidden}.gs-lang button{background:var(--surface);color:var(--text-mute);cursor:pointer;border:none;padding:7px 12px;font-size:12px;font-weight:700}.gs-lang button.on{background:var(--gs-accent);color:#071018}.gs-layout{grid-template-columns:210px 1fr 300px;align-items:start;gap:18px;display:grid}@media (width<=1100px){.gs-layout{grid-template-columns:180px 1fr}.gs-avatar-col{order:3;grid-column:1/-1}}@media (width<=720px){.gs-layout{grid-template-columns:1fr}.gs-cats{order:2}}.gs-cats{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:8px;position:sticky;top:80px}.gs-cat{text-align:left;width:100%;color:var(--text-mute);cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:space-between;align-items:center;padding:9px 12px;font-size:14px;display:flex}.gs-cat:hover{background:var(--bg);color:var(--text)}.gs-cat.on{background:var(--gs-accent);color:#071018;font-weight:700}.gs-cat .gs-count{opacity:.8;font-size:11px}.gs-tabs{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.gs-tab{background:var(--surface);border:1px solid var(--border);color:var(--text-mute);cursor:pointer;text-transform:capitalize;border-radius:999px;padding:7px 14px;font-size:13px;font-weight:600}.gs-tab.on{background:var(--gs-accent);color:#071018;border-color:#0000}.gs-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px;display:grid}.gs-card{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:14px;flex-direction:column;transition:transform .12s,border-color .12s;display:flex;position:relative;overflow:hidden}.gs-card:hover{border-color:var(--gs-accent);transform:translateY(-3px)}.gs-card .gs-thumb{aspect-ratio:1;background:radial-gradient(circle at 50% 35%, oklch(30% .03 255/.6), transparent 70%), var(--bg);place-items:center;padding:14px;display:grid}.gs-card .gs-thumb img{max-width:100%;max-height:100%;image-rendering:pixelated;object-fit:contain}.gs-card .gs-body{flex-direction:column;flex:1;gap:6px;padding:10px 12px 12px;display:flex}.gs-card .gs-name{min-height:2.6em;font-size:13px;font-weight:600;line-height:1.3}.gs-card .gs-price{font-family:var(--f-mono,monospace);color:var(--gs-accent);font-size:14px;font-weight:700}.gs-card .gs-price s{color:var(--text-dim);margin-right:6px;font-size:12px;font-weight:400}.gs-card .gs-row{gap:6px;margin-top:4px;display:flex}.gs-card .gs-row button{flex:1}.gs-badge{text-transform:uppercase;letter-spacing:.5px;color:#071018;border-radius:6px;padding:3px 7px;font-size:10px;font-weight:800;position:absolute;top:8px;left:8px}.gs-badge.new{background:oklch(72% .17 150)}.gs-badge.best{background:oklch(72% .16 75)}.gs-badge.sale{color:#fff;background:oklch(66% .2 25)}.gs-badge.limited{color:#fff;background:oklch(62% .2 300)}.gs-tryon{color:var(--text);border:1px solid var(--border);background:oklch(30% .04 255/.85);border-radius:8px;padding:3px 7px;font-size:11px;position:absolute;top:8px;right:8px}.gs-avatar{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:14px;position:sticky;top:80px}.gs-avatar h3{align-items:center;gap:6px;margin:0 0 10px;font-size:15px;display:flex}.gs-sex{gap:6px;margin-bottom:12px;display:flex}.gs-sex button{background:var(--bg);border:1px solid var(--border);color:var(--text-mute);cursor:pointer;border-radius:9px;flex:1;padding:7px;font-weight:600}.gs-sex button.on{background:var(--gs-accent);color:#071018}.gs-stage{aspect-ratio:3/4;background:linear-gradient(oklch(26% .04 255),oklch(18% .03 255));border-radius:12px;place-items:center;display:grid;position:relative;overflow:hidden}.gs-stage-canvas{width:100%;height:100%;position:relative}.gs-stage-canvas img{object-fit:contain;width:100%;height:100%;image-rendering:pixelated;position:absolute;inset:0}.gs-stage .gs-empty{color:var(--text-dim);text-align:center;padding:20px;font-size:13px}.gs-worn{margin-top:12px}.gs-worn-head{color:var(--text-mute);margin-bottom:6px;font-size:12px}.gs-worn-row{align-items:center;gap:8px;padding:5px 0;display:flex}.gs-worn-row img{width:28px;height:28px;image-rendering:pixelated;object-fit:contain}.gs-worn-row .n{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:12px;overflow:hidden}.gs-worn-row button{color:var(--rose,#e66);cursor:pointer;background:0 0;border:none}.gs-btn{cursor:pointer;border:none;border-radius:9px;padding:8px 12px;font-size:13px;font-weight:700}.gs-btn.primary{background:var(--gs-accent);color:#071018}.gs-btn.ghost{background:var(--bg);color:var(--text);border:1px solid var(--border)}.gs-btn:disabled{opacity:.5;cursor:not-allowed}.gs-scrim{z-index:200;background:#0000008c;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.gs-modal{background:var(--surface);border:1px solid var(--border);border-radius:16px;width:100%;max-width:440px;padding:20px;position:relative}.gs-modal .gs-x{cursor:pointer;color:var(--text-mute);background:0 0;border:none;font-size:20px;position:absolute;top:12px;right:14px}.gs-modal .gs-preview{gap:14px;display:flex}.gs-modal .gs-preview .gs-thumb{background:var(--bg);border-radius:12px;flex-shrink:0;place-items:center;width:96px;height:96px;display:grid}.gs-modal .gs-preview .gs-thumb img{max-width:100%;max-height:100%;image-rendering:pixelated}.gs-modal .gs-desc{color:var(--text-mute);max-height:140px;margin:10px 0;font-size:13px;line-height:1.5;overflow:auto}.gs-qty{align-items:center;gap:10px;margin:12px 0;display:flex}.gs-qty button{border:1px solid var(--border);background:var(--bg);width:30px;height:30px;color:var(--text);cursor:pointer;border-radius:8px;font-size:16px}.gs-limit{color:var(--text-mute);margin-top:6px;font-size:12px}.gs-icon-btn{padding:8px 10px;flex:none!important}.gs-cart-btn{background:var(--surface);border:1px solid var(--border);cursor:pointer;color:var(--text);border-radius:12px;padding:8px 12px;font-size:16px;position:relative}.gs-cart-btn:hover{border-color:var(--gs-accent)}.gs-cart-count{background:var(--gs-accent);color:#071018;border-radius:999px;place-items:center;min-width:18px;height:18px;padding:0 4px;font-size:11px;font-weight:800;display:grid;position:absolute;top:-6px;right:-6px}.gs-drawer{background:var(--surface);border-left:1px solid var(--border);border-radius:16px 0 0 16px;flex-direction:column;align-self:stretch;width:380px;max-width:92vw;height:100%;max-height:100vh;margin:0;display:flex}.gs-scrim:has(.gs-drawer){place-items:stretch end;padding:0}.gs-drawer-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 18px;font-size:16px;font-weight:700;display:flex}.gs-drawer-items{flex:1;padding:12px 16px;overflow-y:auto}.gs-drawer-empty{color:var(--text-dim);text-align:center;padding:40px 0}.gs-cart-item{border-bottom:1px solid var(--border-soft,var(--border));align-items:center;gap:10px;padding:10px 0;display:flex}.gs-cart-thumb{background:var(--bg);border-radius:9px;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.gs-cart-thumb img{max-width:100%;max-height:100%;image-rendering:pixelated;object-fit:contain}.gs-cart-info{flex:1;min-width:0}.gs-cart-info .nm{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.gs-cart-info .pr{color:var(--gs-accent);font-size:12px;font-family:var(--f-mono,monospace)}.gs-cart-qty{align-items:center;gap:6px;display:flex}.gs-cart-qty button{border:1px solid var(--border);background:var(--bg);width:24px;height:24px;color:var(--text);cursor:pointer;border-radius:6px}.gs-cart-trash{cursor:pointer;opacity:.7;background:0 0;border:none;font-size:14px}.gs-drawer-foot{border-top:1px solid var(--border);padding:16px 18px}.gs-drawer-total{justify-content:space-between;margin-bottom:12px;font-size:15px;display:flex}.gs-toast{z-index:300;background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--gs-accent);border-radius:12px;max-width:90vw;padding:12px 18px;font-size:14px;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #0006}.gs-toast.err{border-left-color:var(--rose,#e66)}.il-page{max-width:1100px;padding:var(--pad-lg,24px) var(--pad,16px) 48px;font-family:var(--f-body,system-ui, sans-serif);color:var(--text);background:var(--bg);box-sizing:border-box;min-height:100vh;margin:0 auto}.il-head h1{font-family:var(--f-display,inherit);color:var(--text);margin:8px 0 4px;font-size:28px}.il-back{color:var(--mint);font-size:14px;text-decoration:none}.il-back:hover{text-decoration:underline}.il-sub{color:var(--text-mute);margin:0 0 16px;font-size:14px}.il-controls{background:var(--bg);z-index:2;flex-wrap:wrap;gap:8px;padding:8px 0;display:flex;position:sticky;top:0}.il-search,.il-type{font:inherit;border:1px solid var(--border);border-radius:var(--r,10px);background:var(--surface);color:var(--text);padding:10px 12px;font-size:15px}.il-search{flex:280px;min-width:0}.il-type{flex:0 240px}.il-search:focus,.il-type:focus{outline:2px solid var(--mint-glow);border-color:var(--mint)}.il-count,.il-msg{color:var(--text-mute);margin:8px 0;font-size:14px}.il-table-wrap{border:1px solid var(--border);border-radius:var(--r-lg,16px);background:var(--surface);overflow-x:auto}.il-table{border-collapse:collapse;width:100%;font-size:14px}.il-table th{text-align:left;color:var(--text-mute);border-bottom:1px solid var(--border);white-space:nowrap;padding:10px 12px;font-weight:600}.il-table td{border-bottom:1px solid var(--border-soft);vertical-align:top;padding:8px 12px}.il-table tbody tr:last-child td{border-bottom:0}.il-table tbody tr:hover{background:var(--mint-glow)}.il-num{text-align:right;white-space:nowrap}.il-name{color:var(--text);font-weight:500}.il-alt{color:var(--text-dim);font-size:12px}.il-id{font-family:var(--f-mono,monospace);border:1px solid var(--border);border-radius:var(--r-sm,6px);background:var(--elev);color:var(--mint);cursor:pointer;white-space:nowrap;padding:4px 8px;font-size:13px}.il-id:hover{border-color:var(--mint)}.il-more{font:inherit;border:1px solid var(--mint);border-radius:var(--r,10px);color:var(--mint);cursor:pointer;background:0 0;margin:16px auto 0;padding:10px 20px;font-size:14px;display:block}.il-more:hover{background:var(--mint-glow)}@media (width<=640px){.il-hide-sm{display:none}.il-head h1{font-size:22px}}