:root{--forest:#173d35;--deep:#0d2926;--cream:#fff7df;--lime:#c9ed86;--gold:#efb856;--ink:#19312d;--muted:#b8c9bc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--deep);color:var(--cream);font-family:"Noto Sans TC",sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}.topbar{position:fixed;z-index:20;inset:0 0 auto;height:82px;display:flex;align-items:center;padding:0 clamp(20px,5vw,74px);gap:35px;background:linear-gradient(#08211bdc,transparent);transition:.3s}.topbar.scrolled{height:66px;background:#0d2926eb;backdrop-filter:blur(15px);border-bottom:1px solid #fff2}.brand{display:flex;align-items:center;gap:10px;letter-spacing:.08em}.leaf{display:grid;place-items:center;width:43px;height:43px;border-radius:65% 35% 60% 40%;transform:rotate(-12deg);background:var(--lime);color:var(--ink);font:700 24px "DM Serif Display"}.brand b{font:500 19px "DM Serif Display"}.brand small{display:block;font-size:7px;letter-spacing:.22em;color:#c5d8c9}.topbar nav{display:flex;gap:27px;margin:auto;font-size:12px}.topbar nav a:hover{color:var(--lime)}.join{border:1px solid #c9ed8699;background:#c9ed8614;color:#fff;padding:11px 17px;cursor:pointer}.menu-btn{display:none;border:0;background:none}.menu-btn i{display:block;width:23px;height:1px;background:#fff;margin:7px}.hero{height:100svh;min-height:690px;position:relative;display:flex;align-items:center;overflow:hidden}.hero-art{position:absolute;inset:-4%;background:url('assets/idle-valor-pets.webp') center/cover;animation:breathe 14s ease-in-out infinite alternate}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0a2923e8,#0a29238a 38%,transparent 67%),linear-gradient(0deg,#0d2926,transparent 27%)}.mist{position:absolute;z-index:1;width:80vw;height:26vh;bottom:3%;left:-15%;background:#d8ffe82b;filter:blur(60px);animation:mist 12s ease-in-out infinite alternate}.hero-copy{position:relative;z-index:2;width:min(590px,72vw);margin-left:clamp(24px,8vw,125px)}.eyebrow,.kicker{font-size:9px;font-weight:700;letter-spacing:.27em;color:var(--lime)}h1,h2{font-family:"DM Serif Display","Noto Sans TC";font-weight:400}.hero h1{font-size:clamp(78px,9vw,140px);line-height:.72;margin:30px 0;letter-spacing:-.04em;text-shadow:0 12px 45px #0008}.hero h1 em,h2 em{font-style:normal;color:var(--lime)}.hero-copy>p:not(.eyebrow){max-width:560px;font-size:14px;line-height:1.9}.actions{display:flex;align-items:center;gap:25px;margin-top:35px}.primary{border:0;background:var(--lime);color:var(--ink);padding:16px 23px;font-weight:700;cursor:pointer;box-shadow:0 13px 40px #c9ed862b;transition:.2s}.primary:hover{transform:translateY(-3px);filter:brightness(1.07)}.primary:active{transform:scale(.98)}.primary span{margin-left:27px}.actions>a{font-size:11px}.chain{position:absolute;z-index:3;right:5vw;bottom:32px;padding:10px 14px;background:#0a2923bd;border:1px solid #fff3;font-size:9px;letter-spacing:.15em}.chain i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#80f2bf;box-shadow:0 0 10px #80f2bf;margin-right:7px}.chain b{color:#80f2bf}section:not(.hero){padding:115px clamp(23px,8vw,125px)}.intro{min-height:640px;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:10vw;background:radial-gradient(circle at 15% 40%,#74a76742,transparent 30%),var(--deep)}h2{font-size:clamp(40px,5vw,72px);line-height:1.1;margin:18px 0}.intro>div:last-child{color:var(--muted);line-height:2}.creatures{background:#f8f0d9;color:var(--ink)}.section-head{text-align:center;max-width:700px;margin:0 auto 55px}.creatures .kicker{color:#57734d}.pet-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.pet{min-height:390px;padding:25px;background:#fff9e9;border:1px solid #34594727;transition:.3s}.pet:hover{transform:translateY(-8px) rotate(-1deg);box-shadow:0 25px 50px #29483b20}.pet span{font-size:8px;letter-spacing:.15em}.pet div{display:grid;place-items:center;height:190px;font-size:85px;border-radius:50%;margin:15px 0}.amber div{background:#f6c56c}.moss div{background:#a9ce78}.tide div{background:#8ed8db}.stone div{background:#b9b7a1}.pet h3{font:400 28px "DM Serif Display";margin:8px 0}.pet p{font-size:12px;line-height:1.7;color:#597068}.play{background:linear-gradient(145deg,#173d35,#0c2824)}.loop{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#ffffff1d}.loop article{position:relative;min-height:310px;padding:30px;background:#12352f}.loop b{position:absolute;right:20px;font-size:9px;color:#7c988b}.loop i{display:block;font-style:normal;font-size:40px;color:var(--lime);margin:30px 0 65px}.loop h3{font:400 27px "DM Serif Display"}.loop p{font-size:12px;color:var(--muted);line-height:1.8}.economy{display:grid;grid-template-columns:.8fr 1fr;align-items:center;gap:9vw;background:#dbe7be;color:var(--ink)}.economy-art{display:grid;place-items:center}.economy-art span{display:grid;place-items:center;width:min(32vw,380px);aspect-ratio:1;border:1px solid #46664f;border-radius:50%;font-size:150px;color:#46664f;box-shadow:0 0 0 50px #46664f0a,0 0 0 100px #46664f08}.economy .kicker{color:#4c6c52}.economy p,.economy li{line-height:1.9;color:#53675e}.road{text-align:center;background:radial-gradient(circle at 50% 20%,#6d9b5f55,transparent 40%),#0d2926}.steps{display:grid;grid-template-columns:repeat(4,1fr);max-width:1000px;margin:55px auto;background:#ffffff2b;gap:1px}.steps span{padding:26px 12px;background:#14362f;font-size:11px;color:#8ea398}.steps b{display:block;font:400 30px "DM Serif Display";margin-bottom:10px}.steps .on{color:var(--lime);box-shadow:inset 0 -2px var(--lime)}footer{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:40px clamp(20px,5vw,74px);background:#071c19;color:#99aca1;font-size:10px}.reveal{opacity:0;transform:translateY(32px);transition:.75s}.reveal.visible{opacity:1;transform:none}dialog{width:min(500px,calc(100% - 28px));padding:40px;background:#f8f0d9;color:var(--ink);border:0;box-shadow:0 30px 100px #000a}dialog::backdrop{background:#071c19d8;backdrop-filter:blur(8px)}dialog h2{font-size:38px}dialog>p:not(.kicker),dialog small{color:#64746c}.close{position:absolute;right:14px;top:10px;border:0;background:none;font-size:25px;cursor:pointer}dialog form{display:flex;margin:24px 0 14px}dialog input{flex:1;min-width:0;padding:14px;border:1px solid #27483f55;background:#fff;outline:0}dialog form button{border:0;background:var(--forest);color:#fff;padding:0 18px}.toast{position:fixed;z-index:40;left:50%;bottom:25px;translate:-50% 20px;opacity:0;background:var(--lime);color:var(--ink);padding:11px 18px;font-size:11px;transition:.2s}.toast.show{opacity:1;translate:-50% 0}@keyframes breathe{to{transform:scale(1.07) translate(-.5%,.4%)}}@keyframes mist{to{translate:30% -10%;opacity:.55}}
@media(max-width:800px){.topbar{height:66px;padding:0 17px}.topbar nav{position:fixed;inset:66px 0 auto;display:grid;padding:15px 22px 25px;background:#0d2926f4;transform:translateY(-140%);transition:.3s}.topbar nav.open{transform:none}.topbar nav a{padding:13px}.topbar>.join{display:none}.menu-btn{display:block;margin-left:auto}.hero-art{inset:-2% -55%;background-position:62% center}.hero:after{background:linear-gradient(0deg,#0d2926,#0d292655 58%,#071c1955)}.hero-copy{width:auto;margin:0 22px;align-self:flex-end;padding-bottom:110px}.hero h1{font-size:clamp(68px,21vw,96px)}.hero-copy>p:not(.eyebrow){font-size:12px}.actions>a{display:none}.chain{left:22px;right:auto;bottom:24px}section:not(.hero){padding:82px 22px}.intro,.economy{grid-template-columns:1fr;gap:55px}.pet-grid,.loop{grid-template-columns:1fr}.pet{min-height:330px}.pet div{height:150px}.economy-art span{width:230px;font-size:100px}.steps{grid-template-columns:1fr 1fr}footer{flex-direction:column;text-align:center}dialog form{display:grid;gap:8px}dialog form button{padding:13px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-art,.mist{animation:none}.reveal{opacity:1;transform:none}}
/* IDLE Valor pet-world additions */
.brand-logo{width:56px;height:56px;object-fit:contain;filter:drop-shadow(0 5px 12px #0007)}.topbar .brand-logo{margin:-8px 0}.outline-btn{padding:14px 18px!important;border:1px solid #c9ed8670!important;color:var(--cream);background:#0d29267a;backdrop-filter:blur(8px)}.card-link{display:flex;justify-content:space-between;align-items:center;margin-top:18px;padding-top:14px;border-top:1px solid currentColor;color:#2f6254;font-size:10px;font-weight:700;letter-spacing:.06em}.system-grid .card-link{color:var(--lime);border-color:#c9ed8630}.pet{position:relative;overflow:hidden}.pet:after{content:"";position:absolute;width:110px;height:110px;border-radius:50%;right:-50px;top:-50px;background:#fff8;filter:blur(25px)}.loop article{transition:.25s}.loop article:hover{z-index:2;transform:translateY(-7px);background:#19483e;box-shadow:0 18px 45px #061b17}.economy{overflow:hidden}.economy:before{content:"";position:absolute;width:42vw;height:42vw;border:1px solid #46664f33;border-radius:50%;left:-18vw}.hero:before{content:"";position:absolute;z-index:2;inset:0;pointer-events:none;box-shadow:inset 0 0 120px #071c1966}
.hero-art{background-image:url('assets/idle-valor-pets.webp')}
.systems{background:#102f29}.system-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.system-grid article{padding:28px;min-height:220px;background:#173d35;border:1px solid #c9ed8628;transition:.25s}.system-grid article:hover{transform:translateY(-5px);border-color:#c9ed8680}.system-grid b{font-size:8px;letter-spacing:.2em;color:var(--lime)}.system-grid h3{font:400 25px "DM Serif Display";margin:42px 0 10px}.system-grid p{font-size:12px;line-height:1.8;color:var(--muted)}
@media(max-width:800px){.system-grid{grid-template-columns:1fr}}
@media(max-width:800px){.brand-logo{width:48px;height:48px}.actions{flex-wrap:wrap}.outline-btn{display:inline-block!important}.topbar .brand span:last-child{display:none}}
/* richer art direction */
.pet div{height:250px;border-radius:2px;background-image:url('assets/valorkin-roster.webp');background-size:400% 100%;background-repeat:no-repeat;color:transparent;box-shadow:inset 0 -45px 45px #102d2633}.pet.amber div{background-position:0 50%}.pet.moss div{background-position:33.333% 50%}.pet.tide div{background-position:66.666% 50%}.pet.stone div{background-position:100% 50%}.light-sweep{position:absolute;z-index:1;inset:-20%;background:linear-gradient(112deg,transparent 35%,#fff6c125 48%,transparent 59%);translate:-60% 0;animation:sweep 9s ease-in-out infinite}.motes,.motes:after{content:"";position:absolute;z-index:2;inset:0;pointer-events:none;background:radial-gradient(circle,#eaffb9 0 2px,transparent 3px);background-size:130px 110px;opacity:.28;animation:riseMotes 16s linear infinite}.motes:after{background-size:190px 170px;transform:translate(70px,40px);animation-duration:24s}.mega-footer{display:grid;grid-template-columns:1.5fr repeat(4,1fr);align-items:start;gap:45px;padding:75px clamp(24px,7vw,110px) 30px;background:radial-gradient(circle at 10% 50%,#28534755,transparent 23%),#071714;color:#9fb4a9}.footer-mascot>img{width:105px;height:105px;object-fit:contain;filter:drop-shadow(0 14px 25px #0008)}.footer-mascot p{line-height:1.8}.footer-col{display:flex;flex-direction:column;gap:13px}.footer-col>b{color:#eff6e5;margin-bottom:10px;font-size:12px}.footer-col>span{font-size:11px;color:#9fb4a9;cursor:default}.socials{display:flex;gap:11px;margin-top:18px}.socials i{display:grid;place-items:center;width:33px;height:33px;border:1px solid #9fb4a944;border-radius:50%;font-style:normal;color:#e9f4e7}.footer-bottom{grid-column:1/-1;display:flex;justify-content:space-between;padding-top:26px;border-top:1px solid #ffffff14;font-size:9px}.systems{position:relative;overflow:hidden}.systems:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent,#c9ed8608,transparent);animation:sweep 12s infinite}@keyframes sweep{0%,30%{translate:-70% 0}75%,100%{translate:70% 0}}@keyframes riseMotes{to{transform:translateY(-180px)}}@media(max-width:800px){.pet div{height:270px}.mega-footer{grid-template-columns:1fr 1fr;text-align:left}.footer-mascot,.footer-bottom{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:8px}.light-sweep{animation-duration:7s}}
/* illustrated gameplay cards */
.play{position:relative;overflow:hidden}.play:before{content:"";position:absolute;width:420px;height:420px;right:-150px;top:-180px;border:1px solid #c9ed8628;border-radius:50%;box-shadow:0 0 0 70px #c9ed8605,0 0 0 140px #c9ed8604}.loop{position:relative;z-index:1;gap:12px;background:transparent}.loop article{min-height:480px;padding:26px;display:flex;flex-direction:column;justify-content:flex-end;background-image:linear-gradient(0deg,#081e1acc 0%,#081e1a75 38%,transparent 68%),url('assets/gameplay-scenes.webp');background-size:400% 100%;background-repeat:no-repeat;border:1px solid #d8f3c52c;overflow:hidden}.loop article:nth-child(1){background-position:0 50%}.loop article:nth-child(2){background-position:33.333% 50%}.loop article:nth-child(3){background-position:66.666% 50%}.loop article:nth-child(4){background-position:100% 50%}.loop article:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,#fff4bd20 50%,transparent 65%);translate:-120% 0;transition:.7s}.loop article:hover:before{translate:120% 0}.loop article:hover{background-color:transparent;background-size:420% 105%;transform:translateY(-9px);box-shadow:0 25px 55px #061b17}.loop article>b{top:22px;right:22px;padding:6px 9px;border:1px solid #e7fbd044;color:#efffd9;background:#0a2a2377;backdrop-filter:blur(8px)}.loop i{position:absolute;top:22px;left:25px;margin:0;width:47px;height:47px;display:grid;place-items:center;border:1px solid #d9f69f88;border-radius:50%;background:#0c3129a8;backdrop-filter:blur(8px);font-size:22px}.loop h3{margin:0 0 9px;font-size:30px;color:#fff8db;text-shadow:0 2px 15px #000}.loop p{margin:0;color:#d8e7dc;font-size:12px}.section-head h2:after{content:"✦";display:inline-block;margin-left:18px;color:var(--lime);font-size:.42em;vertical-align:middle;animation:twinkle 2s ease-in-out infinite}.creatures{position:relative;overflow:hidden}.creatures:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 8% 15%,#f6c56c30,transparent 22%),radial-gradient(circle at 92% 80%,#8ed8db35,transparent 24%);pointer-events:none}@keyframes twinkle{50%{opacity:.25;transform:scale(.72) rotate(45deg)}}@media(max-width:800px){.loop article{min-height:460px;background-size:400% 100%}.loop article:hover{background-size:400% 100%}}
/* preserve source artwork proportions */
.pet div{aspect-ratio:3/4;height:auto;background-size:400% auto;background-position-y:center}.loop article{background-size:400% auto}.loop article:hover{background-size:420% auto}@media(max-width:800px){.pet div{height:auto}.loop article,.loop article:hover{background-size:400% auto}}
/* premium floating navigation */
@media(min-width:801px){.topbar nav{position:relative;gap:3px;margin:auto;padding:5px;border:1px solid #eaffcf24;border-radius:999px;background:linear-gradient(180deg,#173c33b8,#0b2923a8);box-shadow:inset 0 1px #ffffff18,0 12px 35px #06191345;backdrop-filter:blur(18px) saturate(125%)}.topbar nav:before{content:"";position:absolute;inset:2px;border-radius:999px;pointer-events:none;background:linear-gradient(100deg,transparent,#ffffff0c,transparent)}.topbar nav a{position:relative;z-index:1;padding:10px 15px;border-radius:999px;color:#d9e5db;font-size:11px;font-weight:600;letter-spacing:.08em;transition:.22s}.topbar nav a:before{content:"";position:absolute;left:50%;bottom:5px;width:3px;height:3px;border-radius:50%;background:var(--lime);opacity:0;translate:-50% 5px;box-shadow:0 0 9px var(--lime);transition:.22s}.topbar nav a:hover{color:#fff;background:#ffffff0b;translate:0 -1px}.topbar nav a.active{color:#f5ffdf;background:linear-gradient(180deg,#c9ed861b,#c9ed8608);box-shadow:inset 0 0 0 1px #c9ed862b}.topbar nav a.active:before{opacity:1;translate:-50% 0}.topbar nav a[href="whitepaper.html"]{margin-left:5px;padding-right:28px;color:var(--lime);border:1px solid #c9ed862c}.topbar nav a[href="whitepaper.html"]:after{content:"↗";position:absolute;right:11px;color:#9ebd69}.topbar.scrolled nav{background:#0b2923e8}}

/* mythic keeper expansion */
.hero-art{background-image:linear-gradient(90deg,#061b18 0%,#061b18bb 25%,transparent 64%),url('assets/idle-valor-mythic-hero.webp');background-position:center;background-size:cover;animation:heroBreath 14s ease-in-out infinite alternate}.hero-copy{max-width:610px}.hero-copy h1{text-shadow:0 4px 34px #000,0 0 60px #d9b65d2c}.hero-copy .primary{display:inline-flex;text-decoration:none;align-items:center}.intro{background:linear-gradient(135deg,#f7efd9,#efe2bd);position:relative}.intro:after{content:"✦  THE FIRST AGE  ✦";position:absolute;right:6vw;bottom:22px;color:#173d3530;font:600 10px/1 monospace;letter-spacing:.35em}.keepers{padding:clamp(80px,10vw,150px) clamp(24px,7vw,110px);background:radial-gradient(circle at 14% 24%,#bbd97814,transparent 24%),linear-gradient(135deg,#061b18,#0e332a);color:#eaf2e3;display:grid;grid-template-columns:minmax(260px,.75fr) 1.65fr;gap:clamp(40px,6vw,100px);align-items:end;position:relative;overflow:hidden}.keepers:before{content:"";position:absolute;inset:22px;border:1px solid #c9a75d26;pointer-events:none}.keepers-copy{position:relative;z-index:1;padding-bottom:12px}.keepers h2{font-size:clamp(38px,5vw,75px);line-height:1.05;margin:14px 0 28px;color:#fff6d8}.keepers h2 em{color:#cce98c;font-style:normal}.keepers-copy>p:not(.kicker){color:#b9cbc0;line-height:1.9}.keepers-copy>a{display:inline-block;margin-top:26px;color:#e8ca7c;text-decoration:none;border-bottom:1px solid #e8ca7c55;padding-bottom:7px}.keeper-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;position:relative;z-index:1}.keeper-grid article{min-height:520px;padding:26px;display:flex;flex-direction:column;justify-content:flex-end;background-image:linear-gradient(0deg,#061713f5 4%,#0617139a 43%,transparent 72%),url('assets/idle-valor-mythic-hero.webp');background-size:auto 100%;border:1px solid #dfc77c42;box-shadow:0 24px 55px #0007;transition:.35s;position:relative;overflow:hidden}.keeper-grid article:after{content:"";position:absolute;inset:10px;border:1px solid #fff1bc16;pointer-events:none}.keeper-grid .warden{background-position:44% center}.keeper-grid .sage{background-position:58% center}.keeper-grid .ranger{background-position:72% center}.keeper-grid article:hover{transform:translateY(-10px);border-color:#edcf76aa;box-shadow:0 30px 70px #0009}.keeper-grid span{font:600 9px/1.4 monospace;letter-spacing:.2em;color:#d8bb6b}.keeper-grid h3{font-size:35px;margin:12px 0 2px;color:#fff4d3}.keeper-grid b{font-size:12px;color:#bde884;letter-spacing:.15em}.keeper-grid p{font-size:11px;line-height:1.75;color:#c1d0c6}.creatures,.systems,.economy,.road{border-top:1px solid #bb9a5740}.section-head{position:relative}.section-head:before{content:"";display:block;width:62px;height:2px;margin-bottom:22px;background:linear-gradient(90deg,#cfad5f,transparent)}@keyframes heroBreath{from{transform:scale(1.01)}to{transform:scale(1.07) translate3d(-.8%,.5%,0)}}@media(max-width:1000px){.keepers{grid-template-columns:1fr}.keeper-grid article{min-height:440px}}@media(max-width:700px){.keeper-grid{grid-template-columns:1fr}.keeper-grid article{min-height:480px;background-size:cover}.keeper-grid .warden{background-position:39% center}.keeper-grid .sage{background-position:54% center}.keeper-grid .ranger{background-position:70% center}.intro:after{display:none}}

/* keeper chapter detail */
.keepers{grid-template-columns:minmax(300px,.68fr) 1.8fr;align-items:center}.keepers-copy>p:not(.kicker){max-width:520px}.lore-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:30px 0;background:#d9c27a2e;border:1px solid #d9c27a2e}.lore-facts span{padding:13px 10px;background:#09251f;color:#91a99c;font-size:8px;letter-spacing:.1em}.lore-facts b{display:block;color:#e9d38d;font:400 25px/1.2 "DM Serif Display"}.keepers-copy .chapter-link{display:grid;grid-template-columns:1fr auto;gap:3px 20px;margin-top:24px;padding:17px 18px;border:1px solid #d7b65e66;background:linear-gradient(100deg,#d8b65e16,transparent);transition:.25s}.chapter-link small{font-size:8px;color:#8ea49a;letter-spacing:.18em}.chapter-link strong{font-size:12px;color:#f2d77f}.chapter-link i{grid-column:2;grid-row:1/3;align-self:center;font-style:normal;font-size:23px;color:#e9c86d;transition:.25s}.chapter-link:hover{background:#d8b65e24;border-color:#e6c976;transform:translateX(5px)}.chapter-link:hover i{transform:translateX(4px)}.keeper-area{position:relative;z-index:1}.keeper-grid article{min-height:560px}.keeper-grid article:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,#fff2bf13 50%,transparent 64%);translate:-120% 0;transition:.7s}.keeper-grid article:hover:before{translate:120% 0}.keeper-mark{position:absolute;right:25px;top:25px;display:grid;place-items:center;width:42px;height:42px;border:1px solid #e4c26b66;border-radius:50%;background:#09241ec9;color:#e7ca76;font-size:18px;backdrop-filter:blur(8px)}.keeper-grid article>span,.keeper-grid article>h3,.keeper-grid article>b,.keeper-grid article>p,.keeper-grid article>ul{position:relative;z-index:1}.keeper-grid h3{font-size:38px;text-shadow:0 3px 18px #000}.keeper-grid ul{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 0;padding:0;list-style:none}.keeper-grid li{padding:5px 8px;border:1px solid #c9ed8633;background:#071d19aa;color:#b7cabd;font-size:8px}.chapter-bar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;margin-top:12px;padding:15px 18px;border:1px solid #d6b65d42;background:linear-gradient(90deg,#173b31,#0a241f)}.chapter-bar>span{font:600 8px monospace;letter-spacing:.14em;color:#dabe6e;white-space:nowrap}.chapter-bar>span i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#c9ed86;box-shadow:0 0 10px #c9ed86;margin-right:6px;animation:twinkle 2s infinite}.chapter-bar p{margin:0;color:#9fb5a8;font-size:10px}.chapter-bar p b{color:#eef5df}.chapter-bar a{font-size:10px;color:#e7cb76;white-space:nowrap}.warden{--keeper:#99ca75}.sage{--keeper:#76d6c9}.ranger{--keeper:#e3b65b}.keeper-grid article{box-shadow:inset 0 -3px var(--keeper),0 24px 55px #0007}@media(max-width:1150px){.keepers{grid-template-columns:1fr}.keepers-copy{max-width:760px}.keeper-grid article{min-height:520px}}@media(max-width:700px){.lore-facts{margin-top:22px}.keeper-grid article{min-height:510px}.chapter-bar{grid-template-columns:1fr}.chapter-bar p{line-height:1.6}.chapter-bar a{padding-top:8px;border-top:1px solid #ffffff18}}

/* living world editorial panel */
.intro{min-height:760px;padding:0!important;display:grid;grid-template-columns:1.08fr .92fr;gap:0;background:#f1e5c6;color:#17352e}.intro:after{display:none}.world-visual{position:relative;min-height:760px;background-image:linear-gradient(0deg,#071d19b5 0%,transparent 48%),url('assets/idle-valor-mythic-hero.webp');background-size:cover;background-position:24% center;overflow:hidden}.world-visual:after{content:"";position:absolute;inset:18px;border:1px solid #f3dd9b55;pointer-events:none}.world-index{position:absolute;left:42px;top:42px;display:flex;align-items:flex-start;gap:15px;color:#fff4d2}.world-index>span{font:400 43px/1 "DM Serif Display";color:#d9b75f}.world-index small{padding-top:4px;font:600 8px/1.65 monospace;letter-spacing:.2em}.world-caption{position:absolute;left:42px;right:42px;bottom:40px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:2px 10px;color:#d7e0d6}.world-caption i{grid-row:1/3;width:9px;height:9px;border-radius:50%;background:#c9ed86;box-shadow:0 0 14px #c9ed86}.world-caption span{font-size:8px;letter-spacing:.18em;color:#aec1b5}.world-caption b{font:400 21px "DM Serif Display";color:#fff2cf}.world-story{padding:clamp(65px,7vw,115px);display:flex;flex-direction:column;justify-content:center}.world-story .kicker{color:#638347}.world-story h2{margin:18px 0 28px;color:#193830;font-size:clamp(42px,4.6vw,72px);line-height:1.08}.world-story h2 em{color:#6d9639}.world-lead{max-width:650px;color:#52675e;font-size:14px;line-height:1.95;margin:0 0 30px}.world-traits{display:grid;border-top:1px solid #143d3030}.world-traits article{display:grid;grid-template-columns:45px 1fr;gap:15px;padding:16px 0;border-bottom:1px solid #143d3030}.world-traits article>b{font:400 20px "DM Serif Display";color:#a57c36}.world-traits div{display:grid;gap:3px}.world-traits strong{font-size:12px;color:#193a31}.world-traits span{font-size:10px;color:#77877f}.world-story>a{align-self:flex-start;margin-top:28px;padding-bottom:8px;border-bottom:1px solid #a77c38;color:#805e25;font-size:10px;font-weight:700;letter-spacing:.08em}.world-story>a span{margin-left:25px}@media(max-width:900px){.intro{grid-template-columns:1fr}.world-visual{min-height:550px}.world-story{padding:75px 35px}}@media(max-width:520px){.world-visual{min-height:460px}.world-index{left:28px;top:30px}.world-caption{left:28px;right:28px;bottom:28px}.world-story{padding:65px 22px}.world-story h2{font-size:42px}.world-lead{font-size:12px}}

/* creature-led valley direction */
.hero-art{background-image:linear-gradient(90deg,#061b18e8 0%,#061b1899 34%,transparent 68%),url('assets/idle-valor-pets.webp');background-position:center 44%}.world-visual{background-image:linear-gradient(0deg,#071d19c2 0%,transparent 52%),url('assets/idle-valor-pets.webp');background-position:66% center}.keepers{background:radial-gradient(circle at 15% 18%,#b9dc7a1c,transparent 28%),linear-gradient(135deg,#092820,#164338)}.keeper-grid article{background-image:linear-gradient(0deg,#061713f3 5%,#0617138c 48%,transparent 76%),url('assets/gameplay-scenes.webp');background-size:400% auto;background-repeat:no-repeat}.keeper-grid .warden{background-position:33.333% center}.keeper-grid .sage{background-position:66.666% center}.keeper-grid .ranger{background-position:100% center}.keeper-grid article:hover{background-size:410% auto}.keeper-mark{border-color:#d3ef9c66;color:#d7ef9d}.lore-facts b,.chapter-link strong,.chapter-bar a{color:#cfe990}.keepers-copy .chapter-link,.chapter-bar{border-color:#bcd97a55;background:linear-gradient(100deg,#a8ce6b17,transparent)}.chapter-link i{color:#cce98c}

/* web and H5 integration */
.hero-art{background-image:linear-gradient(90deg,#061b18e8 0%,#061b1899 34%,transparent 68%),url('assets/idle-valor-pets.webp')}.world-visual{background-image:linear-gradient(0deg,#071d19c2 0%,transparent 52%),url('assets/idle-valor-pets.webp')}.pet div{background-image:url('assets/valorkin-roster.webp')}.loop article{background-image:linear-gradient(0deg,#081e1acc 0%,#081e1a75 38%,transparent 68%),url('assets/gameplay-scenes.webp')}.keeper-grid article{background-image:linear-gradient(0deg,#061713f3 5%,#0617138c 48%,transparent 76%),url('assets/gameplay-scenes.webp')}.primary,.join,.chapter-link,.chapter-bar a,.card-link{min-height:44px}.menu-btn{width:44px;height:44px;padding:6px}.topbar nav a:focus-visible,.primary:focus-visible,.join:focus-visible,.chapter-link:focus-visible{outline:2px solid var(--lime);outline-offset:3px}@media(max-width:1180px) and (min-width:801px){.topbar{padding-inline:24px;gap:16px}.topbar .brand small{display:none}.topbar nav a{padding-inline:10px}.join{padding-inline:13px}.pet-grid,.loop{grid-template-columns:repeat(2,1fr)}.system-grid{grid-template-columns:repeat(2,1fr)}.mega-footer{grid-template-columns:1.35fr repeat(2,1fr)}.footer-bottom{grid-column:1/-1}}@media(max-width:800px){.topbar nav a{min-height:44px;display:flex;align-items:center}.hero{min-height:620px}.hero-copy{padding-bottom:95px}.hero-copy h1{line-height:.8}.keepers:before{inset:10px}.keeper-grid article:hover,.pet:hover,.loop article:hover{transform:none}.mega-footer{padding:58px 24px 28px}}@media(max-width:560px){.pet-grid,.loop,.system-grid{grid-template-columns:1fr}.lore-facts{grid-template-columns:repeat(3,1fr)}.lore-facts span{padding-inline:6px}.footer-col{gap:10px}.mega-footer{gap:34px 22px}.actions .primary{width:100%;justify-content:space-between}.chain{max-width:calc(100vw - 44px)}}@media(hover:none){.keeper-grid article:hover,.pet:hover,.loop article:hover{transform:none;filter:none}}

/* clean balanced section typography */
.section-head{max-width:960px;margin-bottom:64px;padding-inline:18px}.section-head h2{max-width:920px;margin:18px auto 0;font-size:clamp(38px,4.4vw,68px);line-height:1.13;letter-spacing:-.025em;text-wrap:balance}.section-head h2:after{content:none!important;display:none!important}.section-head:before{margin:0 auto 22px;width:48px}.section-head .kicker{display:block}.creatures .section-head{max-width:980px}.creatures .section-head h2{color:#17352f}.systems .section-head h2,.play .section-head h2{color:#fff6dc}@media(max-width:800px){.section-head{margin-bottom:42px;padding-inline:0}.section-head h2{font-size:clamp(34px,10vw,48px);line-height:1.16;letter-spacing:-.02em}.section-head:before{margin-bottom:18px}}@media(max-width:420px){.section-head h2{font-size:34px}.section-head .kicker{font-size:8px;letter-spacing:.2em}}

/* v1.16 English typography and responsive audit */
.topbar nav{gap:clamp(14px,2vw,30px)}.topbar nav a,.join{white-space:nowrap}.world-story h2,.keepers-copy h2,.section-head h2,.economy h2,.road h2{text-wrap:balance;line-height:1.04}.keeper-grid h3,.pet-grid h3{overflow-wrap:anywhere}.chapter-link strong{line-height:1.25}.footer-col span{line-height:1.35}@media(max-width:1180px){.topbar{padding-inline:22px}.topbar nav{gap:14px}.topbar nav a{font-size:10px}.join{padding-inline:13px}.brand small{letter-spacing:.13em}.keeper-grid{gap:12px}}@media(max-width:900px){.topbar nav a{font-size:12px}.world-story h2,.section-head h2{font-size:clamp(38px,8vw,62px)}.keepers-copy h2{font-size:clamp(42px,9vw,68px)}.loop article{min-height:270px}.system-grid h3{font-size:18px}}@media(max-width:560px){.hero-copy p{max-width:34ch}.actions{align-items:stretch}.actions a{justify-content:space-between;text-align:left}.world-caption b{font-size:9px}.lore-facts{gap:12px}.lore-facts span{font-size:8px}.chapter-bar p{line-height:1.55}.pet-grid,.loop,.system-grid{grid-template-columns:1fr}.pet-grid article{min-height:480px}.loop article{min-height:230px}.steps span{min-height:70px;padding-inline:12px}.road .primary{width:100%}.footer-bottom{gap:8px;line-height:1.45}}
.pet-growth{height:auto!important;margin:18px 0 0!important;padding-top:14px;border-top:1px solid #173d3520;border-radius:0!important;background:none!important;box-shadow:none!important;color:#173d35!important}.pet-growth header{display:flex;align-items:end;justify-content:space-between}.pet-growth header span{font:700 7px monospace;letter-spacing:.14em;color:#57734d}.pet-growth header b{font:400 22px "DM Serif Display"}.pet-growth header small{font:400 7px monospace;color:#718379}.pet-growth section{height:48px;display:flex;align-items:end;gap:4px;margin-top:8px;padding-top:4px;border-bottom:1px solid #173d3522}.pet-growth section i{position:relative;flex:1;height:var(--growth);min-height:5px;background:linear-gradient(#87aa5b,#c9ed86);transition:.35s}.pet-growth section i em{position:absolute;left:50%;bottom:-14px;translate:-50%;font:400 6px monospace;color:#85958d}.pet-growth p{margin:18px 0 0;font:700 7px monospace;letter-spacing:.08em;color:#6f8178}@media(max-width:800px){.pet-growth section{height:58px}}
.pet-growth{display:block!important}
.patrol-preview{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:18px;background:#25483d22;border:1px solid #31574b29}.patrol-preview article{display:grid;gap:7px;min-height:125px;padding:22px;background:#f2ead4}.patrol-preview small{color:#71866f;font:700 7px monospace;letter-spacing:.13em}.patrol-preview b{color:#1a3932;font:400 22px "DM Serif Display"}.patrol-preview span{color:#587067;font-size:10px;line-height:1.5}.footer-col>a{color:#9fb4a9;font-size:11px;line-height:1.35;transition:.2s}.footer-col>a:hover{color:#d9eea1;translate:3px 0}@media(max-width:800px){.patrol-preview{grid-template-columns:1fr 1fr}}@media(max-width:520px){.patrol-preview{grid-template-columns:1fr}.patrol-preview article{min-height:105px}}

@media(max-width:800px){.hero-copy .actions>a.primary{display:inline-flex!important}.hero-copy .actions>a:not(.primary){display:none}.hero-copy{padding-bottom:92px}.chain{bottom:18px;max-width:calc(100vw - 44px);font-size:7px}}

/* optical hero wordmark and mobile store availability */
.hero-copy h1{display:grid;justify-items:start;line-height:.74;letter-spacing:0}
.hero-copy h1>span,.hero-copy h1>em{display:block}
.hero-copy h1>span{letter-spacing:.015em}
.hero-copy h1>em{padding-left:.105em;font-size:.89em;letter-spacing:-.035em}
.store-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:17px}
.store-badge{display:flex;align-items:center;gap:9px;min-width:154px;min-height:45px;padding:7px 13px;border:1px solid #e8efd04a;border-radius:7px;background:#061a17d9;color:#f8f2dc;box-shadow:0 10px 25px #0004}
.store-badge svg{width:24px;height:24px;fill:currentColor;flex:none}.store-badge>span{display:grid}.store-badge small{font:700 6px/1.2 monospace;letter-spacing:.16em;color:#a9bdaf}.store-badge b{font:600 13px/1.15 var(--font-ui,"Segoe UI",sans-serif)}
@media(max-width:800px){.hero{min-height:760px}.hero-copy h1{line-height:.77}.store-badges{margin-top:13px}.store-badge{min-width:142px;min-height:42px;padding:6px 10px}.store-badge b{font-size:12px}}
@media(max-width:390px){.store-badges{gap:6px}.store-badge{min-width:0;flex:1;padding-inline:8px}.store-badge svg{width:20px;height:20px}.store-badge small{font-size:5px}.store-badge b{font-size:11px}}

/* coordinated hero scale: wordmark, actions and store marks share one rhythm */
.hero-copy{width:min(640px,74vw)}
.hero-copy h1{font-size:clamp(76px,8.4vw,132px);margin:25px 0 27px;line-height:.76}
.hero-copy h1>em{padding-left:.075em;font-size:.92em}
.hero-copy>p:not(.eyebrow){max-width:590px;font-size:14px;line-height:1.78}
.actions{margin-top:28px}.store-badges{margin-top:14px;gap:10px}
.store-badge{min-width:166px;min-height:48px;padding:8px 14px}.store-badge svg{width:25px;height:25px}.store-badge b{font-size:13px}
@media(max-width:800px){.hero-copy{width:calc(100% - 44px);max-width:none}.hero-copy h1{font-size:clamp(66px,19vw,90px);margin:20px 0 23px;line-height:.78}.hero-copy h1>em{padding-left:.06em}.hero-copy>p:not(.eyebrow){width:100%;max-width:100%;font-size:12px;line-height:1.7;overflow-wrap:anywhere}.store-badge{min-width:148px;min-height:44px;padding:7px 11px}}
@media(max-width:390px){.hero-copy h1{font-size:clamp(62px,18.5vw,78px)}.store-badge{min-width:0;padding-inline:8px}}

/* final hero and store-mark proportion */
.hero-copy{width:min(570px,68vw);margin-left:clamp(28px,5vw,92px)}
.hero-copy h1{font-size:clamp(72px,7.35vw,116px);margin:22px 0 24px;line-height:.77}
.hero-copy h1>em{padding-left:.065em;font-size:.91em}
.hero-copy>p:not(.eyebrow){max-width:540px}
.store-badges{gap:8px;opacity:.86}.store-badge{min-width:146px;min-height:41px;border:1px solid #cfe6ae35;border-radius:4px;padding:6px 11px;background:linear-gradient(145deg,#102d27d9,#071c18e8);box-shadow:0 8px 22px #0003,inset 0 1px #ffffff0d;transition:.2s}
.store-badge:hover{opacity:1;border-color:#c9ed8660;background:#12372fe8;transform:translateY(-1px)}
.store-badge svg{width:21px;height:21px}.store-badge small{color:#8fa99c;font-size:5px}.store-badge b{color:#e7eee2;font-size:12px;font-weight:600}
.store-apple{border-color:#cfe6ae35;background:linear-gradient(145deg,#102d27d9,#071c18e8)}
.store-apple svg{fill:#dbe5dc}.store-apple small{color:#8fa99c}
.store-google{border-color:#cfe6ae35;background:linear-gradient(145deg,#102d27d9,#071c18e8)}
.store-google svg{filter:saturate(.78) brightness(.95) drop-shadow(0 2px 3px #0005)}
.store-google .play-green{fill:#34a853}.store-google .play-blue{fill:#4285f4}.store-google .play-red{fill:#ea4335}.store-google .play-yellow{fill:#fbbc04}
@media(max-width:800px){.hero-copy{width:calc(100% - 44px);margin-inline:22px}.hero-copy h1{font-size:clamp(62px,17.5vw,84px)}.store-badges{opacity:.9}.store-badge{width:0;min-width:0;flex:1 1 0;min-height:40px;padding-inline:9px}.store-badge>span{min-width:0}.store-badge b{white-space:nowrap;font-size:10px}.store-badge svg{width:19px;height:19px}}
@media(max-width:390px){.hero-copy h1{font-size:clamp(58px,17vw,72px)}.store-badge b{font-size:10px}}