:root{--gold-rgb:232, 199, 122;--gold:rgb(var(--gold-rgb));--gold-2:#f6e2a8;--well:#8ec5ff;--ink-0:#070a11;--ink-1:#0a0e17;--ink-2:#10151f;--ink-3:#161d2a;--ink-4:#1f2839;--line:#ffffff12;--line-2:#ffffff1f;--t1:#f4f1ea;--t2:#cfd3dc;--t3:#aab2bf;--t4:#8d96a5;--bad:#fca5a5;--ok:#86efac;--panel:linear-gradient(180deg, #ffffff0b, #ffffff03 50%, #0000001a), #10151fdb;--edge:inset 0 0 0 1px #ffffff12, 0 8px 24px #0000004d;--r:14px;--wrap:1180px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--ink-1);min-height:100vh;color:var(--t2);-webkit-font-smoothing:antialiased;margin:0;font:400 16px/1.65 Noto Sans Thai,system-ui,sans-serif}img{max-width:100%;height:auto;display:block}a{color:var(--gold-2);text-underline-offset:3px;text-decoration-thickness:1px}h1,h2,h3{color:var(--t1);margin:0 0 .5em;font-weight:600;line-height:1.25}h1{font-size:clamp(30px,4.4vw,46px)}h2{font-size:clamp(22px,2.6vw,30px)}h3{font-size:18px}h2 small,h3 small{color:var(--t4);margin-left:4px;font-size:.7em;font-weight:400}p{margin:0 0 1em}.wrap{width:min(var(--wrap), 100% - 32px);margin-inline:auto}.cap{letter-spacing:.1em;font-family:Bebas Neue,Noto Sans Thai,sans-serif;font-weight:400;line-height:1}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.muted{color:var(--t4);font-size:14px}.eyebrow{color:var(--gold);margin:0 0 6px;font-size:14px;font-weight:500;line-height:1.4}:focus-visible{outline:2px solid var(--gold-2);outline-offset:3px;border-radius:6px}.btn{height:44px;color:var(--t1);cursor:pointer;white-space:nowrap;border:0;border-radius:11px;justify-content:center;align-items:center;gap:8px;padding:0 20px;font:500 15px/1 Noto Sans Thai,sans-serif;text-decoration:none;display:inline-flex}.btn--gold{background:linear-gradient(100deg, #f3d995, var(--gold) 60%, #c9a35a);color:#1d1405;box-shadow:inset 0 1px 0 #ffffff59, 0 6px 18px rgba(var(--gold-rgb), .18)}.btn--gold:hover{filter:brightness(1.06)}.btn--line{box-shadow:inset 0 0 0 1px rgba(var(--gold-rgb), .55);color:var(--gold-2);background:#0a0e178c}.btn--line:hover{background:rgba(var(--gold-rgb), .1)}.btn--lg{height:52px;padding:0 28px;font-size:16.5px}.btn--sm{height:36px;padding:0 14px;font-size:14px}.btn:disabled{opacity:.55;cursor:wait}.pill{border-radius:999px;align-items:center;height:22px;margin-right:8px;padding:0 9px;font-size:12px;font-weight:500;display:inline-flex}.pill--open{background:rgba(var(--gold-rgb), .16);color:var(--gold-2)}.pill--soon{color:#b9dcff;background:#8ec5ff24}.pill--later{color:var(--t3);background:#ffffff12}.site-head{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 1px 0 var(--line);background:#070a11d1;position:sticky;top:0}.site-head__in{align-items:center;gap:20px;height:64px;display:flex}.brand{color:var(--t1);align-items:center;gap:10px;text-decoration:none;display:flex}.brand img{width:64px;height:auto}.brand .cap{color:var(--gold-2);font-size:22px}.site-nav{flex:1;align-items:center;gap:4px;display:flex}.site-nav>a{color:var(--t3);border-radius:9px;padding:8px 12px;font-size:15px;text-decoration:none}.site-nav>a:hover{color:var(--t1);background:#ffffff0a}.site-nav>a[aria-current=page]{color:var(--gold-2);background:rgba(var(--gold-rgb), .1)}.site-nav__end{align-items:center;gap:10px;margin-left:auto;display:flex}.nav-acc{max-width:180px;color:var(--t2);white-space:nowrap;text-overflow:ellipsis;border-radius:9px;align-items:center;gap:7px;padding:8px 12px;font-size:15px;text-decoration:none;display:inline-flex;overflow:hidden}.nav-acc:hover,.nav-acc.is-on{color:var(--t1);background:#ffffff0d}.nav-acc .dot{background:var(--ok);border-radius:50%;flex:none;width:8px;height:8px}.nav-toggle{cursor:pointer;background:0 0;border:0;border-radius:10px;width:44px;height:44px;margin-left:auto;padding:12px 10px;display:none}.nav-toggle span{background:var(--t2);border-radius:2px;height:2px;margin:4px 0;display:block}.mock-bar{color:#cfe6ff;text-align:center;background:#8ec5ff1a;padding:9px 16px;font-size:14px;box-shadow:inset 0 -1px #8ec5ff40}.hero{isolation:isolate;min-height:min(86vh,760px);display:grid;position:relative;overflow:hidden}.hero__bg{z-index:-2;object-fit:cover;object-position:50% 30%;width:100%;height:100%;position:absolute;inset:0}.hero:after{content:"";z-index:-1;background:linear-gradient(180deg, #070a1133 0%, #070a1159 45%, var(--ink-1) 100%), linear-gradient(90deg, #070a118c, #070a1100 60%);position:absolute;inset:0}.hero__in{align-self:end;padding:80px 0 56px}.hero__logo{filter:drop-shadow(0 10px 28px #0000008c);width:min(420px,78vw);margin:0 0 8px -10px}.hero__tag{max-width:22ch;color:var(--t1);text-shadow:0 2px 16px #0009;margin:0 0 8px;font-size:clamp(24px,3.2vw,36px);font-weight:600;line-height:1.3}.hero__sub{color:var(--t2);text-shadow:0 1px 8px #000000b3;margin:0 0 24px;font-size:17px}.hero__cta{flex-wrap:wrap;gap:12px;display:flex}.hero__note{color:var(--t3);align-items:center;margin:20px 0 0;font-size:14px;display:flex}.page-hero{isolation:isolate;padding:72px 0 40px;position:relative;overflow:hidden}.page-hero:before{content:"";z-index:-2;background:var(--bg) center 35% / cover no-repeat;opacity:.55;position:absolute;inset:0}.page-hero:after{content:"";z-index:-1;background:linear-gradient(180deg, #070a1173, var(--ink-1));position:absolute;inset:0}.page-hero__sub{max-width:60ch;color:var(--t2);margin:0;font-size:17px}.band{padding:56px 0}.band__head{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:18px;display:flex}.band__head h2{margin:0}.band__lead{max-width:64ch;color:var(--t3);margin:-6px 0 22px}.more{flex:none;font-size:15px}.band--story{background:linear-gradient(180deg, var(--ink-1), var(--ink-2) 50%, var(--ink-1))}.story{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:48px;display:grid}.story__txt p{max-width:54ch}.story__img{border-radius:var(--r);width:100%;box-shadow:var(--edge)}.band--cta{background:radial-gradient(70% 120% at 50% 100%, rgba(var(--gold-rgb), .12), transparent 70%), var(--ink-2)}.cta{text-align:center}.cta p{color:var(--t3)}.cta .hero__cta{justify-content:center}.news-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.news-card{border-radius:var(--r);background:var(--panel);box-shadow:var(--edge);overflow:hidden}.news-card__link{height:100%;color:inherit;text-decoration:none;display:grid}.news-card__img{aspect-ratio:16/9;object-fit:cover;width:100%}.news-card__body{padding:16px 18px 18px}.news-card h3{margin-bottom:6px}.news-card p:last-child{color:var(--t3);margin:0;font-size:15px}.news-card__link:hover h3{color:var(--gold-2)}.news-meta{color:var(--t4);align-items:center;gap:10px;margin:0 0 8px;font-size:13px;display:flex}.tag{border-radius:6px;align-items:center;height:22px;padding:0 9px;font-size:12px;font-weight:500;display:inline-flex}.tag--news{background:rgba(var(--gold-rgb), .16);color:var(--gold-2)}.tag--upd{color:#b9dcff;background:#8ec5ff24}.tag--dev{color:#d3c5ff;background:#a78bfa26}.filter{flex-wrap:wrap;gap:6px;margin-bottom:22px;display:flex}.filter button{height:36px;color:var(--t3);cursor:pointer;background:#ffffff0d;border:0;border-radius:9px;padding:0 14px;font:500 14px/1 Noto Sans Thai,sans-serif}.filter button[aria-pressed=true]{background:rgba(var(--gold-rgb), .16);color:var(--gold-2);box-shadow:inset 0 0 0 1px rgba(var(--gold-rgb), .45)}.posts{gap:18px;display:grid}.post{border-radius:var(--r);background:var(--panel);box-shadow:var(--edge);grid-template-columns:300px minmax(0,1fr);gap:22px;padding:18px;scroll-margin-top:84px;display:grid}.post[hidden]{display:none}.post__img{aspect-ratio:3/2;object-fit:cover;border-radius:10px;width:100%}.post h2{font-size:22px}.post__body p:last-child{margin:0}.mini-cls-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;display:grid}.mini-cls{border-radius:var(--r);background:var(--panel);box-shadow:var(--edge);color:inherit;text-align:center;justify-items:center;gap:4px;padding:18px 10px 16px;text-decoration:none;display:grid}.mini-cls:hover{box-shadow:inset 0 0 0 1px rgba(var(--gold-rgb), .5), 0 8px 24px #0000004d}.mini-cls b{color:var(--t1);font-size:16px;font-weight:600}.mini-cls small{color:var(--t4);font-size:13px;line-height:1.4}.cls__ico{background:radial-gradient(circle at 50% 30%, rgba(var(--gold-rgb), .2), rgba(var(--gold-rgb), .04));width:52px;height:52px;box-shadow:inset 0 0 0 1px rgba(var(--gold-rgb), .35);color:var(--gold-2);border-radius:14px;flex:none;place-items:center;display:grid}.cls__ico svg{width:28px;height:28px}.cls{border-radius:var(--r);background:var(--panel);box-shadow:var(--edge);grid-template-columns:52px minmax(0,1fr);gap:16px;padding:18px;scroll-margin-top:84px;display:grid}.cls h3{margin-bottom:4px;font-size:20px}.cls__tier{color:var(--gold);margin:0 0 2px;font-size:13px}.cls p{color:var(--t2);margin-bottom:10px}.cls dl{gap:4px;margin:0;font-size:14px;display:grid}.cls dl div{grid-template-columns:7.5em minmax(0,1fr);gap:8px;display:grid}.cls dt{color:var(--t4)}.cls dd{color:var(--t2);margin:0}.cls-root{max-width:640px;margin-inline:auto}.cls-root .cls{box-shadow:inset 0 0 0 1px rgba(var(--gold-rgb), .4), 0 8px 24px #0000004d}.cls-tree{gap:22px;padding-top:8px;display:grid}.cls-line{grid-template-columns:minmax(0,1fr) minmax(0,2fr);align-items:stretch;gap:16px;display:grid}.cls-kids{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.cls-kids .cls{background:linear-gradient(#ffffff08,#00000014),#10151fb3}.cls-kids .cls__ico{color:#b9dcff;background:radial-gradient(circle at 50% 30%,#8ec5ff2e,#8ec5ff08);width:44px;height:44px;box-shadow:inset 0 0 0 1px #8ec5ff4d}.cls-kids .cls{grid-template-columns:44px minmax(0,1fr)}.feats{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.feat{border-radius:var(--r);background:var(--panel);box-shadow:var(--edge);overflow:hidden}.feat img{aspect-ratio:16/9;object-fit:cover;width:100%}.feat h3{margin:16px 18px 6px}.feat p{color:var(--t3);margin:0 18px 18px;font-size:15px}.steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.step{border-radius:var(--r);background:var(--panel);box-shadow:var(--edge);grid-template-columns:40px minmax(0,1fr);gap:14px;padding:18px;display:grid}.step__n{background:rgba(var(--gold-rgb), .16);width:40px;height:40px;color:var(--gold-2);border-radius:50%;place-items:center;font:400 22px/1 Bebas Neue,sans-serif;display:grid}.step h3{margin-bottom:4px}.step p{color:var(--t3);margin:0;font-size:15px}.guide-2col{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;display:grid}.keys{gap:6px;margin-bottom:10px;display:grid}.keyrow{background:#ffffff08;border-radius:10px;grid-template-columns:9em minmax(0,1fr);align-items:center;gap:12px;padding:8px 12px;display:grid}kbd{background:var(--ink-4);box-shadow:inset 0 -2px 0 #00000059, inset 0 0 0 1px var(--line-2);color:var(--t1);border-radius:7px;justify-self:start;padding:3px 9px;font:500 13px/1.5 Noto Sans Thai,sans-serif}.faq{background:#ffffff08;border-radius:10px}.faq+.faq{margin-top:8px}.faq summary{color:var(--t1);cursor:pointer;padding:12px 14px;font-weight:500}.faq p{color:var(--t3);margin:0;padding:0 14px 14px}.towns{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.town{border-radius:var(--r);background:var(--panel);box-shadow:var(--edge);padding:18px}.town--open{box-shadow:inset 0 0 0 1px rgba(var(--gold-rgb), .35), 0 8px 24px #0000004d}.town__kind{color:var(--t4);justify-content:space-between;align-items:center;gap:8px;margin:0 0 6px;font-size:13px;display:flex}.town__kind .pill{margin:0}.town p{color:var(--t3);font-size:15px}.town dl,.acc-me dl{gap:4px;margin:0;font-size:14px;display:grid}.town dl div,.acc-me dl div{grid-template-columns:5.5em minmax(0,1fr);gap:8px;display:grid}.town dt,.acc-me dt{color:var(--t4)}.town dd,.acc-me dd{overflow-wrap:anywhere;margin:0}.factions{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.faction{border-radius:var(--r);box-shadow:inset 0 0 0 1px var(--line);background:#ffffff08;padding:18px}.faction p{color:var(--t3);margin:0;font-size:15px}.wmap-layout{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:18px;display:grid}.wmap{border-radius:var(--r);box-shadow:var(--edge);background:var(--ink-2);position:relative;overflow:hidden}.wmap img{width:100%}.wmap__svg{width:100%;height:100%;position:absolute;inset:0}.rg polygon{fill:#0000;stroke:#0000;stroke-width:3px;cursor:pointer;transition:fill .15s}.rg--open polygon{fill:rgba(var(--gold-rgb), .1);stroke:rgba(var(--gold-rgb), .55)}.rg--soon polygon{fill:#8ec5ff0f;stroke:#8ec5ff59;stroke-dasharray:10 8}.rg--later polygon{fill:#070a1159;stroke:#ffffff26;stroke-dasharray:4 8}.rg:hover polygon,.rg:focus-visible polygon{fill:rgba(var(--gold-rgb), .18)}.rg.is-sel polygon{stroke:var(--gold-2);stroke-width:4px;stroke-dasharray:none;fill:rgba(var(--gold-rgb), .16)}.rg:focus-visible{outline:none}.rg__name{fill:#fff;letter-spacing:.12em;text-anchor:middle;paint-order:stroke;stroke:#070a11cc;stroke-width:5px;pointer-events:none;font:400 40px/1 Bebas Neue,sans-serif}.rg--later .rg__name{fill:var(--t3)}.pin{pointer-events:none}.pin circle{fill:var(--gold-2);stroke:#070a11e6;stroke-width:3px}.pin--soon circle,.pin--later circle{fill:#b9dcff}.pin--dungeon circle{fill:#c9a0ff}.pin--village circle{fill:#86efac}.pin text{fill:#fff;text-anchor:middle;paint-order:stroke;stroke:#070a11d9;stroke-width:6px;font:600 28px/1 Noto Sans Thai,sans-serif}.zn rect{fill:#070a11b8;stroke:rgba(var(--gold-rgb), .45)}.zn--city rect{stroke:var(--gold-2);stroke-width:2px}.zn text{fill:#fff;text-anchor:middle;font:600 28px/1 Noto Sans Thai,sans-serif}.zn .zn__lv{fill:var(--gold-2);font-size:21px;font-weight:500}.wmap__side{border-radius:var(--r);background:var(--panel);box-shadow:var(--edge);padding:20px}.wmap__state{color:var(--t4);align-items:center;margin:0 0 8px;font-size:13px;display:flex}.wmap__side h2 small{margin:6px 0 0;font-size:15px;display:block}.wmap__lv{color:var(--gold-2);margin:-4px 0 10px;font-weight:500}.wmap__side h3{color:var(--t3);margin-top:14px;font-size:15px}.wmap__places{gap:6px;margin:0 0 16px;padding:0;list-style:none;display:grid}.wmap__places li{background:#ffffff08;border-radius:9px;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:10px;padding:7px 10px;display:grid}.wmap__places b{color:var(--t1);font-weight:500}.wmap__places small{color:var(--t4);text-align:right;font-size:13px}.wmap__legend{flex-wrap:wrap;gap:4px;margin-top:12px;display:flex}.acc-wrap{max-width:1000px}.acc-card{border-radius:var(--r);background:var(--panel);box-shadow:var(--edge);padding:24px}#acc>.acc-card{max-width:440px;margin-inline:auto}.seg{box-shadow:inset 0 0 0 1px var(--line);background:#070a1199;border-radius:12px;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:20px;padding:4px;display:grid}.seg button{height:40px;color:var(--t3);cursor:pointer;background:0 0;border:0;border-radius:9px;font:500 15px/1 Noto Sans Thai,sans-serif}.seg button[aria-selected=true]{background:linear-gradient(100deg, #f3d995, var(--gold));color:#1d1405}.acc-panes{display:grid}.acc-panes>form{grid-area:1/1}.acc-panes>form[hidden]{visibility:hidden;display:grid}.acc-insecure{color:#f5c58a;background:#f2a44a1a;border-radius:10px;align-items:center;min-height:46px;margin:14px 0 4px;padding:6px 14px;font-size:13.5px;line-height:20px;display:grid;box-shadow:inset 0 0 0 1px #f2a44a66}.acc-form .acc-insecure{margin:0 0 10px}.acc-form{align-content:start;gap:2px;display:grid}.acc-form label{color:var(--t2);gap:6px;font-size:14px;font-weight:500;display:grid}.acc-form label small{color:var(--t4);margin-top:-4px;font-size:12.5px;font-weight:400}.acc-form input{background:var(--ink-0);height:46px;box-shadow:inset 0 0 0 1px var(--line-2);color:var(--t1);border:0;border-radius:10px;padding:0 14px;font:400 16px/1 Noto Sans Thai,sans-serif}.acc-form input:focus{box-shadow:inset 0 0 0 1.5px var(--gold);outline:none}.acc-form input[aria-invalid=true]{box-shadow:inset 0 0 0 1.5px var(--bad)}.f-err,.form-err,.form-ok{min-height:22px;color:var(--bad);margin:2px 0 6px;font-size:13px}.form-ok{color:var(--ok)}.form-msg{display:grid}.form-msg>p{grid-area:1/1}.acc-form .btn{margin-top:6px}.acc-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;display:grid}.acc-grid>:nth-child(2){grid-row:span 2}.acc-me h2{margin-bottom:12px}.acc-actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.slots{gap:8px;margin:0;padding:0;list-style:none;display:grid}.slot{box-shadow:inset 0 0 0 1px var(--line);background:#ffffff0a;border-radius:11px;gap:2px;padding:12px 14px;display:grid}.slot b{color:var(--t1)}.slot small{color:var(--t4);font-size:13px}.slot--empty{box-shadow:none;border:1px dashed var(--line-2);background:0 0}.slot--empty span{color:var(--t3);font-size:14px}.site-foot{background:var(--ink-0);box-shadow:0 -1px 0 var(--line);margin-top:24px;padding:40px 0 28px}.site-foot__in{grid-template-columns:minmax(0,1fr) auto;gap:18px 32px;display:grid}.site-foot__brand{align-items:center;gap:14px;display:flex}.site-foot__brand img{width:72px}.site-foot__brand p{max-width:34ch;color:var(--t4);margin:0;font-size:14px}.site-foot__nav{flex-wrap:wrap;align-items:center;gap:4px 16px;display:flex}.site-foot__nav a{color:var(--t3);font-size:14px;text-decoration:none}.site-foot__nav a:hover{color:var(--gold-2)}.site-foot__fine{color:var(--t4);grid-column:1/-1;margin:8px 0 0;font-size:12.5px}@media (width<=1040px){.mini-cls-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.news-grid{grid-template-columns:1fr 1fr}.news-grid>:first-child{grid-column:1/-1}.cls-line{grid-template-columns:1fr}.towns,.factions,.steps{grid-template-columns:1fr 1fr}.wmap-layout{grid-template-columns:1fr}}@media (width<=760px){body{font-size:15.5px}.site-head__in{gap:10px;height:58px}.brand img{width:52px}.nav-toggle{display:block}.site-nav{background:#070a11f7;flex-direction:column;align-items:stretch;gap:2px;padding:10px 16px 18px;display:none;position:fixed;inset:58px 0 auto;box-shadow:0 12px 24px #00000080}.site-head.is-open .site-nav{display:flex}.site-nav>a{padding:12px;font-size:16px}.site-nav__end{flex-direction:column;align-items:stretch;margin:8px 0 0}.site-nav__end .btn{height:46px}.nav-acc{max-width:none;padding:12px}.hero{min-height:640px}.hero__in{padding:56px 0 40px}.hero__cta .btn{flex:140px}.band{padding:40px 0}.story,.guide-2col,.acc-grid{grid-template-columns:1fr;gap:24px}.acc-grid>:nth-child(2){grid-row:auto}.news-grid,.feats,.towns,.factions,.steps,.cls-kids{grid-template-columns:1fr}.mini-cls-grid{grid-template-columns:1fr 1fr}.post{grid-template-columns:1fr}.keyrow{grid-template-columns:7.5em minmax(0,1fr)}.site-foot__in{grid-template-columns:1fr}}