@font-face{font-family:Anuphan;font-style:normal;font-weight:400;font-display:swap;src:url(../media/48a9130fde140ce9-s.p.0r7nlz0.~eyej.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Anuphan;font-style:normal;font-weight:400;font-display:swap;src:url(../media/ffc44b9280bd8c49-s.0zw150prkmq4l.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:Anuphan;font-style:normal;font-weight:400;font-display:swap;src:url(../media/d6822c5fe006cdd5-s.0e_bz4eko5_36.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:Anuphan;font-style:normal;font-weight:400;font-display:swap;src:url(../media/41668b7e976a3c46-s.p.0x6jhi6en~v7x.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:Anuphan;font-style:normal;font-weight:500;font-display:swap;src:url(../media/48a9130fde140ce9-s.p.0r7nlz0.~eyej.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Anuphan;font-style:normal;font-weight:500;font-display:swap;src:url(../media/ffc44b9280bd8c49-s.0zw150prkmq4l.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:Anuphan;font-style:normal;font-weight:500;font-display:swap;src:url(../media/d6822c5fe006cdd5-s.0e_bz4eko5_36.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:Anuphan;font-style:normal;font-weight:500;font-display:swap;src:url(../media/41668b7e976a3c46-s.p.0x6jhi6en~v7x.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:Anuphan;font-style:normal;font-weight:600;font-display:swap;src:url(../media/48a9130fde140ce9-s.p.0r7nlz0.~eyej.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Anuphan;font-style:normal;font-weight:600;font-display:swap;src:url(../media/ffc44b9280bd8c49-s.0zw150prkmq4l.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:Anuphan;font-style:normal;font-weight:600;font-display:swap;src:url(../media/d6822c5fe006cdd5-s.0e_bz4eko5_36.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:Anuphan;font-style:normal;font-weight:600;font-display:swap;src:url(../media/41668b7e976a3c46-s.p.0x6jhi6en~v7x.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:Anuphan;font-style:normal;font-weight:700;font-display:swap;src:url(../media/48a9130fde140ce9-s.p.0r7nlz0.~eyej.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Anuphan;font-style:normal;font-weight:700;font-display:swap;src:url(../media/ffc44b9280bd8c49-s.0zw150prkmq4l.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:Anuphan;font-style:normal;font-weight:700;font-display:swap;src:url(../media/d6822c5fe006cdd5-s.0e_bz4eko5_36.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:Anuphan;font-style:normal;font-weight:700;font-display:swap;src:url(../media/41668b7e976a3c46-s.p.0x6jhi6en~v7x.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:Anuphan Fallback;src:local(Arial);ascent-override:101.32%;descent-override:27.18%;line-gap-override:0.0%;size-adjust:101.17%}.anuphan_7faa6c54-module__f4PSuW__className{font-family:Anuphan,Anuphan Fallback;font-style:normal}.anuphan_7faa6c54-module__f4PSuW__variable{--font-anuphan:"Anuphan", "Anuphan Fallback"}
@font-face{font-family:Pridi;font-style:normal;font-weight:400;font-display:swap;src:url(../media/0cde219e8a353129-s.p.0y3go0y5llyf..woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Pridi;font-style:normal;font-weight:400;font-display:swap;src:url(../media/2b2f3c4da81482e5-s.0df4su45anh8q.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:Pridi;font-style:normal;font-weight:400;font-display:swap;src:url(../media/2ff8dac6e223e54e-s.15s0o4ca514uj.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:Pridi;font-style:normal;font-weight:400;font-display:swap;src:url(../media/9b2abb95c130a886-s.p.136hfnted_.l7.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:Pridi;font-style:normal;font-weight:600;font-display:swap;src:url(../media/64c0de2069f1e4b3-s.p.0d-~84qgxpy-1.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Pridi;font-style:normal;font-weight:600;font-display:swap;src:url(../media/29ee150469f9f399-s.12zk_kuor.apd.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:Pridi;font-style:normal;font-weight:600;font-display:swap;src:url(../media/7242c33d2c8d7711-s.0_zt.y76jnn5w.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:Pridi;font-style:normal;font-weight:600;font-display:swap;src:url(../media/01daec4b1cac24af-s.p.0m0~s51ngobdy.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:Pridi;font-style:normal;font-weight:700;font-display:swap;src:url(../media/fed7676a7800ea03-s.p.0qhso54hm_i17.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Pridi;font-style:normal;font-weight:700;font-display:swap;src:url(../media/0e9549da63d36b96-s.0e414~jkkf3a2.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:Pridi;font-style:normal;font-weight:700;font-display:swap;src:url(../media/6278e1fac70dced1-s.0jn2f5x997kwa.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:Pridi;font-style:normal;font-weight:700;font-display:swap;src:url(../media/ffdf1f53507e98bd-s.p.0wl8-~f3h8xpw.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:Pridi Fallback;src:local(Times New Roman);ascent-override:93.1%;descent-override:38.09%;line-gap-override:0.0%;size-adjust:118.15%}.pridi_27d9e954-module__NGlbRq__className{font-family:Pridi,Pridi Fallback;font-style:normal}.pridi_27d9e954-module__NGlbRq__variable{--font-pridi:"Pridi", "Pridi Fallback"}
:root{--bg:#f4f2f8;--surface:#fff;--surface-2:#ece8f3;--surface-hover:#e3ddee;--overlay:#f4f2f8db;--text-primary:#261a3a;--text-secondary:#574a75;--text-muted:#75698e;--text-inverse:#fff;--brand:#6b3fbf;--brand-hover:#5b34a6;--brand-text:#5e2fae;--accent:#96660c;--accent-tint:#b27c1821;--success:#1f8a63;--warning:#9a6d10;--error:#bf3355;--info:#5d43a8;--success-bg:#1f8a631c;--warning-bg:#9a6d101c;--error-bg:#bf33551a;--info-bg:#5d43a817;--tier-bronze:#8c5a2b;--tier-silver:#5f6b80;--tier-gold:#8a6a12;--tier-platinum:#23788f;--border:#3a21692b;--border-strong:#3a216952;--border-muted:#3a21691a;--shadow-sm:0 1px 2px #261a3a14;--shadow-md:0 6px 18px #261a3a1a;--shadow-lg:0 16px 40px #261a3a24;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#131019;--surface:#1c1826;--surface-2:#262031;--surface-hover:#2f283c;--overlay:#131019d6;--text-primary:#ece8f4;--text-secondary:#b1a7c6;--text-muted:#7f7496;--text-inverse:#131019;--brand:#7c52d9;--brand-hover:#8d66e3;--brand-text:#c0a7f0;--accent:#dfa757;--accent-tint:#dfa75721;--success:#4cc39a;--warning:#e0b25c;--error:#ff7d97;--info:#b3a0e8;--success-bg:#4cc39a1f;--warning-bg:#e0b25c1f;--error-bg:#ff7d971c;--info-bg:#b3a0e81a;--tier-bronze:#d8a36a;--tier-silver:#c3cddd;--tier-gold:#e5c35c;--tier-platinum:#6cc3dc;--border:#ece8f41f;--border-strong:#c0a7f066;--border-muted:#ece8f412;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 6px 20px #00000059;--shadow-lg:0 18px 44px #00000073;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=light]{--bg:#f4f2f8;--surface:#fff;--surface-2:#ece8f3;--surface-hover:#e3ddee;--overlay:#f4f2f8db;--text-primary:#261a3a;--text-secondary:#574a75;--text-muted:#75698e;--text-inverse:#fff;--brand:#6b3fbf;--brand-hover:#5b34a6;--brand-text:#5e2fae;--accent:#96660c;--accent-tint:#b27c1821;--success:#1f8a63;--warning:#9a6d10;--error:#bf3355;--info:#5d43a8;--success-bg:#1f8a631c;--warning-bg:#9a6d101c;--error-bg:#bf33551a;--info-bg:#5d43a817;--tier-bronze:#8c5a2b;--tier-silver:#5f6b80;--tier-gold:#8a6a12;--tier-platinum:#23788f;--border:#3a21692b;--border-strong:#3a216952;--border-muted:#3a21691a;--shadow-sm:0 1px 2px #261a3a14;--shadow-md:0 6px 18px #261a3a1a;--shadow-lg:0 16px 40px #261a3a24;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#131019;--surface:#1c1826;--surface-2:#262031;--surface-hover:#2f283c;--overlay:#131019d6;--text-primary:#ece8f4;--text-secondary:#b1a7c6;--text-muted:#7f7496;--text-inverse:#131019;--brand:#7c52d9;--brand-hover:#8d66e3;--brand-text:#c0a7f0;--accent:#dfa757;--accent-tint:#dfa75721;--success:#4cc39a;--warning:#e0b25c;--error:#ff7d97;--info:#b3a0e8;--success-bg:#4cc39a1f;--warning-bg:#e0b25c1f;--error-bg:#ff7d971c;--info-bg:#b3a0e81a;--tier-bronze:#d8a36a;--tier-silver:#c3cddd;--tier-gold:#e5c35c;--tier-platinum:#6cc3dc;--border:#ece8f41f;--border-strong:#c0a7f066;--border-muted:#ece8f412;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 6px 20px #00000059;--shadow-lg:0 18px 44px #00000073;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root{--brand-tint:color-mix(in srgb, var(--brand) 11%, transparent);--brand-tint-strong:color-mix(in srgb, var(--brand) 18%, transparent);--radius-sm:8px;--radius:12px;--radius-lg:16px;--radius-pill:999px;--font-body:var(--font-anuphan), "Anuphan", "Noto Sans Thai", system-ui, sans-serif;--font-display:var(--font-pridi), "Pridi", "Noto Sans Thai", serif;--font-mono:ui-monospace, "JetBrains Mono", SFMono-Regular, Menlo, monospace;--maxw:1200px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);min-height:100vh;color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-size:15.5px;line-height:1.7}a{color:inherit;text-decoration:none}h1,h2,h3,h4{text-wrap:balance;margin:0;font-weight:600;line-height:1.4}button,input,select,textarea{font-family:inherit}img{max-width:100%;display:block}::selection{background:color-mix(in srgb, var(--brand) 28%, transparent)}:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.container{max-width:var(--maxw);margin:0 auto;padding:0 22px}.site-header{z-index:50;background:var(--overlay);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-muted);position:sticky;top:0}.site-header .inner{justify-content:space-between;align-items:center;gap:18px;height:64px;display:flex}.brand{font-family:var(--font-display);letter-spacing:.1em;color:var(--text-primary);white-space:nowrap;align-items:center;gap:10px;font-size:18px;font-weight:600;display:flex}.brand .mark{color:#fff;background:var(--brand);--owl-eye:#eec27f;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.nav{scrollbar-width:none;align-items:center;gap:2px;display:flex;overflow-x:auto}.nav::-webkit-scrollbar{display:none}.nav a.navlink{border-radius:var(--radius-sm);color:var(--text-secondary);white-space:nowrap;padding:7px 14px;font-size:14px;font-weight:500;transition:color .15s,background-color .15s}.nav a.navlink:hover{color:var(--text-primary);background:var(--surface-hover)}.nav a.navlink.active{color:var(--brand-text);font-weight:600}.nav-right{align-items:center;gap:10px;display:flex}.points-pill{border-radius:var(--radius-pill);background:var(--accent-tint);border:1px solid color-mix(in srgb, var(--accent) 30%, transparent);font-variant-numeric:tabular-nums;color:var(--accent);white-space:nowrap;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;transition:border-color .15s,background-color .15s;display:flex}.user-chip:hover{border-color:var(--border);background:var(--surface)}.user-chip .avatar{background:var(--surface-2);object-fit:cover;border-radius:50%;width:30px;height:30px}.theme-toggle{border-radius:var(--radius-pill);border:1px solid var(--border-muted);width:34px;height:34px;color:var(--text-secondary);cursor:pointer;background:0 0;flex-shrink:0;place-items:center;transition:color .15s,border-color .15s,background-color .15s;display:grid}.theme-toggle:hover{color:var(--text-primary);border-color:var(--border);background:var(--surface-hover)}.menu-toggle{border:1px solid var(--border-muted);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer;flex-shrink:0;place-items:center;width:42px;height:42px;display:none}.menu-icon,.menu-icon:before,.menu-icon:after{background:var(--text-primary);border-radius:2px;width:18px;height:2px;transition:transform .2s,opacity .2s;display:block}.menu-icon{position:relative}.menu-icon:before,.menu-icon:after{content:"";position:absolute;left:0}.menu-icon:before{top:-6px}.menu-icon:after{top:6px}.menu-icon.open{background:0 0}.menu-icon.open:before{top:0;transform:rotate(45deg)}.menu-icon.open:after{top:0;transform:rotate(-45deg)}.mobile-menu{display:none}@media (max-width:760px){.nav,.nav-right{display:none}.menu-toggle{display:grid}.mobile-menu{border-top:1px solid #0000;max-height:0;transition:max-height .28s,border-color .28s;display:block;overflow:hidden}.mobile-menu.open{border-top-color:var(--border-muted);max-height:420px}.mobile-nav{flex-direction:column;padding:10px 22px 4px;display:flex}.mobile-navlink{color:var(--text-secondary);border-bottom:1px solid var(--border-muted);padding:12px 4px;font-size:15px;font-weight:500}.mobile-navlink.active{color:var(--brand-text);font-weight:600}.mobile-auth{flex-direction:column;align-items:stretch;gap:12px;padding:16px 22px 20px;display:flex}.mobile-auth .points-pill,.mobile-auth .user-chip{align-self:flex-start}}.btn{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text-primary);cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.btn:hover{border-color:var(--border-strong);background:var(--surface-hover)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:var(--brand);color:#fff;box-shadow:var(--shadow-sm);border-color:#0000}.btn-primary:hover{background:var(--brand-hover);border-color:#0000}.btn-discord{color:#fff;background:#5865f2;border-color:#0000}.btn-discord:hover{background:#4753d8;border-color:#0000}.btn-ghost{border-color:var(--border-muted);background:0 0}.btn-block{width:100%}.btn-lg{padding:13px 26px;font-size:15px}.btn-sm{padding:7px 13px;font-size:13px}.hero{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--surface:#221b30;--surface-2:#2b2340;--surface-hover:#352b4b;--overlay:#171221cc;--text-primary:#f0ecf8;--text-secondary:#b9aed1;--text-muted:#8a7fa6;--text-inverse:#171221;--brand:#7c52d9;--brand-hover:#8d66e3;--brand-text:#c4adf1;--accent:#dfa757;--accent-tint:#dfa75721;--success:#4cc39a;--success-bg:#4cc39a21;--error:#ff7d97;--error-bg:#ff7d971f;--border:#f0ecf824;--border-strong:#c4adf16b;--border-muted:#f0ecf814;--tier-bronze:#d8a36a;--tier-silver:#c3cddd;--tier-gold:#e5c35c;--tier-platinum:#6cc3dc;border-radius:var(--radius-lg);color:var(--text-primary);background:radial-gradient(560px 320px at 84% 28%,#7c52d92e,#0000 70%),linear-gradient(175deg,#1e1729,#161020);border:1px solid #f0ecf81a;justify-content:space-between;align-items:center;gap:36px;margin:26px 0 34px;padding:46px 48px;display:flex;position:relative;overflow:hidden}.hero-inner{z-index:1;max-width:600px;position:relative}.hero .eyebrow,.eyebrow{color:var(--accent);letter-spacing:.07em;margin-bottom:14px;font-size:12.5px;font-weight:600;display:inline-block}.hero h1{font-family:var(--font-display);color:var(--text-primary);margin-bottom:12px;font-size:clamp(30px,4.6vw,42px);font-weight:600;line-height:1.4}.hero p{color:var(--text-secondary);max-width:34em;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);font-variant-numeric:tabular-nums;color:var(--accent);font-size:24px}.hero-stat .l{color:var(--text-muted);font-size:12px}.hero-owl{z-index:1;color:#b9aed1;--owl-eye:var(--accent);background:radial-gradient(circle at 50% 42%,#dfa7571a,#0000 68%);border:1px solid #f0ecf821;border-radius:50%;flex-shrink:0;place-items:center;width:208px;height:208px;display:grid;position:relative}.hero-card{z-index:1;background:var(--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(--surface-2);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);font-variant-numeric:tabular-nums;letter-spacing:.06em;color:var(--accent);font-size:16px}.hero-card .hc-select{background:var(--surface-2);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:var(--tier-bronze);background:color-mix(in srgb, var(--tier-bronze) 13%, transparent);border-color:color-mix(in srgb, var(--tier-bronze) 38%, transparent)}.tier-badge.tier-silver{color:var(--tier-silver);background:color-mix(in srgb, var(--tier-silver) 13%, transparent);border-color:color-mix(in srgb, var(--tier-silver) 38%, transparent)}.tier-badge.tier-gold{color:var(--tier-gold);background:color-mix(in srgb, var(--tier-gold) 13%, transparent);border-color:color-mix(in srgb, var(--tier-gold) 38%, transparent)}.tier-badge.tier-platinum{color:var(--tier-platinum);background:color-mix(in srgb, var(--tier-platinum) 13%, transparent);border-color:color-mix(in srgb, var(--tier-platinum) 38%, transparent)}.section-head{justify-content:space-between;align-items:baseline;margin:36px 0 16px;display:flex}.section-head h2{font-family:var(--font-display);font-size:21px;font-weight:600}.section-head .hint{color:var(--text-muted);font-variant-numeric:tabular-nums;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:38px 26px}.hero h1{font-size:30px}.hero-card{width:100%}.hero-owl{display:none}}.product-card{background:var(--surface);border:1px solid var(--border-muted);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-direction:column;transition:border-color .18s,box-shadow .18s,transform .18s;display:flex;overflow:hidden}.product-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}.thumb{background:var(--surface-2);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);font-variant-numeric:tabular-nums;color:var(--accent);font-size:19px}.price small{font-family:var(--font-body);color:var(--text-muted);font-size:12px}.price-block{border-radius:var(--radius);border:1px solid color-mix(in srgb, var(--accent) 32%, transparent);background:var(--accent-tint);justify-content:space-between;align-items:center;gap:12px;margin-top:18px;padding:14px 18px;display:flex}.price-block .pb-label{min-width:0;color:var(--text-primary);flex-direction:column;gap:2px;font-size:14px;font-weight:600;display:flex}.price-block .pb-breakdown{font-variant-numeric:tabular-nums;color:var(--text-muted);font-size:12px;font-weight:400}.price-block .pb-total{align-items:baseline;gap:6px;display:flex}.price-block .pb-num{font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--accent);font-size:28px;font-weight:600;line-height:1.2}.price-block .pb-unit{color:var(--text-secondary);font-size:13px;font-weight:500}.panel{background:var(--surface);border:1px solid var(--border-muted);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:22px}.panel-title{color:var(--text-primary);letter-spacing:.02em;margin-bottom:14px;font-size:14px;font-weight:600}.tag{border-radius:var(--radius-pill);background:var(--brand-tint);border:1px solid color-mix(in srgb, var(--brand) 26%, transparent);color:var(--brand-text);letter-spacing:.03em;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{background:color-mix(in srgb, var(--text-muted) 14%, transparent);color:var(--text-muted)}.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(--surface);width:100%;color:var(--text-primary);padding:10px 13px;font-size:14px}.input:focus,.select:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-tint-strong);outline:none}.choice-row{flex-wrap:wrap;gap:9px;display:flex}.choice{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);min-width:110px;color:var(--text-secondary);cursor:pointer;text-align:center;flex:1;padding:11px 12px;font-size:13px;font-weight:600;transition:border-color .15s,color .15s,background-color .15s}.choice:hover{border-color:var(--border-strong);color:var(--text-primary)}.choice.selected{border-color:var(--brand);background:var(--brand-tint);color:var(--brand-text);box-shadow:0 0 0 1px var(--brand) inset}.choice:disabled{opacity:.4;cursor:not-allowed}.recipient-ok{background:var(--success-bg);border:1px solid color-mix(in srgb, var(--success) 35%, transparent);border-radius:var(--radius-sm);margin-top:8px;padding:10px 12px}.recipient-ok .ro-head{color:var(--success);font-size:11.5px;font-weight:600}.recipient-ok .ro-name{color:var(--text-primary);margin-top:2px;font-size:16px;font-weight:600}.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);border-color:color-mix(in srgb, var(--error) 35%, transparent);color:var(--error)}.alert.success{background:var(--success-bg);border-color:color-mix(in srgb, var(--success) 35%, transparent);color:var(--success)}.alert.info{background:var(--info-bg);border-color:color-mix(in srgb, var(--info) 30%, transparent);color:var(--info)}.stat-row{flex-wrap:wrap;gap:16px;display:flex}.stat{background:var(--surface);border:1px solid var(--border-muted);border-radius:var(--radius);min-width:170px;box-shadow:var(--shadow-sm);flex:1;padding:18px 20px}.stat .label{color:var(--text-muted);font-size:12px}.stat .value{font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--text-primary);margin-top:6px;font-size:26px}table.list{border-collapse:collapse;font-variant-numeric:tabular-nums;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);letter-spacing:.03em;font-size:12px;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{font-family:var(--font-mono);background:var(--accent-tint);border:1px dashed color-mix(in srgb, var(--accent) 55%, transparent);color:var(--accent);border-radius:var(--radius-sm);letter-spacing:.12em;padding:11px 16px;font-size:16px;display:inline-block}.qr-img{border-radius:var(--radius);border:1px solid var(--border);background:#fff;padding:12px}.spinner{border:2px solid var(--border);border-top-color:var(--brand);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{width:54px;height:54px;color:var(--brand-text);background:var(--brand-tint);border:1px solid color-mix(in srgb, var(--brand) 26%, transparent);border-radius:14px;place-items:center;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:var(--surface);border:1px solid var(--border-muted);border-radius:var(--radius);box-shadow:var(--shadow-sm);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);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 5px color-mix(in srgb, var(--success) 65%, transparent)}.status-dot.off{background:var(--error);box-shadow:0 0 5px color-mix(in srgb, var(--error) 65%, transparent)}.status-dot.maint{background:var(--warning);box-shadow:0 0 5px color-mix(in srgb, var(--warning) 65%, transparent)}.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:color-mix(in srgb, var(--success) 32%, transparent)}.state-pill.off{background:var(--error-bg);color:var(--error);border-color:color-mix(in srgb, var(--error) 32%, transparent)}.state-pill.maint{background:var(--warning-bg);color:var(--warning);border-color:color-mix(in srgb, var(--warning) 32%, transparent)}.status-card .sc-players{font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--text-primary);font-size:34px;line-height:1.2}.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(--surface-2);border:1px solid var(--border-muted);height:7px;overflow:hidden}.capacity-fill{border-radius:var(--radius-pill);background:var(--brand);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{background:color-mix(in srgb, var(--text-muted) 14%, transparent);color:var(--text-muted)}.status-card .sc-updated{border-top:1px dashed var(--border-muted);color:var(--text-muted);margin-top:auto;padding-top:10px;font-size:12px}.status-card .sc-updated-clock{color:var(--text-secondary);font-variant-numeric:tabular-nums}.site-footer{border-top:1px solid var(--border-muted);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:.1em;color:var(--text-primary);font-weight:600}.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(--surface);border:1px solid var(--border-muted);border-radius:var(--radius-lg);max-width:720px;color:var(--text-secondary);box-shadow:var(--shadow-sm);margin:24px auto 60px;padding:28px 32px;line-height:1.75}.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:8px 0;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(--surface);border:1px solid var(--border-muted);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:20px;position:relative}.tier-card.current{border-color:var(--tier-accent,var(--brand));box-shadow:0 0 0 1px var(--tier-accent,var(--brand)) inset}.tier-card-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.tier-current-tag{color:var(--brand-text);font-size:11px;font-weight:600}.tier-name-en{font-family:var(--font-display);color:var(--tier-accent,var(--text-muted));letter-spacing:.12em;margin-top:10px;font-size:13px}.tier-threshold{font-variant-numeric:tabular-nums;color:var(--text-secondary);margin-top:2px;font-size:13px}.tier-tagline{color:var(--text-secondary);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(--brand));font-size:12px;position:absolute;top:0;left:0}@media (prefers-reduced-motion:reduce){.product-card,.product-card:hover{transition:none;transform:none}.btn:active{transform:none}.capacity-fill,.mobile-menu,.menu-icon,.menu-icon:before,.menu-icon:after{transition:none}}