:root{color:#f3ede2;background:radial-gradient(circle at top,rgba(209,116,77,.38),transparent 34%),linear-gradient(180deg,#25160f,#120d10 52%,#09090c);font-family:Trebuchet MS,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:5rem}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;background:#09090c}a{color:inherit}img{max-width:100%}button,a{-webkit-tap-highlight-color:transparent}.page-width{width:min(100% - 3rem,76rem);margin-inline:auto}.site-header{position:fixed;z-index:50;top:0;right:0;left:0;display:flex;align-items:center;min-height:4.75rem;padding:.5rem max(1.5rem,calc((100vw - 76rem)/2));border-bottom:1px solid rgba(243,237,226,.12);background:linear-gradient(180deg,#050a12b8,#050a1229);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:background-color .18s ease,border-color .18s ease}.site-header[data-solid=true]{border-bottom-color:#f3ede233;background:#050a12f5}.site-header__brand{display:inline-flex;align-items:center;min-width:44px;min-height:44px}.site-header__brand img{display:block}.site-header__nav{margin-left:auto}.site-header__actions{display:flex;align-items:center;gap:.5rem;margin-left:1rem}.site-header__locale{display:flex;align-items:center;gap:.15rem}.site-header__locale a{min-width:2.1rem;padding:.35rem .25rem;border-radius:999px;color:#ffffff94;font-size:.68rem;font-weight:800;letter-spacing:.04em;text-align:center;text-decoration:none}.site-header__locale a:hover,.site-header__locale a[aria-current=page]{background:#ece5d824;color:#fff}.site-header__nav ul,.selector-rail,.update-list,.feature-grid,.site-footer ul{margin:0;padding:0;list-style:none}.site-header__nav ul{display:flex;align-items:center;gap:.35rem}.site-header__nav a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:.65rem 1rem;color:#ffffffdb;font-size:.9rem;font-weight:700;letter-spacing:.08em;text-decoration:none;text-transform:uppercase}.site-header__nav a:hover{color:#fff}.site-header__play{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:.65rem 1rem;border:1px solid rgba(255,255,255,.42);border-radius:999px;background:#ece5d8;color:#24405e;font-size:.9rem;font-weight:700;letter-spacing:.08em;text-decoration:none;text-transform:uppercase}.site-header__menu-button{display:none;width:44px;height:44px;border:1px solid rgba(243,237,226,.32);border-radius:var(--gp-radius-sm);background:#0e233cd6;color:inherit}.site-header__menu-button span{display:block;width:1.25rem;height:2px;margin:4px auto;background:currentColor}.landing-page{overflow:clip}.hero-section,.landing-section{position:relative;isolation:isolate}.hero-section{display:grid;align-items:center;padding-top:4.75rem}.hero-section__inner{position:relative;z-index:3;display:grid;grid-template-columns:minmax(0,.9fr) minmax(26rem,1.1fr);align-items:end;min-height:calc(100svh - 4.75rem)}.hero-section__copy{z-index:2;align-self:center;max-width:39rem;padding-block:4rem}.hero-section__wordmark{display:block;max-width:min(100%,20rem)}.hero-section__kicker,.section-heading__kicker{margin:1.5rem 0 .75rem;color:rgb(var(--gp-gold-soft));font-size:.78rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase}.hero-section h1{margin:0;max-width:12ch;font-family:Georgia,Times New Roman,serif;font-size:clamp(3rem,6vw,6.2rem);font-weight:500;letter-spacing:-.045em;line-height:.92;text-wrap:balance}.hero-section__lead,.section-heading__body{margin:1.5rem 0 0;max-width:42rem;color:#ffffffe0;font-size:clamp(1rem,1.4vw,1.15rem);line-height:1.65}.hero-section__support,.section-heading__support{margin:.5rem 0 0;max-width:42rem;color:#ffffffb8;line-height:1.65}.campaign-cta{display:inline-flex;align-items:center;justify-content:center;min-height:48px;margin-top:1.75rem;border:1px solid rgba(255,255,255,.28);border-radius:999px;padding:.8rem 1.55rem;font-weight:800;letter-spacing:.02em;text-decoration:none}.campaign-cta--primary{background:#ece5d8;color:#24405e}.campaign-cta--primary:hover{background:#fffaf0}.campaign-cta--secondary{background:#0e233ccc;color:#fff}.hero-section__characters{align-self:end;justify-self:end}.landing-section{min-height:min(56rem,100svh);padding-block:clamp(5rem,9vw,8rem)}.landing-section__inner{position:relative;z-index:3}.section-heading{max-width:45rem}.section-heading--center{margin-inline:auto;text-align:center}.section-heading h2{margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.35rem,5vw,4.8rem);font-weight:500;letter-spacing:-.035em;line-height:1;text-wrap:balance}.update-card{margin-top:3rem;border:1px solid rgba(255,255,255,.18);border-radius:var(--gp-radius-lg);padding:clamp(1.25rem,3vw,2rem);background:#050d18d1}.update-card__heading{display:flex;align-items:baseline;gap:1.5rem}.update-card__heading time,.update-list__tag{color:rgb(var(--gp-gold-soft));font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.update-card h3,.update-card h4,.update-card p{margin:0}.update-card__heading h3{font-size:clamp(1.45rem,3vw,2.25rem)}.update-card__heading p{margin-top:.25rem;color:#ffffffad}.update-list{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.5rem}.update-list li,.feature-card{border:1px solid rgba(255,255,255,.15);border-radius:var(--gp-radius);padding:1.25rem;background:#18375abd}.update-list h4{margin-top:.65rem;font-size:1.1rem}.update-list li>p:not(.update-list__tag){margin-top:.45rem;color:#ffffffb8;line-height:1.5}.world-section,.world-vanguard-section{background:#0a1725}.world-showcase{position:relative;overflow:hidden;margin-top:3rem;border:1px solid rgba(255,255,255,.2);border-radius:var(--gp-radius-lg);aspect-ratio:16 / 5.33;background:var(--gp-inset-solid)}.world-showcase__art{display:block;width:100%;height:100%;object-fit:cover}.world-showcase__caption{position:absolute;right:0;bottom:0;left:0;padding:3rem 1.5rem 1.25rem;background:linear-gradient(transparent,#03080fe6)}.world-showcase__caption p,.vanguard-showcase__copy p,.warden-showcase p{margin:0}.world-showcase__caption p:first-child{font-family:Georgia,Times New Roman,serif;font-size:2rem}.world-showcase__caption p:last-child{margin-top:.2rem;color:#ffffffb3}.selector-rail{display:flex;gap:.6rem;margin-top:1rem;overflow-x:auto;padding:.2rem .15rem .8rem;scrollbar-width:thin}.selector-rail li{flex:0 0 auto}.selector-rail button{min-height:44px;border:1px solid rgba(255,255,255,.18);border-radius:var(--gp-radius-sm);padding:.65rem .9rem;background:#0e233cd1;color:#ffffffc7;font:inherit;cursor:pointer}.selector-rail button[aria-pressed=true]{border-color:rgb(var(--gp-gold-soft) / .72);background:#ece5d8;color:#24405e}.selector-rail--regions button span{margin-right:.5rem;opacity:.68;font-size:.76rem}.vanguard-section .section-heading{margin-left:auto}.vanguard-showcase{display:grid;grid-template-columns:minmax(16rem,.8fr) minmax(15rem,1fr);align-items:end;max-width:58rem;margin:2rem 0 0 auto}.vanguard-showcase__portrait{display:block;width:min(100%,28rem);height:min(56rem,68svh);object-fit:contain;object-position:bottom center;filter:drop-shadow(0 1.5rem 1.5rem rgba(0,0,0,.55))}.vanguard-showcase__copy{align-self:center;padding:1.5rem;border-left:2px solid rgb(var(--gp-gold-soft) / .68);background:linear-gradient(90deg,rgba(4,11,20,.72),transparent)}.vanguard-showcase__copy h3,.warden-showcase h3{margin:0 0 .4rem;font-family:Georgia,Times New Roman,serif;font-size:clamp(2rem,4vw,3.5rem);font-weight:500}.vanguard-showcase__copy p{margin-top:.45rem;color:#ffffffc2}.selector-rail--heroes{justify-content:flex-end}.warden-showcase{display:grid;grid-template-columns:minmax(14rem,25rem) 1fr;align-items:center;gap:2rem;margin-top:2.5rem}.warden-showcase img{display:block;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 1rem 1.4rem rgba(0,0,0,.6))}.warden-showcase p{margin-top:.5rem;color:#ffffffbd}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:2.5rem}.feature-card h3,.feature-card p{margin:0}.feature-card h3{font-size:1.08rem}.feature-card p{margin-top:.75rem;color:#ffffffbd;line-height:1.55}.join-section{display:grid;align-items:center;min-height:78svh;text-align:center}.join-section .campaign-cta{margin-top:2rem}.site-footer{position:relative;z-index:4;border-top:1px solid rgba(255,255,255,.12);background:#05090f}.site-footer__inner{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;min-height:6rem;color:#ffffffa8}.site-footer ul{display:flex;gap:1.5rem}.site-footer p{margin:0}@media(max-width:900px){.feature-grid{grid-template-columns:repeat(2,1fr)}}.landing-hero,.hero-section{min-height:100svh}.media-backdrop{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;overflow:hidden;width:100%;height:100%;aspect-ratio:16 / 9;background:radial-gradient(circle at 72% 35%,rgba(217,120,56,.2),transparent 32%),#120d10;pointer-events:none}.media-backdrop__poster,.media-backdrop__video-mount,.media-backdrop__video{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.media-backdrop__poster,.media-backdrop__video{object-fit:cover;object-position:center}.media-backdrop__poster{z-index:0}.media-backdrop__poster--failed{visibility:hidden}.media-backdrop__video-mount{z-index:1}.media-backdrop__video{opacity:0;transition:opacity .42s ease-out}.media-backdrop__video--ready{opacity:1}.media-backdrop__scrim{position:absolute;z-index:2;top:0;bottom:0;width:min(68%,64rem)}.media-backdrop__scrim--left{left:0;background:linear-gradient(90deg,rgba(7,8,12,.78) 0%,rgba(7,8,12,.48) 56%,transparent 100%)}.media-backdrop__scrim--right{right:0;background:linear-gradient(270deg,rgba(7,8,12,.72) 0%,rgba(7,8,12,.38) 56%,transparent 100%)}.media-backdrop__scrim--both{right:0;left:0;width:100%;background:linear-gradient(90deg,rgba(7,8,12,.72) 0%,transparent 42%),linear-gradient(270deg,rgba(7,8,12,.6) 0%,transparent 36%)}.character-stack{position:relative;isolation:isolate;width:min(48vw,46rem);min-width:30rem;aspect-ratio:16 / 13;pointer-events:none}.character-stack__character{position:absolute;bottom:0;width:auto;max-width:62%;height:100%;aspect-ratio:2 / 3;object-fit:contain;object-position:bottom center;filter:drop-shadow(0 1.5rem 1.5rem rgba(0,0,0,.44))}.character-stack__character--1{z-index:3;left:23%}.character-stack__character--2{z-index:2;right:-2%;height:88%}.character-stack__character--3{z-index:1;left:-7%;height:84%}main.landing-page>section:not(:first-of-type){content-visibility:auto;contain-intrinsic-size:900px}@media(max-width:767px){.page-width{width:min(100% - 2rem,76rem)}.site-header{min-height:4.25rem;padding:.25rem 1rem;background:#050a12eb}.site-header__brand img{width:46px;height:46px}.site-header__actions{margin-left:auto}.site-header__locale{max-width:8.5rem;overflow-x:auto}.site-header[data-enhanced=true] .site-header__menu-button{display:block}.site-header__nav{position:absolute;top:100%;right:1rem;left:1rem;display:block;margin:0;border:1px solid rgba(255,255,255,.18);border-radius:var(--gp-radius);padding:.5rem;background:#081525fa}.site-header[data-enhanced=true] .site-header__nav{display:none}.site-header[data-enhanced=true] .site-header__nav[data-open=true],.site-header__nav[data-no-js-navigation=available]{display:block}.site-header__nav ul{display:grid}.site-header__nav a{width:100%;justify-content:flex-start}.site-header__play{padding-inline:.95rem}.hero-section{padding-top:4.25rem}.hero-section__inner{display:block;min-height:calc(100svh - 4.25rem)}.hero-section__copy{position:relative;z-index:4;max-width:30rem;padding-block:clamp(2rem,7svh,4.25rem)}.hero-section__wordmark{width:min(68vw,16rem)!important}.hero-section h1{max-width:10ch;font-size:clamp(2.8rem,13vw,4.7rem)}.hero-section__lead,.hero-section__support{max-width:min(92%,27rem);text-shadow:0 2px 10px #000}.hero-section__characters{position:absolute;right:-30vw;bottom:0;width:min(92vw,32rem);opacity:.6}.landing-section{min-height:auto;padding-block:4.5rem}.update-card__heading{display:block}.update-card__heading>div{margin-top:.75rem}.update-list,.feature-grid{grid-template-columns:1fr}.world-showcase{margin-top:2rem;aspect-ratio:4 / 3}.vanguard-section .section-heading{margin-left:0}.vanguard-showcase{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);margin-top:1.5rem}.vanguard-showcase__portrait{height:min(28rem,54svh)}.vanguard-showcase__copy{padding:1rem}.selector-rail--heroes{justify-content:flex-start}.warden-showcase{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:1rem}.join-section{min-height:70svh}.site-footer__inner{display:grid;justify-content:start;padding-block:1.5rem}.media-backdrop--hero .media-backdrop__poster,.media-backdrop--hero .media-backdrop__video{object-position:62% center}.media-backdrop--deferred .media-backdrop__poster,.media-backdrop--deferred .media-backdrop__video{object-position:54% center}.media-backdrop__scrim{width:min(88%,36rem)}.character-stack{width:min(92vw,34rem);min-width:0}.character-stack__character--1{left:18%}.character-stack__character--2,.character-stack__character--3{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.media-backdrop__video,.character-stack__character{transition:none;animation:none}}:root{color:var(--gp-paper-surface);background:var(--gp-bg);font-family:var(--gp-font-display);--site-line: rgb(var(--gp-gold) / .24);--site-muted: #b5c4d3}body{background:var(--gp-bg)}button,input,select{font:inherit}a,button,input,select{outline-offset:5px}:focus-visible{outline:2px solid rgb(var(--gp-info))}button{cursor:pointer}.site-header{gap:.5rem;background:#0b1828eb;border-bottom-color:var(--site-line)}.site-header__nav a{font-size:.78rem;padding-inline:.7rem;letter-spacing:.02em}.site-header__play,.campaign-cta--primary{color:var(--gp-parchment-ink-strong);background:rgb(var(--gp-gold-soft));border-color:rgb(var(--gp-gold));border-radius:var(--gp-radius-sm)}.site-header__play:hover,.campaign-cta--primary:hover{background:#fff1cf}.hero-section h1{line-height:1.08;font-family:var(--gp-font-serif);font-size:clamp(3rem,5.8vw,5.7rem)}:lang(th) .hero-section h1{font-family:var(--gp-font-display);font-size:clamp(2.5rem,5vw,4.7rem);line-height:1.3;letter-spacing:-.025em;max-width:14ch}.hero-section__actions{display:flex;flex-wrap:wrap;align-items:center;gap:1.5rem;margin-top:1.8rem}.hero-section__actions .campaign-cta{margin:0}.hero-section__explore{text-decoration:none;font-size:.9rem;color:#e0e8ef;padding-block:.8rem}.hero-section__explore span{margin-left:.6rem;color:rgb(var(--gp-gold))}.hero-section__facts{margin-top:2rem;font-size:.68rem;font-weight:700;letter-spacing:.16em;color:#c4d2e0}.hero-section__facts span{margin-inline:.7rem;color:rgb(var(--gp-gold))}.hero-section:after{content:"";position:absolute;bottom:0;inset-inline:0;height:8rem;z-index:2;background:linear-gradient(transparent,var(--gp-bg));pointer-events:none}.world-vanguard-section{background:var(--gp-bg);padding-bottom:6rem}.world-vanguard-section>.media-backdrop{opacity:.16}.section-heading h2{line-height:1.15;font-family:var(--gp-font-serif);font-size:clamp(2rem,4vw,3.7rem)}:lang(th) .section-heading h2{font-family:var(--gp-font-display);line-height:1.4;font-size:clamp(1.9rem,3.5vw,3rem);letter-spacing:-.03em}.section-heading__body,.section-heading__support{color:var(--site-muted);line-height:1.85}.section-heading__body:empty{display:none}.section-heading__kicker{color:rgb(var(--gp-gold))}.showcase-heading{display:flex;align-items:end;justify-content:space-between;gap:2rem;padding-top:6rem;scroll-margin-top:5rem}.showcase-heading .section-heading{max-width:46rem}.text-link{display:inline-flex;gap:.8rem;align-items:center;color:rgb(var(--gp-gold-soft));font-size:.88rem;font-weight:600;text-decoration:none;padding-block:.7rem}.text-link:hover{color:#fff2d5;text-decoration:underline;text-underline-offset:5px}.world-showcase{border-color:var(--site-line);box-shadow:var(--gp-shadow-panel)}.world-showcase__caption{padding:4rem 2rem 1.6rem}.selector-rail button{background:var(--gp-panel-2);border-color:var(--gp-frame-strong)}.selector-rail button[aria-pressed=true]{background:rgb(var(--gp-gold-soft));color:var(--gp-parchment-ink-strong)}.vanguard-showcase{max-width:none;margin:2.5rem 0 0;grid-template-columns:1fr 1fr;border:1px solid var(--site-line);border-radius:var(--gp-radius-lg);background:linear-gradient(125deg,#183950,#10263b 55%,#162e46);overflow:hidden;align-items:center}.vanguard-showcase__portrait-wrap{align-self:stretch;display:flex;justify-content:center;align-items:end;background:radial-gradient(ellipse at 50% 60%,rgb(var(--gp-gold) / .13),transparent 65%)}.vanguard-showcase__portrait{height:40rem;max-height:72svh;width:100%;object-position:bottom}.vanguard-showcase__copy{border-left:0;padding:2.5rem;background:none}.vanguard-showcase__copy>.section-heading__kicker{margin-top:0}.vanguard-showcase__copy h3{font-size:clamp(2.2rem,3.5vw,3.5rem)}.vanguard-showcase__copy p{line-height:1.8}.selector-rail--heroes{justify-content:flex-start}.vanguard-showcase .sprite-player{margin-top:1rem}.vanguard-showcase .sprite-player__stage{aspect-ratio:600 / 320}.vanguard-showcase .sprite-player__stage canvas{bottom:-1rem}.vanguard-showcase .sprite-player__stage img{height:90%}.monster-showcase{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;margin-top:2.5rem}.monster-showcase__card{border:1px solid var(--site-line);border-radius:var(--gp-radius);background:var(--gp-panel-2);overflow:hidden}.monster-showcase__copy{padding:1.5rem}.monster-showcase__copy h3{margin:.6rem 0;font-size:1.5rem}.monster-showcase__copy>p:not(.element-label){color:var(--site-muted);line-height:1.8;min-height:4rem;margin-block:.75rem}.gameplay-section{background:var(--gp-panel-2);border-block:1px solid var(--site-line)}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;margin-top:3rem}.feature-card{padding:2rem;background:var(--gp-bg);border-color:var(--gp-frame);border-radius:var(--gp-radius)}.feature-card__number{display:block;color:rgb(var(--gp-gold));font-family:var(--gp-font-serif);font-size:1.7rem;margin-bottom:1.75rem}.feature-card h3{line-height:1.6;font-size:1.15rem}.feature-card p{color:var(--site-muted);line-height:1.8}.getting-started{background:var(--gp-bg);min-height:0}.getting-started__steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;list-style:none;margin:3rem 0 0;padding:0}.getting-started__steps li{border-top:1px solid var(--site-line);padding-top:1.5rem}.getting-started__steps li>span{font-size:2.5rem;font-family:var(--gp-font-serif);color:rgb(var(--gp-gold))}.getting-started__steps h3{line-height:1.65;font-size:1.2rem}.getting-started__steps p{color:var(--site-muted);line-height:1.9}.join-section{border-top:1px solid var(--site-line)}.join-section .media-backdrop:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:#08131f80}.site-footer{background:#081320;border-top-color:var(--site-line)}.sprite-player{width:100%;min-width:0}.sprite-player__stage{position:relative;isolation:isolate;aspect-ratio:3 / 2;overflow:hidden;background:radial-gradient(ellipse at 50% 85%,rgb(var(--gp-info) / .09),transparent 65%),#0d2033}.sprite-player__caption{position:absolute;top:1rem;inset-inline:1rem;color:#97aabd;font-size:.65rem;letter-spacing:.12em;text-transform:uppercase}.sprite-player__rune{position:absolute;z-index:-1;width:65%;height:18%;border:1px solid rgb(var(--gp-gold) / .22);border-radius:50%;left:17.5%;bottom:10%;box-shadow:0 0 35px rgb(var(--gp-info) / .07)}.sprite-player__stage canvas{position:absolute;bottom:0;left:0;width:100%;height:auto}.sprite-player__stage>img{position:absolute;inset:auto 10% 12%;width:80%;height:65%;object-fit:contain}.sprite-player__stage canvas[hidden]{display:none}.sprite-player__controls{display:flex;flex-wrap:wrap;gap:.4rem;padding:.75rem;background:#10263b;border-top:1px solid var(--gp-frame)}.sprite-player__controls button{min-height:40px;padding:.4rem .65rem;border:1px solid var(--gp-frame-strong);border-radius:var(--gp-radius-sm);background:var(--gp-panel-2);color:#cddae7;font-size:.75rem}.sprite-player__controls button[aria-pressed=true]{color:var(--gp-parchment-ink-strong);background:rgb(var(--gp-gold-soft));border-color:rgb(var(--gp-gold))}.sprite-player__controls .sprite-player__replay{margin-left:auto;font-size:1.25rem;min-width:40px}.sprite-player__note{padding-inline:1rem;font-size:.75rem;color:var(--site-muted)}.codex-page{min-height:100svh;padding-top:7.5rem;padding-bottom:4rem}.breadcrumbs{font-size:.875rem;line-height:1.6;color:var(--site-muted)}.breadcrumbs ol{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem .75rem;list-style:none;padding:0;margin:0}.breadcrumbs li{display:inline-flex;align-items:center;gap:.75rem;min-height:44px}.breadcrumbs li+li:before{content:"";width:.35rem;height:.35rem;border-top:1px solid currentColor;border-right:1px solid currentColor;transform:rotate(45deg);flex-shrink:0;opacity:.65}.breadcrumbs a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none}.breadcrumbs [aria-current=page]{color:var(--gp-paper-ink);font-weight:600}.breadcrumbs a:hover{text-decoration:underline;text-underline-offset:.2em}.codex-heading{padding-block:2rem 3rem;max-width:52rem}.codex-heading h1{margin:.5rem 0 1rem;font-family:var(--gp-font-serif);font-weight:500;font-size:clamp(2.7rem,5vw,5rem);line-height:1.2}:lang(th) .codex-heading h1{font-family:var(--gp-font-display)}.codex-heading>p:not(.section-heading__kicker){color:var(--site-muted);line-height:1.9;margin-block:.5rem}.codex-heading__english{letter-spacing:.1em}.codex-detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2rem;align-items:start}.codex-detail__visual{position:sticky;top:6rem;border:1px solid var(--site-line);border-radius:var(--gp-radius);overflow:hidden}.codex-detail__identity{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;background:var(--gp-panel-2);padding:1rem;font-size:.85rem}.codex-detail__info{display:grid;gap:1.25rem}.codex-panel{padding:1.75rem;border:1px solid var(--gp-frame);border-radius:var(--gp-radius);background:var(--gp-panel-2)}.codex-panel h2{font-size:1.15rem;margin:0 0 1.25rem}.codex-panel h3{font-size:1.15rem;line-height:1.6}.codex-panel p,.codex-skills>p{color:#c3d0dd;line-height:1.9}.codex-panel p:last-child{margin-bottom:0}.codex-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;margin:0}.codex-stats>div{border-left:1px solid var(--site-line);padding-left:.75rem}.codex-stats dt{font-size:.68rem;color:var(--site-muted);letter-spacing:.08em}.codex-stats dd{font-family:var(--gp-font-serif);font-size:1.65rem;color:rgb(var(--gp-gold-soft));margin:.5rem 0 0}.codex-panel .codex-note{font-size:.75rem;color:#9db2c6;margin-top:1.5rem;line-height:1.8}.location-list{display:flex;flex-wrap:wrap;gap:.6rem;padding:0;list-style:none}.location-list li{padding:.6rem .9rem;border:1px solid var(--gp-frame);background:var(--gp-inset-solid);border-radius:var(--gp-radius-sm);line-height:1.7}.codex-skills{margin-block:4rem}.codex-skills>h2{font-size:2rem;font-family:var(--gp-font-serif);font-weight:500}.skill-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.skill-type{color:rgb(var(--gp-gold-soft));font-size:.75rem;line-height:1.8}.codex-pagination{display:flex;justify-content:space-between;gap:1rem;border-block:1px solid var(--site-line);padding-block:1.5rem}.codex-pagination a{color:rgb(var(--gp-gold-soft));text-decoration:none;line-height:1.8;font-size:.85rem}.codex-pagination a:last-child{text-align:right}.codex-bottom-cta{text-align:center;margin-top:3rem}.codex-bottom-cta a{gap:1rem}.codex-filters{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;border-block:1px solid var(--site-line);padding-block:1.25rem}.codex-kind{display:flex;gap:.5rem;margin-right:auto}.codex-kind button{min-height:44px;padding:.6rem 1rem;border:1px solid var(--gp-frame-strong);border-radius:var(--gp-radius-sm);background:var(--gp-panel-2);color:#cddae7}.codex-kind button[aria-pressed=true]{background:rgb(var(--gp-gold-soft));color:var(--gp-parchment-ink-strong)}.codex-kind button span{font-size:.7rem;margin-left:.5rem;opacity:.7}.codex-filters input,.codex-filters select{min-height:44px;width:100%;padding:.6rem 1rem;border:1px solid var(--gp-frame-strong);border-radius:var(--gp-radius-sm);background:var(--gp-inset-solid);color:inherit}.codex-filters input::placeholder{color:#a6b7c7}.codex-result-count{color:var(--site-muted);font-size:.8rem;margin-block:1.5rem}.codex-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.codex-card{display:flex;flex-direction:column;color:inherit;text-decoration:none;border:1px solid var(--gp-frame);border-radius:var(--gp-radius);background:var(--gp-panel-2);overflow:hidden;transition:border-color .2s,transform .2s}@media(hover:hover){.codex-card:hover{border-color:rgb(var(--gp-gold) / .65);transform:translateY(-4px)}}.codex-card__art{position:relative;aspect-ratio:1 / 1;overflow:hidden;background:radial-gradient(ellipse at bottom,#274860,#10263b 70%)}.codex-card__art img{display:block;width:100%;height:100%;object-fit:contain;padding:1rem}.codex-card--heroes .codex-card__art img{object-position:center bottom;object-fit:contain;padding:.75rem;image-rendering:auto}.codex-card__boss{position:absolute;top:.75rem;left:.75rem;background:#342a1a;border:1px solid var(--site-line);color:rgb(var(--gp-gold-soft));padding:.3rem .6rem;border-radius:var(--gp-radius-sm);font-size:.7rem}.codex-card__copy{padding:1.2rem;display:flex;flex-direction:column;flex:1}.codex-card__copy h2{margin-block:.6rem;font-size:1.25rem}.codex-card__copy p{font-size:.85rem;line-height:1.8;color:var(--site-muted);margin-top:0}.codex-card__copy .text-link{margin-top:auto}.element-label{font-size:.78rem;line-height:1.7}[data-element=light]{color:#f5dba0}[data-element=shadow]{color:#c6b8ec}[data-element=fire]{color:#ffb092}[data-element=water]{color:#94d8ff}[data-element=earth]{color:#d2bf93}[data-element=wind]{color:#a5e5be}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.page-width{padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}.site-header{padding-top:max(.5rem,env(safe-area-inset-top,0px));padding-left:max(1rem,env(safe-area-inset-left,0px),calc((100vw - 76rem)/2));padding-right:max(1rem,env(safe-area-inset-right,0px),calc((100vw - 76rem)/2))}.site-footer__inner{padding-bottom:max(1.5rem,env(safe-area-inset-bottom,0px));padding-top:1.5rem}@media(max-width:1100px){.site-header__nav a{padding-inline:.45rem;font-size:.72rem}.site-header__locale{max-width:6.5rem;overflow-x:auto}}@media(max-width:900px){.codex-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.monster-showcase,.skill-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.monster-showcase__card:first-child{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;align-items:center}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vanguard-showcase__copy{padding:1.5rem}.codex-detail{gap:1rem}.codex-panel{padding:1.25rem}.codex-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}}@media(max-width:767px){.hero-section__copy{padding-bottom:5rem}.hero-section h1{max-width:13ch}.hero-section__actions{gap:.75rem 1.25rem}.hero-section__facts{letter-spacing:.08em;font-size:.6rem}.hero-section__facts span{margin-inline:.35rem}.hero-section__characters{right:-24vw;opacity:.33}.showcase-heading{display:block;padding-top:3.5rem}.vanguard-showcase{grid-template-columns:1fr}.vanguard-showcase__portrait{height:27rem;max-height:none;padding-top:1rem}.vanguard-showcase__copy{border-top:1px solid var(--site-line);padding:1.5rem}.vanguard-showcase .sprite-player__stage{aspect-ratio:3 / 2}.monster-showcase{grid-template-columns:1fr}.monster-showcase__card:first-child{display:block;grid-column:auto}.feature-grid{grid-template-columns:1fr}.feature-card{padding:1.5rem}.feature-card__number{margin-bottom:.75rem}.getting-started__steps{grid-template-columns:1fr;gap:1.25rem}.codex-page{padding-top:calc(6rem + env(safe-area-inset-top,0px))}.codex-heading{padding-block:1rem 2rem}.codex-detail{grid-template-columns:1fr}.codex-detail__visual{position:static}.codex-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.skill-grid{grid-template-columns:1fr}.codex-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.codex-card__copy{padding:1rem}.codex-card__copy h2{font-size:1.1rem}.codex-card__copy p{font-size:.8rem}.codex-card__copy .text-link{font-size:.75rem}.codex-filters>label{flex:1 1 8rem;min-width:0}.codex-kind{flex:1 1 100%}.codex-kind button{flex:1}.codex-pagination{flex-wrap:wrap}.site-header__nav{right:max(1rem,env(safe-area-inset-right,0px));left:max(1rem,env(safe-area-inset-left,0px));max-height:calc(100dvh - 6rem - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));overflow-y:auto}}@media(max-width:380px){.site-header__locale{max-width:4.5rem}.site-header__play{padding-inline:.6rem}.codex-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.codex-card{transition:none}.codex-card:hover{transform:none}}.skill-filters{margin-block:1.5rem;flex-wrap:wrap}.sprite-player__stage canvas{image-rendering:pixelated}.site-header__locale a{flex:0 0 auto;white-space:nowrap}.site-header__locale{scrollbar-width:none}.site-header__locale::-webkit-scrollbar{display:none}.site-header__locale-select{display:block}@media(max-width:767px){.site-header__locale{display:none}.site-header__locale-select{display:block}.site-header__locale-select select{min-height:44px;max-width:5rem;border:1px solid var(--gp-frame);border-radius:var(--gp-radius-sm);color:#e3edf5;background:var(--gp-panel-2);padding:.5rem;font-size:.7rem}}body{background:var(--gp-paper-surface)}.public-site{min-height:100dvh;background:var(--gp-panel);--site-line: var(--gp-frame);--site-muted: var(--gp-paper-ink-2)}.public-site .site-header,.public-site .site-header[data-solid=true]{background:var(--gp-panel);border-bottom-color:var(--gp-frame-strong);box-shadow:0 2px 0 var(--gp-frame-soft);-webkit-backdrop-filter:none;backdrop-filter:none}.public-site .site-header__nav a{color:var(--gp-paper-ink-2)}.public-site .site-header__nav a:hover{color:var(--gp-paper-ink)}.public-site .site-header__locale a{color:var(--gp-paper-ink-2)}.public-site .site-header__locale a:hover,.public-site .site-header__locale a[aria-current=page]{background:var(--gp-cell-hi);color:var(--gp-paper-ink)}.public-site .site-header__menu-button,.public-site .site-header__locale-select select{background:var(--gp-cell);color:var(--gp-paper-ink);border-color:var(--gp-frame-strong);box-shadow:inset 0 -2px 0 var(--gp-tone-secondary-edge)}.public-site .site-header__play,.public-site .campaign-cta--primary{color:var(--gp-tone-primary-ink);background:var(--gp-tone-primary);border-color:var(--gp-control-rim);box-shadow:inset 0 -3px 0 var(--gp-tone-primary-edge),inset 0 1px 0 var(--gp-control-highlight)}.public-site .site-header__play:hover,.public-site .campaign-cta--primary:hover{background:var(--gp-tone-primary-hi)}.public-site .hero-section{color:#fffaf0}.public-site .hero-section__kicker{color:rgb(var(--gp-gold-soft))}.public-site .hero-section__lead{color:#fffaf0}.public-site .hero-section__support{color:#f0e6d4}.public-site .hero-section:after{background:linear-gradient(transparent,var(--gp-panel));height:6rem}.public-site .world-vanguard-section{background:var(--gp-panel)}.public-site .world-vanguard-section>.media-backdrop{display:none}.public-site .section-heading__kicker{color:var(--gp-paper-ink-2)}.public-site .world-showcase{border-color:var(--gp-frame-strong);box-shadow:0 3px 0 var(--gp-tone-secondary-edge)}.public-site .world-showcase__caption{color:#fffaf0}.public-site .selector-rail button{background:var(--gp-cell);border-color:var(--gp-frame-strong);color:var(--gp-paper-ink-2)}.public-site .selector-rail button[aria-pressed=true]{color:var(--gp-tone-primary-ink);background:var(--gp-tone-primary);border-color:var(--gp-control-rim)}.public-site .text-link{color:var(--gp-parchment-ink-strong)}.public-site .text-link:hover{color:var(--gp-parchment-ink)}.public-site .vanguard-showcase{background:var(--gp-panel-2);box-shadow:0 4px 0 var(--gp-tone-secondary-edge);border-color:var(--gp-frame-strong)}.public-site .vanguard-showcase__portrait-wrap{background:radial-gradient(ellipse at 50% 65%,var(--gp-cell),transparent 70%)}.public-site .vanguard-showcase__copy p{color:var(--gp-paper-ink-2)}.public-site .monster-showcase__card{background:var(--gp-cell);border-color:var(--gp-frame-strong);box-shadow:0 3px 0 var(--gp-tone-secondary-edge)}.public-site .feature-card{background:var(--gp-panel);box-shadow:inset 0 1px 0 var(--gp-control-highlight),0 3px 0 var(--gp-tone-secondary-edge)}.public-site .feature-card__number,.public-site .getting-started__steps li>span{color:var(--gp-parchment-ink)}.public-site .getting-started{background:var(--gp-panel)}.public-site .join-section{background:var(--gp-bg)}.public-site .join-section .media-backdrop{opacity:.14}.public-site .join-section .media-backdrop:after{background:var(--gp-panel);opacity:.65}.public-site .site-footer{background:var(--gp-panel-2)}.public-site .site-footer__inner{color:var(--gp-paper-ink-2)}.public-site .sprite-player__stage{background:radial-gradient(ellipse at 50% 80%,var(--gp-panel),transparent 70%),var(--gp-inset-solid)}.public-site .sprite-player__caption{color:var(--gp-paper-ink-2)}.public-site .sprite-player__rune{border-color:var(--gp-frame-strong);box-shadow:0 0 28px var(--gp-control-highlight)}.public-site .sprite-player__controls{background:var(--gp-panel);border-color:var(--gp-frame-strong)}.public-site .sprite-player__controls button{background:var(--gp-cell);border-color:var(--gp-frame-strong);color:var(--gp-paper-ink-2)}.public-site .sprite-player__controls button[aria-pressed=true]{background:var(--gp-tone-primary);color:var(--gp-tone-primary-ink);border-color:var(--gp-control-rim)}.public-site .codex-detail__identity{background:var(--gp-panel)}.public-site .codex-panel{background:var(--gp-cell);box-shadow:0 3px 0 var(--gp-tone-secondary-edge)}.public-site .codex-panel p,.public-site .codex-skills>p{color:var(--gp-paper-ink-2)}.public-site .codex-panel .codex-note{color:var(--gp-paper-ink-2)}.public-site .codex-stats dd{color:var(--gp-paper-ink)}.public-site .skill-type{color:var(--gp-parchment-ink)}.public-site .codex-pagination a{color:var(--gp-parchment-ink-strong)}.public-site .codex-filters input,.public-site .codex-filters select{background:var(--gp-cell)}.public-site .codex-filters input::placeholder{color:var(--gp-paper-ink-2)}.public-site .codex-kind button{background:var(--gp-cell);color:var(--gp-paper-ink-2)}.public-site .codex-kind button[aria-pressed=true]{background:var(--gp-tone-primary);color:var(--gp-tone-primary-ink);border-color:var(--gp-control-rim)}.public-site .codex-card{background:var(--gp-cell);box-shadow:0 3px 0 var(--gp-tone-secondary-edge)}@media(hover:hover){.public-site .codex-card:hover{border-color:var(--gp-control-rim)}}.public-site .codex-card__art{background:radial-gradient(ellipse at bottom,var(--gp-cell),var(--gp-panel-2) 75%)}.public-site .codex-card__boss{background:var(--gp-tone-primary);color:var(--gp-tone-primary-ink)}.public-site [data-element]{color:color-mix(in srgb,rgb(var(--gp-muted)) 25%,var(--gp-paper-ink))}.public-site [data-element=light]{color:color-mix(in srgb,rgb(var(--gp-gold)) 25%,var(--gp-paper-ink))}.public-site [data-element=shadow]{color:color-mix(in srgb,rgb(var(--gp-special)) 35%,var(--gp-paper-ink))}.public-site [data-element=fire]{color:color-mix(in srgb,rgb(var(--gp-ember)) 30%,var(--gp-paper-ink))}.public-site [data-element=water]{color:color-mix(in srgb,rgb(var(--gp-info)) 30%,var(--gp-paper-ink))}.public-site [data-element=earth]{color:var(--gp-parchment-ink)}.public-site [data-element=wind]{color:color-mix(in srgb,rgb(var(--gp-positive)) 30%,var(--gp-paper-ink))}.public-site :focus-visible{outline-color:var(--gp-focus-color)}@media(max-width:767px){.public-site .site-header__nav{background:var(--gp-panel);border-color:var(--gp-frame-strong);box-shadow:var(--gp-shadow-panel)}}.public-site .hero-section h1,.public-site .section-heading h2,.public-site .vanguard-showcase__copy h3,.public-site .monster-showcase__copy h3,.public-site .codex-heading h1,.public-site .codex-skills>h2,.public-site .codex-card__copy h2,.public-site .feature-card h3,.public-site .getting-started__steps h3,.public-site .codex-panel h2,.public-site .codex-panel h3{font-family:var(--gp-font-heading);font-weight:500;letter-spacing:normal;line-height:1.45}.public-site .hero-section h1{line-height:1.25}.public-site .hero-section__kicker,.public-site .section-heading__kicker{font-weight:600;letter-spacing:.08em}.public-site :lang(th) .section-heading__kicker,.public-site :lang(th) .hero-section__kicker{letter-spacing:.02em}.public-site .codex-stats dd{font-family:var(--gp-font-display);font-weight:600;font-variant-numeric:tabular-nums}.public-site .hero-section__lead,.public-site .hero-section__support{line-height:1.85}.public-site .campaign-cta,.public-site .site-header__play{font-weight:600}.public-site .hero-section{padding-top:calc(4.75rem + env(safe-area-inset-top,0px))}@media(max-width:767px){.public-site .hero-section{padding-top:calc(4.25rem + env(safe-area-inset-top,0px))}}.public-site :is(.site-header__play,.site-header__menu-button,.site-header__locale-select select,.campaign-cta,.selector-rail button,.sprite-player__controls button,.codex-kind button){--site-control-fill: var(--gp-tone-secondary);--site-control-edge: var(--gp-tone-secondary-edge);--site-control-ink: var(--gp-paper-ink);min-height:44px;border:1px solid var(--gp-control-rim);border-radius:var(--gp-radius-sm);background-color:var(--site-control-fill);color:var(--site-control-ink);box-shadow:inset 0 calc(-1 * var(--gp-control-lip)) 0 var(--site-control-edge),inset 0 1px 0 var(--gp-control-highlight);font-family:var(--gp-font-display);font-weight:600}.public-site :is(.site-header__play,.campaign-cta--primary,button[aria-pressed=true]){--site-control-fill: var(--gp-tone-primary);--site-control-edge: var(--gp-tone-primary-edge);--site-control-ink: var(--gp-tone-primary-ink)}.public-site .campaign-cta{min-height:48px}.public-site .site-header__actions{align-items:center;gap:.5rem}.public-site .site-header__brand{justify-content:center;flex-shrink:0;width:52px;height:52px;padding:5px;border:1px solid var(--gp-control-rim);border-radius:50%;background:var(--gp-paper-ink)}.public-site .site-header__brand img{width:100%;height:100%;object-fit:contain}@media(max-width:767px){.public-site .site-header__actions{margin-left:auto}.public-site .site-header__play,.public-site .site-header__locale-select select{height:44px;white-space:nowrap}.public-site .site-header__locale-select select{font-size:.8rem}.public-site .site-header__menu-button{width:44px;height:44px;padding:0}.public-site .site-header[data-enhanced=true] .site-header__menu-button{display:grid;place-content:center;gap:4px}.public-site .site-header__menu-button span{width:20px;height:2px;margin:0}.public-site .site-header__brand{width:44px;height:44px;min-width:44px}}@media(hover:hover){.public-site :is(.site-header__menu-button,.site-header__locale-select select,.selector-rail button,.sprite-player__controls button,.codex-kind button):hover{background-color:var(--gp-tone-secondary-hi)}.public-site :is(.selector-rail button,.sprite-player__controls button,.codex-kind button)[aria-pressed=true]:hover{background-color:var(--gp-tone-primary-hi)}}@media(hover:none){.public-site :is(.site-header__play,.campaign-cta--primary):hover{background-color:var(--gp-tone-primary)}}.site-header__locale-select select{min-height:44px;min-width:4.5rem;max-width:6rem;padding:.5rem;font-size:.8rem}.public-site .site-select{display:inline-flex;align-items:center;justify-content:space-between;gap:.75rem;min-height:44px;padding:.5rem .75rem;border:1px solid var(--gp-control-rim);border-radius:var(--gp-radius-sm);background:var(--gp-tone-secondary);color:var(--gp-paper-ink);box-shadow:inset 0 -3px 0 var(--gp-tone-secondary-edge);font:600 .875rem/1.6 var(--gp-font-display);cursor:pointer}.site-header__locale-select .site-select{min-width:5rem}.codex-element-select{min-width:8rem}.site-select>span{display:inline-flex;align-items:center}.site-select-menu{z-index:100;width:var(--radix-popover-trigger-width);min-width:6rem;max-height:min(20rem,var(--radix-popover-content-available-height));overflow-y:auto;padding:.25rem;border:1px solid var(--gp-frame-strong);border-radius:var(--gp-radius-sm);background:var(--gp-panel-2);color:var(--gp-paper-ink);box-shadow:0 6px 18px #3f302026;font-family:var(--gp-font-display)}.site-select-menu [role=option]{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%;min-height:44px;padding:.5rem .75rem;border:0;border-radius:var(--gp-radius-sm);background:transparent;color:var(--gp-paper-ink);text-align:start;font:500 .875rem/1.6 var(--gp-font-display);cursor:pointer}.site-select-menu [role=option][aria-selected=true]{background:var(--gp-tone-primary)}.site-select-menu [role=option]:hover,.site-select-menu [role=option]:focus-visible{background:var(--gp-cell-hi)}.site-select-menu [aria-selected=false]>svg{visibility:hidden}.public-site .site-select:focus-visible{outline:2px solid var(--gp-paper-ink);outline-offset:2px}