@font-face{font-family:Kanit;src:url('assets/kanit-thai.woff2')}@font-face{font-family:Kanit;src:url('assets/kanit-latin.woff2');unicode-range:U+0000-00FF}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:#f4f2e9;color:#213b32;font-family:Kanit,system-ui,sans-serif;font-weight:400}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid #d4a74d;outline-offset:5px}header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 5.5%;position:sticky;top:0;background:#f4f2e9ed;backdrop-filter:blur(18px);z-index:10;border-bottom:1px solid #213b3215}.brand{font-family:Georgia,serif;font-size:20px;letter-spacing:2px;font-weight:bold;white-space:nowrap}.brand span{color:#98712f;font-size:30px;vertical-align:middle;margin-right:8px}nav{display:flex;gap:30px;font-size:14px}nav a{position:relative}nav a:after{content:'';position:absolute;left:0;right:100%;bottom:-8px;height:2px;background:#98712f;transition:right .3s}nav a:hover:after{right:0}.small-button{border:1px solid #213b323b;border-radius:6px;padding:11px 19px;font-size:14px}.small-button span{margin-left:20px}.hero{min-height:720px;position:relative;display:grid;grid-template-columns:44% 56%;background:#102924;color:#f5f2de;overflow:hidden;padding:68px 5.5% 85px;gap:25px}.hero-copy{z-index:2;padding-top:12px}.eyebrow{font-family:Kanit,sans-serif;font-size:11px;letter-spacing:2.8px;color:#98712f;display:flex;gap:10px;align-items:center}.hero .eyebrow{color:#d8c99e}.eyebrow i,.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#d2aa62}h1{font-size:clamp(48px,5.7vw,84px);line-height:1.18;letter-spacing:-2px;font-weight:400;margin:29px 0 24px}em{font-style:normal;color:#a98143}h1 em{color:#dfbd79}p{color:#68756b;font-size:16px;line-height:1.85}.hero-copy p{color:#b7c6b8;font-size:16px}.actions{display:flex;align-items:center;gap:25px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:32px;background:#dfbc77;border:0;color:#203b2f;padding:16px 23px;border-radius:5px;transition:transform .25s,background .25s}.button:hover{transform:translateY(-3px);background:#ecd398}.text-button{font-size:14px;color:#d1dbc9}.hero-foot{display:flex;gap:16px;margin-top:39px;font-size:11px;color:#9bb09f}.hero-foot span+span:before{content:'·';margin-right:16px}.hero-scene{position:relative;align-self:center;height:535px;border:1px solid #c6dcac26;border-radius:140px 140px 12px 12px;overflow:hidden;background:radial-gradient(ellipse at center,#315246,#0b2321);box-shadow:0 40px 90px #07181480}canvas{width:100%;height:100%;display:block}.scene-top{position:absolute;top:35px;left:35px;right:35px;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#e6d3a2}.scene-label{letter-spacing:2px;font-size:8px;color:#adbea8}.scene-bottom{position:absolute;bottom:0;left:0;right:0;padding:23px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(transparent,#091f1bec);font-size:12px}.scene-bottom small{display:block;margin-left:15px;font-size:9px;color:#a0b6a9;margin-top:5px}.scene-bottom button{background:#17332dd9;border:1px solid #b8c9b53b;color:#dddcc8;border-radius:5px;padding:9px;font-size:10px}.live-dot{margin-right:8px;background:#aad69a}.scene-status{position:absolute;top:45%;text-align:center;width:100%;color:#c3d2b5;font-size:13px}.scroll-note{position:absolute;bottom:24px;left:5.5%;font-size:9px;letter-spacing:2px;color:#9bb09f}.scroll-note span{margin-left:20px;font-size:18px}.section{padding:100px 7.5%;scroll-margin-top:10px}.section-intro{display:grid;grid-template-columns:1fr 1.5fr 1fr;align-items:center;gap:25px}h2{font-size:clamp(32px,3.4vw,48px);line-height:1.35;font-weight:400;letter-spacing:-.7px;margin:15px 0}h2 em{display:block}.section-intro p,.section-heading p{font-size:14px}.system-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:52px}.system-grid article{border-top:1px solid #213b3235;position:relative;padding-top:25px}.feature-number{font-family:Georgia,serif;font-size:13px;color:#9e8c62}h3{font-weight:400;font-size:22px;margin:15px 0 8px}.system-grid p{font-size:14px;max-width:300px}.mini-party{display:flex;height:105px;align-items:center}.mini-party img{width:95px;height:95px;object-fit:contain;margin-right:-15px}.keys{height:100px;display:flex;align-items:center;gap:15px}.keys span{font-size:12px}kbd{border:1px solid #b5baa5;border-bottom-width:3px;padding:9px 14px;border-radius:8px;font:18px Georgia}.feature-item{height:100px;float:right;position:relative;right:25px}.heroes{background:#e7e9de}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:38px}.hero-browser{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #a4b09b55;border-bottom:1px solid #a4b09b55;min-height:430px}.portrait-stage{position:relative;display:flex;justify-content:center;align-items:center;min-height:430px;overflow:hidden;background:radial-gradient(ellipse,#ced7ba80,transparent 65%)}.portrait-stage>img{width:310px;height:310px;object-fit:contain;z-index:2;filter:drop-shadow(0 18px 14px #45602c30);animation:float 6s ease-in-out infinite}.orbit{position:absolute;width:330px;height:330px;border:1px solid #a1ad8d70;border-radius:50%}.orbit:before{content:'';position:absolute;inset:20px;border:1px dashed #a1ad8d60;border-radius:50%}.portrait-symbol{position:absolute;font-size:240px;color:#9aa97c20;left:15%}.portrait-caption{position:absolute;bottom:20px;font-size:8px;letter-spacing:2px;color:#87947c}.hero-detail{padding:55px 30px 45px}.hero-detail h3{font-size:38px;margin:10px 0}.pill{display:inline-block;padding:4px 12px;border:1px solid #98a88775;border-radius:30px;font-size:11px}.hero-detail p{font-size:15px;min-height:58px}.hero-tabs{display:flex;gap:10px;margin:25px 0 15px;flex-wrap:wrap}.hero-tabs button{width:60px;height:65px;border:1px solid #a5af9650;background:#f4f2e960;border-radius:8px;padding:2px;transition:background .2s,transform .2s}.hero-tabs button:hover{transform:translateY(-4px)}.hero-tabs button[aria-pressed=true]{border:1px solid #9b7336;background:#d9c69960}.hero-tabs img{width:100%;height:100%;object-fit:contain}.muted{color:#859079;font-size:10px}.world-art{height:420px;position:relative;overflow:hidden;border-radius:9px;background:#244831}.world-art>img{width:100%;height:100%;object-fit:cover;animation:world-drift 22s ease-in-out infinite;filter:saturate(.7)}.world-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#08271bec,transparent 90%)}.world-overlay{position:absolute;bottom:35px;left:40px;z-index:1;color:#f3f0dc}.world-overlay h3{font-size:36px;margin:8px 0}.world-overlay p{color:#c7d5bd;font-size:14px;margin:0}.world-overlay .eyebrow{color:#dac387}.illustration-note{font-size:9px;color:#abb9a6}.map-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:15px}.map-tabs button{background:transparent;border:0;border-bottom:1px solid #c6cabc;text-align:left;padding:19px 5px;color:#68756b;font-size:14px}.map-tabs button span{font:11px Georgia;margin-right:16px}.map-tabs button[aria-pressed=true]{border-bottom:2px solid #947037;color:#203b32}.bestiary-head{display:flex;justify-content:space-between;align-items:center;margin-top:60px}.bestiary-head span{font-size:9px;letter-spacing:1px;color:#819077}.monster-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.monster-card{text-align:center;border-bottom:1px solid #b4beab50;padding:10px 0 23px}.monster-card img{height:145px;width:100%;object-fit:contain;transition:transform .4s}.monster-card:hover img{transform:translateY(-6px)}.monster-card h4{margin:0;font-weight:400;font-size:17px}.monster-card span{font:10px Georgia;color:#83917d}.items{background:#e7e9de}.item-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.item-card{display:flex;gap:15px;align-items:center;text-align:left;background:#f4f2e9a8;border:1px solid #c5ccb850;border-radius:8px;padding:20px;color:#213b32;transition:transform .25s,background .25s}.item-card:hover{transform:translateY(-4px);background:#f9f7ed}.item-card img{height:83px;width:83px;object-fit:contain}.item-card h3{font-size:17px;margin:5px 0}.item-card small{color:#8c7445;font-size:10px}.item-card span{font-size:11px;color:#7b8973}.closing{text-align:center;background:#102924;color:#f4f2e9;position:relative}.closing .eyebrow{justify-content:center;color:#c9ab72}.closing h2{font-size:48px}.closing h2 em{color:#dcba79;display:inline}.closing p{color:#abbca9}.availability{font-size:11px!important;margin-top:25px}footer{padding:35px 5.5%;display:flex;align-items:center;justify-content:space-between;font-size:12px}footer span{color:#83917d}dialog{border:1px solid #bbc4ab;border-radius:16px;padding:38px;width:min(440px,90vw);background:#f4f2e9;color:#213b32;text-align:center}dialog::backdrop{background:#071e19a8;backdrop-filter:blur(7px)}dialog img{width:170px;height:170px;object-fit:contain}dialog .eyebrow{justify-content:center}dialog h3{font-size:28px}dialog p{font-size:14px}.close{position:absolute;right:15px;top:8px;background:none;border:0;font-size:28px;color:#68756b}.close-button{padding:10px 22px}.reveal{opacity:1}.js-motion .reveal{opacity:1;transform:translateY(20px);transition:opacity .7s,transform .7s}.js-motion .reveal.visible{opacity:1;transform:translateY(0)}.motion-paused *{animation-play-state:paused!important}@keyframes float{50%{transform:translateY(-9px)}}@keyframes world-drift{50%{transform:scale(1.035) translateX(-5px)}}@media(min-width:1500px){.hero{padding-left:calc((100% - 1350px)/2);padding-right:calc((100% - 1350px)/2)}.section{padding-left:calc((100% - 1280px)/2);padding-right:calc((100% - 1280px)/2)}}@media(max-width:1000px){header{padding:0 4%;height:75px}nav{gap:18px;font-size:12px}.brand{font-size:17px}.hero{padding:45px 5% 65px;gap:15px;min-height:650px}.hero-scene{height:470px}.actions{flex-wrap:wrap;gap:18px}.hero-foot{gap:8px;font-size:9px}.hero-foot span+span:before{margin-right:8px}.section{padding:75px 5%}.section-intro{grid-template-columns:1fr 2fr}.section-intro>p{grid-column:2}.system-grid{gap:25px}.item-card{padding:14px;gap:6px}.item-card img{width:62px;height:62px}.item-card h3{font-size:14px}}@media(max-width:700px){header{height:70px}.brand{font-size:15px;letter-spacing:1px}.brand span{font-size:23px;margin-right:3px}nav{position:absolute;top:70px;left:0;right:0;background:#f4f2e9f2;padding:12px 5%;justify-content:space-between;font-size:11px;gap:8px;border-bottom:1px solid #213b3215}.small-button{font-size:11px;padding:8px 12px}.small-button span{margin-left:5px}html{scroll-padding-top:115px}.hero{grid-template-columns:1fr;padding:70px 6% 64px;gap:35px}.hero-copy{padding-top:0}h1{font-size:59px;margin:20px 0}h1 br:nth-child(2){display:none}.hero-copy p{font-size:14px}.hero-foot{font-size:10px;margin-top:25px}.hero-scene{height:410px;width:100%;border-radius:90px 90px 8px 8px}.scene-top{top:25px;left:28px;right:28px}.scene-bottom{padding:18px;font-size:10px}.scene-bottom button{font-size:9px}.scroll-note{left:6%}.section{padding:60px 6%}.section-intro{display:block}.section-intro>p{margin-bottom:0}.system-grid{grid-template-columns:1fr;gap:24px;margin-top:30px}.system-grid article{min-height:155px;padding-right:95px}.system-grid p{font-size:13px;margin-bottom:0}.mini-party{position:absolute;right:0;top:45px;display:block;height:auto}.mini-party img{display:block;width:60px;height:60px;margin-top:-20px}.keys{height:auto;margin-top:15px}.feature-item{position:absolute;right:0;top:45px;width:80px;height:80px}.section-heading{display:block;margin-bottom:27px}.section-heading p{margin-top:10px}h2{font-size:34px}.hero-browser{grid-template-columns:1fr}.portrait-stage{min-height:320px}.portrait-stage>img{height:265px;width:265px}.orbit{height:280px;width:280px}.hero-detail{padding:25px 8px 30px}.hero-detail h3{font-size:30px}.hero-detail p{min-height:0}.hero-tabs{gap:8px}.hero-tabs button{width:calc((100% - 40px)/6);height:58px}.world-art{height:360px}.world-overlay{left:23px;bottom:25px}.world-overlay h3{font-size:28px}.world-overlay p{font-size:12px}.map-tabs{gap:7px}.map-tabs button{font-size:10px;padding:15px 0}.map-tabs button span{display:block;margin-bottom:5px}.bestiary-head{display:block;margin-top:40px}.bestiary-head h3{font-size:20px}.monster-grid{grid-template-columns:1fr 1fr;gap:10px}.monster-card img{height:120px}.item-grid{grid-template-columns:1fr 1fr;gap:10px}.item-card{display:block;text-align:center;padding:15px 8px}.item-card img{width:90px;height:90px}.item-card h3{font-size:14px}.closing h2{font-size:36px}.availability{max-width:260px;margin:25px auto 0}footer{gap:20px;flex-wrap:wrap;padding:25px 6%}footer span{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-motion .reveal{opacity:1;transform:none}}


