@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/bfd813093b8ca1bb-s.p.12n410yjpb..9.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/acc5f86302586f33-s.0kxbxiu5l4e4k.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/f304c3cf3765fb5f-s.p.059ctrjp3m~x9.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/bfd813093b8ca1bb-s.p.12n410yjpb..9.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/acc5f86302586f33-s.0kxbxiu5l4e4k.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/f304c3cf3765fb5f-s.p.059ctrjp3m~x9.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/bfd813093b8ca1bb-s.p.12n410yjpb..9.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/acc5f86302586f33-s.0kxbxiu5l4e4k.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/f304c3cf3765fb5f-s.p.059ctrjp3m~x9.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/bfd813093b8ca1bb-s.p.12n410yjpb..9.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/acc5f86302586f33-s.0kxbxiu5l4e4k.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/f304c3cf3765fb5f-s.p.059ctrjp3m~x9.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans Thai Fallback;src:local(Arial);ascent-override:99.79%;descent-override:42.32%;line-gap-override:0.0%;size-adjust:106.33%}.noto_sans_thai_87323bd5-module__PM2g7a__className{font-family:Noto Sans Thai,Noto Sans Thai Fallback;font-style:normal}.noto_sans_thai_87323bd5-module__PM2g7a__variable{--font-noto-thai:"Noto Sans Thai", "Noto Sans Thai Fallback"}
@font-face{font-family:Kanit;font-style:normal;font-weight:500;font-display:swap;src:url(../media/34da6f6f5d0d57a5-s.p.10-i_d9bb8d~3.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Kanit;font-style:normal;font-weight:500;font-display:swap;src:url(../media/c5ef4f45c466146b-s.0yan68-kg349e.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Kanit;font-style:normal;font-weight:500;font-display:swap;src:url(../media/5e9c5fb40545fcd2-s.161.pmj1e-vkh.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Kanit;font-style:normal;font-weight:500;font-display:swap;src:url(../media/89d4f80f11029d6d-s.p.15k_uqsna_8c8.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Kanit;font-style:normal;font-weight:600;font-display:swap;src:url(../media/876b05e81fb36bf6-s.p.16kkxuedyezia.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Kanit;font-style:normal;font-weight:600;font-display:swap;src:url(../media/5128e7653d6f3744-s.0e7993jzdv0mi.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Kanit;font-style:normal;font-weight:600;font-display:swap;src:url(../media/07bc3d3e69c8b6e8-s.05bb5h3dt_txi.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Kanit;font-style:normal;font-weight:600;font-display:swap;src:url(../media/118b6ed7ac256a99-s.p.0~qiti7z5w~re.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Kanit;font-style:normal;font-weight:700;font-display:swap;src:url(../media/a244653d74e7372f-s.p.15~2tpf2ppfz7.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Kanit;font-style:normal;font-weight:700;font-display:swap;src:url(../media/7ff43f20b4a94066-s.0uzkp.2w67zj3.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Kanit;font-style:normal;font-weight:700;font-display:swap;src:url(../media/d5ac005905e340fc-s.0otlqm~r87ayy.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Kanit;font-style:normal;font-weight:700;font-display:swap;src:url(../media/c750adf2ddf22b70-s.p.0hlyuqjg3dzim.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Kanit Fallback;src:local(Arial);ascent-override:108.49%;descent-override:38.96%;line-gap-override:0.0%;size-adjust:101.39%}.kanit_9ece2c84-module__ytZeWW__className{font-family:Kanit,Kanit Fallback;font-style:normal}.kanit_9ece2c84-module__ytZeWW__variable{--font-kanit:"Kanit", "Kanit Fallback"}
:root{--bg-void:#0b0614;--bg-primary:#150a26;--bg-secondary:#1f1238;--bg-tertiary:#2a1a4a;--bg-hover:#3a2466;--bg-overlay:#0b0614c7;--text-primary:#ece6ff;--text-secondary:#b8a8e0;--text-muted:#7a6a9a;--text-inverse:#0b0614;--violet:#9b5cff;--violet-deep:#6a36c4;--violet-soft:#c5a3ff;--cyan:#00e5ff;--magenta:#ff4dd2;--success:#2dd4a8;--warning:#f5b041;--error:#f57;--info:#00e5ff;--success-bg:#2dd4a81f;--warning-bg:#f5b0411f;--error-bg:#ff55771f;--info-bg:#00e5ff1a;--border:#9b5cff38;--border-strong:#9b5cff73;--border-muted:#ece6ff12;--glow:0 0 20px #9b5cff59;--glow-lg:0 0 40px #9b5cff73;--shadow-md:0 8px 24px #00000080;--shadow-lg:0 18px 48px #0009;--radius-sm:6px;--radius:12px;--radius-lg:18px;--radius-pill:999px;--font-body:var(--font-noto-thai), "Noto Sans Thai", "Kanit", system-ui, sans-serif;--font-display:var(--font-kanit), "Kanit", "Noto Sans Thai", sans-serif;--maxw:1200px}*{box-sizing:border-box}html,body{margin:0;padding:0}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:var(--bg-void);min-height:100vh;color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.6}a{color:inherit;text-decoration:none}h1,h2,h3,h4{margin:0;font-weight:600;line-height:1.25}button,input,select,textarea{font-family:inherit}img{max-width:100%;display:block}.container{max-width:var(--maxw);margin:0 auto;padding:0 22px}.site-header{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-muted);background:#0d071ad1;position:sticky;top:0}.site-header .inner{justify-content:space-between;align-items:center;gap:18px;height:66px;display:flex}.brand{font-family:var(--font-display);letter-spacing:.14em;color:var(--text-primary);align-items:center;gap:11px;font-size:19px;display:flex}.brand .mark{color:#fff;background:linear-gradient(135deg, var(--violet), var(--violet-deep));width:36px;height:36px;box-shadow:var(--glow);border-radius:9px;place-items:center;font-weight:700;display:grid}.nav{align-items:center;gap:4px;display:flex}.nav a.navlink{border-radius:var(--radius-sm);color:var(--text-secondary);padding:8px 15px;font-size:14px;font-weight:500;transition:all .16s}.nav a.navlink:hover{color:var(--text-primary);background:var(--bg-tertiary)}.nav a.navlink.active{color:var(--violet-soft)}.nav-right{align-items:center;gap:10px;display:flex}.points-pill{border-radius:var(--radius-pill);background:var(--bg-tertiary);border:1px solid var(--border);color:var(--violet-soft);align-items:center;gap:7px;padding:6px 13px;font-size:13px;font-weight:600;display:inline-flex}.user-chip{border-radius:var(--radius-pill);border:1px solid var(--border-muted);color:var(--text-primary);align-items:center;gap:9px;padding:5px 7px 5px 12px;font-size:14px;display:flex}.user-chip .avatar{background:var(--bg-tertiary);object-fit:cover;border-radius:50%;width:30px;height:30px}.btn{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-tertiary);color:var(--text-primary);cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:11px 20px;font-size:14px;font-weight:600;transition:all .16s;display:inline-flex}.btn:hover{border-color:var(--border-strong);background:var(--bg-hover)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:linear-gradient(135deg, var(--violet), var(--violet-deep));color:#fff;box-shadow:var(--glow);border:0}.btn-primary:hover{filter:brightness(1.12);box-shadow:var(--glow-lg);background:linear-gradient(135deg, var(--violet), var(--violet-deep))}.btn-discord{color:#fff;background:#5865f2;border:0}.btn-discord:hover{filter:brightness(1.1);background:#5865f2}.btn-ghost{border-color:var(--border-muted);background:0 0}.btn-block{width:100%}.btn-lg{padding:14px 26px;font-size:15px}.btn-sm{padding:7px 13px;font-size:13px}.hero{border-radius:var(--radius-lg);background:radial-gradient(620px 320px at 18% 0%, #9b5cff61, transparent 70%), radial-gradient(560px 320px at 92% 110%, #00e5ff38, transparent 70%), radial-gradient(420px 260px at 70% 0%, #ff4dd229, transparent 70%), linear-gradient(160deg, var(--bg-secondary), var(--bg-primary));border:1px solid var(--border);justify-content:space-between;align-items:center;gap:36px;margin:26px 0 36px;padding:52px 48px;display:flex;position:relative;overflow:hidden}.hero:after{content:"";pointer-events:none;background-image:linear-gradient(#9b5cff0f 1px,#0000 1px),linear-gradient(90deg,#9b5cff0f 1px,#0000 1px);background-size:46px 46px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 50% 40%,#000 30%,#0000 75%);mask-image:radial-gradient(circle at 50% 40%,#000 30%,#0000 75%)}.hero-inner{z-index:1;max-width:600px;position:relative}.hero-card{z-index:1;background:var(--bg-overlay);border:1px solid var(--border);border-radius:var(--radius);width:312px;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);flex-shrink:0;padding:18px;position:relative}.hero-card .hc-head{align-items:center;gap:11px;display:flex}.hero-card .hc-avatar{object-fit:cover;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:50%;flex-shrink:0;width:44px;height:44px}.hero-card .hc-id{min-width:0}.hero-card .hc-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;overflow:hidden}.hero-card .hc-online{align-items:center;gap:6px;margin-top:2px;font-size:12px;display:flex}.hero-card .hc-online.on{color:var(--success)}.hero-card .hc-online.off{color:var(--text-muted)}.hero-card .hc-section{flex-direction:column;gap:8px;display:flex}.hero-card .hc-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.hero-card .hc-label{color:var(--text-muted);font-size:12px}.hero-card .hc-value{color:var(--text-secondary);font-size:13px}.hero-card .hc-char-name{font-family:var(--font-display);color:var(--text-primary);font-size:17px}.hero-card .hc-owl{font-family:var(--font-display);letter-spacing:.08em;color:var(--violet-soft);font-size:16px}.hero-card .hc-select{background:var(--bg-void);border:1px solid var(--border);color:var(--text-primary);border-radius:var(--radius-sm);max-width:160px;padding:5px 8px;font-family:inherit;font-size:13px}.hero-card .hc-tier-row{justify-content:space-between;align-items:center;display:flex}.tier-badge{border-radius:var(--radius-pill);border:1px solid;padding:4px 12px;font-size:12px;font-weight:700}.tier-badge.tier-bronze{color:#d8a36a;background:#d8a36a24;border-color:#d8a36a66}.tier-badge.tier-silver{color:#cfd6e6;background:#cfd6e624;border-color:#cfd6e666}.tier-badge.tier-gold{color:#f5cf5e;background:#f5cf5e24;border-color:#f5cf5e66}.tier-badge.tier-platinum{color:var(--cyan);background:#00e5ff1f;border-color:#00e5ff66}.hero .eyebrow{border-radius:var(--radius-pill);border:1px solid var(--border);color:var(--violet-soft);letter-spacing:.08em;background:#9b5cff24;align-items:center;gap:8px;margin-bottom:18px;padding:5px 13px;font-size:12px;font-weight:600;display:inline-flex}.hero h1{font-family:var(--font-display);letter-spacing:.02em;background:linear-gradient(120deg, #fff 20%, var(--violet-soft) 70%, var(--cyan));color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:14px;font-size:46px}.hero p{color:var(--text-secondary);margin:0 0 26px;font-size:16px}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.hero-stats{flex-wrap:wrap;gap:28px;margin-top:30px;display:flex}.hero-stat .n{font-family:var(--font-display);color:var(--violet-soft);font-size:24px}.hero-stat .l{color:var(--text-muted);font-size:12px}.section-head{justify-content:space-between;align-items:baseline;margin:36px 0 18px;display:flex}.section-head h2{font-family:var(--font-display);letter-spacing:.04em;font-size:22px}.section-head .hint{color:var(--text-muted);font-size:13px}.grid{gap:18px;display:grid}.grid-products{grid-template-columns:repeat(auto-fill,minmax(248px,1fr))}.grid-2{grid-template-columns:1.5fr 1fr;align-items:start;gap:22px}@media (max-width:860px){.grid-2{grid-template-columns:1fr}.hero{flex-direction:column;align-items:stretch;padding:40px 26px}.hero h1{font-size:34px}.hero-card{width:100%}}.product-card{background:var(--bg-secondary);border:1px solid var(--border-muted);border-radius:var(--radius);flex-direction:column;transition:all .18s;display:flex;overflow:hidden}.product-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-3px)}.thumb{background:radial-gradient(circle at 50% 40%, #9b5cff38, transparent 70%), linear-gradient(150deg, var(--bg-tertiary), var(--bg-primary));place-items:center;display:grid;overflow:hidden}.product-card .thumb{aspect-ratio:16/10}.thumb img{object-fit:cover;width:100%;height:100%}.thumb-empty{color:var(--text-muted);flex-direction:column;align-items:center;gap:8px;display:flex}.thumb-empty span{letter-spacing:.02em;font-size:12px}.thumb-empty svg{opacity:.65}.product-card .body{flex-direction:column;flex:1;gap:8px;padding:15px 16px 16px;display:flex}.product-card h3{font-size:15px}.product-card .desc{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;font-size:13px;display:-webkit-box;overflow:hidden}.product-card .foot{justify-content:space-between;align-items:center;margin-top:4px;display:flex}.price{font-family:var(--font-display);color:var(--violet-soft);font-size:19px}.price small{font-family:var(--font-body);color:var(--text-muted);font-size:12px}.panel{background:var(--bg-secondary);border:1px solid var(--border-muted);border-radius:var(--radius);padding:22px}.panel-title{color:var(--text-primary);letter-spacing:.03em;margin-bottom:14px;font-size:14px;font-weight:600}.tag{border-radius:var(--radius-pill);border:1px solid var(--border);color:var(--violet-soft);letter-spacing:.04em;background:#9b5cff1f;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.badge{border-radius:var(--radius-pill);padding:3px 11px;font-size:12px;font-weight:600;display:inline-block}.badge.ok{background:var(--success-bg);color:var(--success)}.badge.warn{background:var(--warning-bg);color:var(--warning)}.badge.bad{background:var(--error-bg);color:var(--error)}.badge.info{background:var(--info-bg);color:var(--info)}.badge.muted{color:var(--text-muted);background:#7a6a9a29}.field{margin-bottom:15px}.field label{color:var(--text-secondary);margin-bottom:6px;font-size:13px;font-weight:500;display:block}.input,.select{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-void);width:100%;color:var(--text-primary);padding:11px 13px;font-size:14px}.input:focus,.select:focus{border-color:var(--violet);outline:none;box-shadow:0 0 0 3px #9b5cff29}.choice-row{flex-wrap:wrap;gap:9px;display:flex}.choice{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-void);min-width:110px;color:var(--text-secondary);cursor:pointer;text-align:center;flex:1;padding:11px 12px;font-size:13px;font-weight:600;transition:all .15s}.choice:hover{border-color:var(--border-strong);color:var(--text-primary)}.choice.selected{border-color:var(--violet);color:var(--violet-soft);box-shadow:0 0 0 1px var(--violet) inset;background:#9b5cff29}.choice:disabled{opacity:.4;cursor:not-allowed}.alert{border-radius:var(--radius-sm);border:1px solid #0000;margin-bottom:14px;padding:11px 14px;font-size:13px}.alert.error{background:var(--error-bg);color:#ffb3c2;border-color:#f576}.alert.success{background:var(--success-bg);color:#9af0d8;border-color:#2dd4a866}.alert.info{background:var(--info-bg);color:#a6f0fb;border-color:#00e5ff52}.stat-row{flex-wrap:wrap;gap:16px;display:flex}.stat{background:var(--bg-secondary);border:1px solid var(--border-muted);border-radius:var(--radius);flex:1;min-width:170px;padding:18px 20px}.stat .label{color:var(--text-muted);font-size:12px}.stat .value{font-family:var(--font-display);color:var(--text-primary);margin-top:6px;font-size:26px}table.list{border-collapse:collapse;width:100%;font-size:13px}table.list th,table.list td{text-align:left;border-bottom:1px solid var(--border-muted);padding:10px 12px}table.list th{color:var(--text-muted);font-weight:600}.muted{color:var(--text-muted)}.text-2{color:var(--text-secondary)}.row{gap:12px;display:flex}.row>*{flex:1}.page{padding-bottom:70px}.code-box{background:var(--bg-void);border:1px dashed var(--violet);color:var(--violet-soft);border-radius:var(--radius-sm);letter-spacing:.12em;padding:11px 16px;font-family:ui-monospace,monospace;font-size:16px;display:inline-block}.spinner{border:2px solid var(--border);border-top-color:var(--violet);border-radius:50%;width:22px;height:22px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.center-screen{place-items:center;min-height:56vh;display:grid}.gate{text-align:center;padding:30px 24px}.gate .gate-icon{border:1px solid var(--border);background:#9b5cff24;border-radius:14px;place-items:center;width:54px;height:54px;margin:0 auto 14px;font-size:24px;display:grid}.divider{background:var(--border-muted);height:1px;margin:16px 0}.status-strip{grid-template-columns:repeat(2,1fr);gap:14px;margin:-16px 0 8px;display:grid}@media (max-width:760px){.status-strip{grid-template-columns:1fr}}.status-card{background:radial-gradient(420px 160px at 100% 0%, #9b5cff1a, transparent 70%), var(--bg-secondary);border:1px solid var(--border-muted);border-radius:var(--radius);flex-direction:column;gap:14px;padding:18px 20px;display:flex}.status-card .sc-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.status-card .sc-title{font-family:var(--font-display);color:var(--text-primary);letter-spacing:.02em;font-size:16px;font-weight:600}.status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.status-dot.on{background:var(--success);box-shadow:0 0 8px var(--success)}.status-dot.off{background:var(--error);box-shadow:0 0 8px var(--error)}.status-dot.maint{background:var(--warning);box-shadow:0 0 8px var(--warning)}.state-pill{border-radius:var(--radius-pill);border:1px solid #0000;align-items:center;gap:7px;padding:5px 12px;font-size:12.5px;font-weight:600;display:inline-flex}.state-pill.on{background:var(--success-bg);color:var(--success);border-color:#2dd4a859}.state-pill.off{background:var(--error-bg);color:var(--error);border-color:#ff557759}.state-pill.maint{background:var(--warning-bg);color:var(--warning);border-color:#f5b04159}.status-card .sc-players{font-family:var(--font-display);color:var(--text-primary);font-size:34px;line-height:1}.status-card .sc-players small{font-family:var(--font-body);color:var(--text-muted);font-size:13px}.capacity-bar{border-radius:var(--radius-pill);background:var(--bg-void);border:1px solid var(--border-muted);height:7px;overflow:hidden}.capacity-fill{border-radius:var(--radius-pill);background:linear-gradient(90deg, var(--violet), var(--cyan));height:100%;transition:width .4s}.sys-list{flex-direction:column;display:flex}.sys-row{border-bottom:1px solid var(--border-muted);align-items:center;gap:9px;padding:9px 0;font-size:13.5px;display:flex}.sys-row:last-child{border-bottom:0;padding-bottom:0}.sys-row:first-child{padding-top:0}.sys-row .sys-name{color:var(--text-secondary);flex:1}.sys-pill{border-radius:var(--radius-pill);padding:3px 10px;font-size:11.5px;font-weight:600}.sys-pill.on{background:var(--success-bg);color:var(--success)}.sys-pill.off{background:var(--error-bg);color:var(--error)}.sys-pill.idle{color:var(--text-muted);background:#7a6a9a29}.status-card .sc-updated{border-top:1px dashed var(--border-muted);color:var(--text-muted);letter-spacing:.01em;margin-top:auto;padding-top:10px;font-size:12px}.status-card .sc-updated-clock{color:var(--text-secondary)}.site-footer{border-top:1px solid var(--border-muted);background:var(--bg-primary);margin-top:40px}.site-footer .inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;padding-top:22px;padding-bottom:22px;display:flex}.foot-left{flex-direction:column;gap:3px;font-size:13px;display:flex}.foot-brand{font-family:var(--font-display);letter-spacing:.14em;color:var(--text-primary)}.foot-legal{flex-wrap:wrap;align-items:center;gap:4px;font-size:12.5px;display:flex}.foot-link{color:var(--text-secondary);text-decoration:none;transition:color .12s}.foot-link:hover{color:var(--text-primary);text-decoration:underline}.foot-sep{color:var(--text-muted);margin:0 6px}.legal-page{background:var(--bg-secondary);border:1px solid var(--border-muted);max-width:720px;color:var(--text-secondary);border-radius:14px;margin:24px auto 60px;padding:28px 32px;line-height:1.7}.legal-page h1{font-family:var(--font-display);color:var(--text-primary);margin-bottom:4px;font-size:28px}.legal-page h2{font-family:var(--font-display);color:var(--text-primary);margin-top:28px;margin-bottom:8px;font-size:18px}.legal-page p,.legal-page ul{margin:0 0 12px;font-size:14.5px}.legal-page ul{padding-left:22px}.legal-page li{margin-bottom:6px}.legal-page strong{color:var(--text-primary)}@media (max-width:600px){.legal-page{margin:16px auto 40px;padding:20px}.legal-page h1{font-size:24px}}@media (max-width:560px){.site-footer .inner{flex-direction:column;align-items:flex-start}}.page-head-block{margin:14px 0 24px}.page-head-block h1{font-family:var(--font-display);margin:12px 0 8px;font-size:32px}.page-head-block p{max-width:620px}.tier-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;display:grid}.tier-card{background:var(--bg-secondary);border:1px solid var(--border-muted);border-radius:var(--radius);border-top:3px solid var(--tier-accent,var(--violet));padding:20px;position:relative}.tier-card.current{border-color:var(--tier-accent,var(--violet));box-shadow:0 0 0 1px var(--tier-accent,var(--violet)) inset}.tier-card-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.tier-current-tag{color:var(--violet-soft);font-size:11px;font-weight:600}.tier-name-en{font-family:var(--font-display);color:var(--text-muted);letter-spacing:.12em;margin-top:10px;font-size:13px}.tier-threshold{color:var(--text-secondary);margin-top:2px;font-size:13px}.tier-tagline{color:var(--text-2);margin:12px 0;font-size:13px}.tier-perks{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.tier-perks li{color:var(--text-secondary);padding-left:22px;font-size:13px;position:relative}.tier-perks li:before{content:"✦";color:var(--tier-accent,var(--violet));font-size:12px;position:absolute;top:0;left:0}
