@charset "UTF-8";
:root{--bg:#101917;--deep:#0a1211;--panel:#18231f;--gold:#d4ac73;--light:#f2e8d5;--muted:#acb5ab;--line:rgba(212,172,115,.25);color-scheme:dark;font-family:"Malgun Gothic","Apple SD Gothic Neo",sans-serif;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--light);line-height:1.7}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{border:0}button:disabled{cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #f8d493;outline-offset:6px}img{max-width:100%;display:block}[hidden]{display:none!important}.wrap{width:min(1240px,calc(100% - 96px));margin-inline:auto}.section{padding-block:110px}.eyebrow{font-size:11px;letter-spacing:.25em;color:var(--gold);font-weight:700;margin:0 0 18px}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Georgia,"Batang","바탕",serif;font-weight:600;letter-spacing:-.055em;line-height:1.4}h2{font-size:clamp(30px,3.2vw,46px);margin-bottom:20px}h3{line-height:1.5}p{color:var(--muted)}.skip{position:fixed;left:16px;top:-100px;z-index:50;padding:12px;background:var(--deep)}.skip:focus{top:12px}
.header{height:88px;position:absolute;inset:0 0 auto;z-index:20;display:flex;align-items:center;gap:42px;padding:0 4%;background:linear-gradient(#0a1515ee,#0a1515a6);border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}.header.is-fixed{position:fixed;background:#0d1917f2;box-shadow:0 5px 30px #0005;animation:header-in .25s ease-out}.brand{display:flex;align-items:center;gap:14px;font:700 22px Georgia,serif;letter-spacing:.13em;color:#ead7b5;line-height:1.2}.brand small{display:block;text-align:center;font:10px "Malgun Gothic",sans-serif;letter-spacing:.45em;margin-top:7px}.brand-mark{display:grid;place-items:center;width:36px;height:44px;color:var(--gold);font-size:27px;border:1px solid var(--gold);clip-path:polygon(50% 0,100% 20%,100% 80%,50% 100%,0 80%,0 20%)}nav{display:flex;align-items:center;gap:32px;margin-left:28px}nav a{color:#d9dfd5;font-size:13px;transition:color .2s}nav a:hover,nav a.active{color:#f4c984}.header-download{margin-left:auto}.menu-toggle{display:none}.button{display:inline-flex;align-items:center;justify-content:center;gap:34px;min-height:56px;padding:14px 30px;background:linear-gradient(120deg,#b77e3f,#e0b775 48%,#b37e43);color:#17221b;border:1px solid #f1cd8c;box-shadow:inset 0 0 0 3px #a5773b66,0 5px 24px #0003;font-weight:700;font-size:14px;transition:filter .2s,transform .2s;clip-path:polygon(7px 0,calc(100% - 7px) 0,100% 7px,100% calc(100% - 7px),calc(100% - 7px) 100%,7px 100%,0 calc(100% - 7px),0 7px)}.button:hover{filter:brightness(1.15);transform:translateY(-2px)}.button.small{font-size:12px;min-height:42px;padding:9px 22px;gap:20px}.text-link{display:inline-flex;align-items:center;gap:20px;font-size:13px;font-weight:700;padding:8px 0;background:none;letter-spacing:-.02em}.text-link span{transition:transform .2s}.text-link:hover span{transform:translateX(5px)}.gold{color:var(--gold)}
.hero{position:relative;min-height:760px;height:min(950px,100svh);isolation:isolate;overflow:hidden;background:#19362e}.hero-art,.hero-shade{position:absolute;inset:0;z-index:-2}.hero-art{background:url('assets/adventure.png') 62% center/cover no-repeat;animation:world-breathe 28s ease-in-out infinite alternate;transform-origin:65% 55%}.hero-shade{z-index:-1;background:linear-gradient(90deg,#081a18e8 0%,#0a201bbb 23%,#0b211b36 51%,transparent 72%),linear-gradient(0deg,var(--bg) 0%,transparent 24%,#091b1b22 80%)}.hero-copy{padding-top:190px;position:relative}.hero-copy>.eyebrow{color:#f3d5a4;letter-spacing:.27em;margin-bottom:18px}.hero-brand{font-size:16px;letter-spacing:.55em;color:#eed5ac;margin-bottom:18px}.hero h1{font-size:clamp(40px,4.3vw,66px);line-height:1.3;margin-bottom:20px;text-shadow:0 3px 25px #00120a66;color:#fff4dd}.little-rule{font-size:9px;color:var(--gold);display:flex;align-items:center;gap:14px;width:165px;margin:22px 0}.little-rule:before,.little-rule:after{content:"";height:1px;background:linear-gradient(90deg,transparent,var(--gold));flex:1}.little-rule:after{transform:rotate(180deg)}.hero-description{color:#e1e7d9;font-size:15px;line-height:1.9;margin-bottom:28px}.hero-actions{display:flex;gap:26px;align-items:center}.platforms{font-size:9px;color:#d3dccb;letter-spacing:.16em;margin-top:23px}.platforms span{padding:0 12px;color:var(--gold)}.scroll-cue{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);display:grid;justify-items:center;gap:8px;color:#d9e0d0;font-size:10px;letter-spacing:.12em}.scroll-cue i{font-size:24px;font-style:normal;color:var(--gold);animation:drift 3s ease-in-out infinite}.hero-coordinate{position:absolute;right:4%;bottom:55px;color:#dfebda;font-size:9px;letter-spacing:.15em;line-height:2;text-align:right}
.section-top{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:38px}.section-top h2{margin:0}.section-note{font-size:12px;color:#a9b4a7;margin:0 0 9px}.news{padding-top:75px}.news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.story{display:block;width:100%;text-align:left;padding:0;background:#17221e;border:1px solid var(--line);transition:transform .25s,border-color .25s;overflow:hidden}.story:hover{transform:translateY(-6px);border-color:var(--gold)}.story-image{display:block;height:205px;position:relative;overflow:hidden;border-bottom:1px solid var(--line)}.fusion-image{background:linear-gradient(0deg,#16372b33,#16372b00),url('assets/adventure.png') 72% 50%/auto 100%}.equipment-image{background:linear-gradient(20deg,#18352d77,transparent),url('assets/adventure.png') 45% center/auto 150%}.volcano-image{background:radial-gradient(ellipse at center,#8c4c2644,#18221d 75%)}.volcano-image img{width:100%;height:100%;object-fit:contain;object-position:center 60%;padding:8px 35px}.story-tag{position:absolute;left:18px;top:18px;background:#0b1716dd;border:1px solid #baa07866;padding:3px 10px;color:#e8d9bc;font-size:10px}.story-body{display:block;padding:25px 24px 20px}.story-body>small{display:block;font-size:11px;color:var(--gold);margin-bottom:9px}.story strong{font-size:20px;line-height:1.55;font-weight:600;letter-spacing:-.04em;display:block}.story-bottom{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#a5b19f;margin-top:28px;padding-top:16px;border-top:1px solid #ffffff0c}.story-bottom b{font-size:20px;font-weight:400;color:var(--gold)}
.world{position:relative;min-height:650px;isolation:isolate;overflow:hidden;border-block:1px solid var(--line);display:grid;align-items:center}.world-landscape{position:absolute;inset:0;z-index:-2;background:url('assets/world.png') 65% center/cover no-repeat}.world:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0c1b17f5 0%,#0c1b17df 28%,#0c1b1733 70%),linear-gradient(0deg,#0d1a1577,transparent 40%)}.world-inner{display:flex;justify-content:space-between;align-items:end;gap:24px}.world-copy h2{font-size:clamp(34px,3.5vw,51px);margin-bottom:27px}.world-copy>p:not(.eyebrow){font-size:13px;color:#c9d2c4;line-height:1.95}.lead{font-size:16px!important;color:#dce2d3!important;line-height:1.9}.world-copy .text-link{margin-top:20px}.world-caption{display:flex;align-items:center;gap:16px;font-size:11px;color:#eff3db;text-shadow:0 2px 10px #09241d;letter-spacing:.06em}.world-caption b{font-weight:400;font-size:13px}.compass{font-size:58px;color:#f6dfae;line-height:1}.center-heading{text-align:center}.center-heading h2{margin-bottom:15px}.center-heading>p:last-child{font-size:13px}.pets{padding-bottom:90px}.pet-stage{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:75px;max-width:920px;margin:35px auto 0}.pet-portrait{height:350px;position:relative;display:grid;place-items:center;background:radial-gradient(ellipse,#b5b27318,transparent 65%)}.pet-orbit{position:absolute;inset:30px 50px;border:1px solid var(--line);border-radius:50%;transform:rotateX(25deg);opacity:.7}.pet-orbit:before,.pet-orbit:after{content:"";position:absolute;inset:12px;border:1px solid #d4ac7311;border-radius:50%}.pet-orbit:after{inset:-15px;border-style:dashed}.pet-sprite{background-image:url('assets/companions.png');background-repeat:no-repeat;position:relative;filter:drop-shadow(0 25px 20px #0005);animation:drift 5s ease-in-out infinite}.pet-sprite.duri{width:190px;height:190px;background-size:auto 380px;background-position:59% 100%}.pet-sprite.yangiro{width:280px;height:310px;background-size:auto 310px;background-position:right bottom}.art-caption{position:absolute;bottom:3px;font-size:9px;letter-spacing:.08em;color:#889584}.pet-info h3{font:600 43px Georgia,"Batang",serif;letter-spacing:-.04em;margin-bottom:22px}.pet-info>p:not(.eyebrow){font-size:13px;line-height:1.95;max-width:350px}.pet-divider{width:50px;height:1px;background:var(--gold);margin:27px 0}.pet-note{font-size:11px!important;letter-spacing:.08em;color:#c4caba}.pet-switch{display:flex;justify-content:center;gap:10px;margin-top:25px}.pet-switch button{display:flex;align-items:center;gap:14px;padding:13px 26px;background:transparent;border:1px solid #b99a633d;color:#9fae9d;font-size:12px;min-width:120px}.pet-switch button[aria-pressed=true]{border-color:var(--gold);background:#c89b5514;color:#edd3a7}.pet-dot{width:9px;height:9px;border-radius:50%;display:block}.orange{background:#d8974b;box-shadow:0 0 15px #ffb62f44}.blue{background:#5591b4;box-shadow:0 0 15px #468dcd44}
.guide{background:#0c1513;border-block:1px solid var(--line)}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:50px;margin-top:52px}.guide-grid article{position:relative;border-top:1px solid var(--line);padding-top:30px}.step{position:absolute;right:0;top:20px;color:#d3ad7544;font:48px Georgia,serif}.guide h3{font-size:19px;margin:0 0 18px}.guide-grid p{font-size:13px;line-height:1.95;max-width:310px;min-height:82px}.guide-grid .text-link{font-size:11px}.download{position:relative;isolation:isolate;text-align:center;overflow:hidden}.download-background{position:absolute;inset:0;z-index:-2;background:url('assets/world.png') center/cover;filter:saturate(.5)}.download:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(#101917f5,#0b1b18d9 40%,#101917f5)}.download h2{font-size:clamp(34px,3.6vw,52px);margin-bottom:12px}.download .lead{font-size:14px!important}.download-panel{max-width:620px;margin:38px auto 0;background:#12221eed;border:1px solid var(--line);box-shadow:0 18px 60px #0003}.platform-tabs{display:flex;border-bottom:1px solid var(--line)}.platform-tabs button{width:50%;padding:16px;font-size:13px;background:transparent;color:#95a697;border-bottom:2px solid transparent}.platform-tabs button[aria-selected=true]{color:#ead5b1;border-bottom-color:var(--gold);background:#d1ab7510}.platform-panel{padding:35px 30px 30px}.platform-panel h3{font-size:19px;margin-bottom:12px}.platform-panel p{font-size:12px;line-height:1.9}.platform-panel .button{margin:10px auto 20px;min-width:270px}.platform-panel>small{display:block;color:#a5b2a0;font-size:10px}.download-notice{font-size:11px;margin:23px 0 0}.faq{display:grid;grid-template-columns:1fr 1.6fr;gap:70px;border-top:1px solid var(--line);padding-block:80px}.faq h2{font-size:32px}.faq details{border-bottom:1px solid var(--line)}.faq summary{list-style:none;cursor:pointer;padding:18px 30px 18px 0;font-size:13px;color:#d9dece;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";position:absolute;right:0;color:var(--gold);font-size:20px;top:12px}.faq details[open] summary:after{content:"−"}.faq details p{font-size:12px;line-height:1.9;margin-bottom:22px;padding-right:25px}footer{background:#091210;text-align:center;padding:55px 24px 38px;border-top:1px solid var(--line)}.footer-brand{font:24px Georgia,serif;color:#c4a477;letter-spacing:.25em}.footer-brand span{display:block;font:10px "Malgun Gothic",sans-serif;letter-spacing:.4em;margin-top:7px}footer p{font-size:11px;margin-top:22px}footer>div{display:flex;justify-content:center;flex-wrap:wrap;gap:24px;font-size:11px;margin:23px 0}footer>small{font-size:9px;color:#637767;letter-spacing:.12em}.mobile-download{display:none}
dialog{width:min(570px,calc(100% - 32px));max-height:80svh;padding:45px;background:#17251f;border:1px solid var(--gold);color:var(--light);box-shadow:0 25px 100px #0008}dialog::backdrop{background:#07120ee6;backdrop-filter:blur(5px)}dialog h2{font-size:29px;margin-bottom:25px}dialog p{font-size:14px;line-height:1.9}dialog .button{margin-top:15px}.dialog-close{position:absolute;right:14px;top:8px;background:none;color:var(--gold);font-size:30px;padding:2px 8px;line-height:1.2}
@keyframes drift{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes world-breathe{from{transform:scale(1)}to{transform:scale(1.035)}}@keyframes header-in{from{transform:translateY(-100%)}to{transform:translateY(0)}}
@media(min-width:1800px){.hero-copy{padding-top:230px}.hero-art{background-position:center}}
@media(max-width:1100px){.header{gap:24px}nav{gap:22px;margin-left:0}.brand{font-size:19px;gap:9px}.header-download{gap:12px!important;padding-inline:15px!important}.wrap{width:calc(100% - 64px)}.hero-copy{padding-top:185px}.hero{min-height:720px}.hero-art{background-position:57% center}.hero-shade{background:linear-gradient(90deg,#081a18ef,#0a201ba6 32%,transparent 75%),linear-gradient(0deg,var(--bg),transparent 30%)}.story-image{height:180px}.story-body{padding:20px}.story strong{font-size:18px}.pet-stage{gap:35px}.guide-grid{gap:30px}}
@media(max-width:800px){html{scroll-padding-top:85px}.section{padding-block:75px}.header{height:72px;position:absolute;gap:16px;padding-inline:22px}.brand{font-size:19px}.brand small{font-size:8px}.brand-mark{width:30px;height:37px;font-size:23px}.header-download{display:none}.menu-toggle{display:flex;flex-direction:column;gap:5px;justify-content:center;align-items:center;margin-left:auto;background:transparent;width:44px;height:44px}.menu-toggle span{width:23px;height:1px;background:var(--gold);transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(6px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-6px) rotate(-45deg)}nav{display:none;position:absolute;top:72px;left:0;right:0;background:#0d1b17fa;padding:25px 30px;border-bottom:1px solid var(--line);box-shadow:0 20px 30px #0005}nav.open{display:flex;flex-direction:column;align-items:stretch;gap:0}nav a{padding:14px 0}.hero{height:auto;min-height:880px}.hero-art{height:460px;top:72px;background-size:auto 460px;background-position:67% center;animation:none}.hero-shade{background:linear-gradient(0deg,var(--bg) 0%,var(--bg) 38%,#101917ee 46%,transparent 75%)}.hero-copy{padding-top:485px;padding-bottom:100px;text-align:center}.hero-copy>.eyebrow{font-size:9px;margin-bottom:13px}.hero-brand{font-size:13px;margin-bottom:15px}.hero h1{font-size:42px}.little-rule{margin:18px auto}.hero-description{font-size:13px}.hero-actions{justify-content:center;gap:20px;flex-wrap:wrap}.hero-actions .text-link{font-size:12px}.hero .button{min-height:52px;padding:12px 24px;gap:20px}.platforms{margin-top:20px}.hero-coordinate{display:none}.scroll-cue{bottom:20px}.scroll-cue span{display:none}.section-top{align-items:start;gap:20px}.section-note{max-width:170px;font-size:10px;margin-top:35px}.news-grid{gap:15px}.story-body{padding:17px 15px}.story strong{font-size:16px}.story-bottom{font-size:9px;margin-top:20px;gap:10px}.story-image{height:150px}.story-tag{top:10px;left:10px;font-size:9px;padding:2px 7px}.volcano-image img{padding:8px}.world{min-height:590px}.world:after{background:linear-gradient(90deg,#0c1b17f0,#0c1b17aa 50%,#0c1b1744)}.world-caption{display:none}.world-landscape{background-position:65% center}.world-copy h2{font-size:37px}.pet-stage{grid-template-columns:1fr 1fr;gap:25px}.pet-portrait{height:320px}.pet-orbit{inset:45px 15px}.pet-info h3{font-size:37px}.pet-info>p:not(.eyebrow){font-size:12px}.guide-grid{gap:24px}.guide h3{font-size:17px}.step{font-size:35px;top:23px}.guide-grid p{font-size:12px;min-height:140px}.guide-grid .text-link{font-size:10px}.faq{grid-template-columns:1fr;gap:20px}.faq h2{margin-bottom:0}}
@media(max-width:560px){.wrap{width:calc(100% - 40px)}.eyebrow{font-size:9px;letter-spacing:.2em}.section{padding-block:65px}.section-top{display:block;margin-bottom:28px}.section-note{display:block;max-width:none;margin-top:12px}.hero{min-height:870px}.hero-art{height:360px;background-size:auto 360px;background-position:65% center}.hero-shade{background:linear-gradient(0deg,var(--bg) 0%,var(--bg) 45%,#101917ef 52%,#10191700 76%)}.hero-copy{padding-top:395px;padding-bottom:95px}.hero h1{font-size:39px}.hero-description{font-size:12px}.hero-actions{gap:14px;flex-direction:column}.hero-copy>.eyebrow{font-size:8px}.hero-brand{font-size:12px}.platforms{font-size:8px;margin-top:10px}.hero-actions .button{width:240px}.hero-actions .text-link{font-size:11px}.news{padding-top:48px}.news-grid{grid-template-columns:1fr;gap:24px}.story-image{height:190px}.story-body{padding:24px}.story strong{font-size:21px}.story-bottom{font-size:11px}.story-tag{left:18px;top:18px;font-size:10px}.fusion-image{background-size:cover;background-position:70% center}.equipment-image{background-size:cover;background-position:center}.world{min-height:610px}.world-copy h2{font-size:36px}.world-copy .lead{font-size:15px!important}.world-copy>p:not(.eyebrow){font-size:12px}.world:after{background:linear-gradient(90deg,#0c1b17e8,#0c1b17a6),linear-gradient(0deg,#0c1b17aa,transparent)}.pet-stage{grid-template-columns:1fr;gap:10px;margin-top:20px}.pet-portrait{height:300px;max-width:330px;width:100%;margin:auto}.pet-orbit{inset:20px 24px}.pet-sprite.yangiro{height:270px;width:245px;background-size:auto 270px}.pet-info{text-align:center}.pet-info h3{font-size:34px;margin-bottom:16px}.pet-info p{margin-inline:auto}.pet-divider{margin:20px auto}.pet-info .eyebrow{margin-top:18px}.pet-switch{margin-top:25px}.guide-grid{grid-template-columns:1fr;gap:35px}.guide-grid article{padding:24px 0 0}.guide-grid p{min-height:0;max-width:none;font-size:12px;margin-bottom:10px;padding-right:24px}.guide h3{font-size:20px}.step{font-size:42px;top:15px}.guide-grid .text-link{font-size:12px}.download h2{font-size:34px}.download .lead{font-size:12px!important}.platform-panel{padding:29px 20px}.platform-panel h3{font-size:17px}.platform-panel p{font-size:11px}.platform-panel .button{min-width:0;width:100%;font-size:12px;gap:18px}.platform-panel>small{font-size:9px}.download-notice{font-size:10px}.platform-tabs button{font-size:12px}.faq summary{font-size:12px}.faq details p{font-size:11px}footer{padding-bottom:100px}.mobile-download{display:flex;align-items:center;justify-content:center;gap:32px;position:fixed;bottom:0;left:0;right:0;padding:13px 20px calc(13px + env(safe-area-inset-bottom));background:linear-gradient(120deg,#b77e3f,#e0b775 48%,#b37e43);color:#18241a;border-top:1px solid #eace98;font-size:13px;font-weight:700;z-index:15;box-shadow:0 -5px 25px #0004}dialog{padding:36px 25px}dialog h2{font-size:25px}dialog p{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}