#battle{width:100%;height:100%;display:block;border:0}.scene-top,.scene-bottom{pointer-events:none}.scene-bottom button{pointer-events:auto}


/* Wildtails brand assets retain their original proportions. */
.base-stats-note{flex-basis:100%;font-size:10px;color:#68756b;text-align:left}
@media(max-width:700px){.hero-copy h1 br:nth-child(2){display:initial}}
.brand{display:inline-flex;align-items:center;line-height:1;letter-spacing:0}.brand-logo{display:block;width:105px;height:70px;object-fit:contain}.hero-logo{display:block;width:210px;height:140px;object-fit:contain;margin:-30px 0 14px;filter:drop-shadow(0 5px 12px #0005)}.hero-copy h1{font-size:clamp(44px,5.1vw,74px);margin-top:20px}.catalog-snapshot{display:flex;flex-wrap:wrap;gap:7px 14px;margin-top:23px;color:#dbca9f;font-size:11px;max-width:430px}.catalog-snapshot small{flex-basis:100%;color:#91aa98;font-size:10px}.hero-foot{margin-top:18px}footer .brand-logo{width:120px;height:80px}@media(max-width:1000px){nav{gap:17px}.brand-logo{width:100px;height:66px}}@media(max-width:700px){.brand-logo{width:85px;height:57px}.hero-logo{width:190px;height:127px;margin:-5px 0 14px}.hero-copy h1{font-size:54px}.systems-subnav{overflow-x:auto;justify-content:flex-start;white-space:nowrap}.catalog-snapshot{font-size:10px}}