/* IDLE Valor v1.16 — shared sharpness, contrast and responsive legibility */
html{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #d9f49a;outline-offset:3px}

/* Public home */
.home-page .hero-art{inset:0;background-image:linear-gradient(90deg,#03110feb 0%,#03110fa8 34%,transparent 65%),linear-gradient(0deg,#071d19 0%,transparent 28%),url('assets/verdant-cinematic-hero-v2.webp');background-position:center;background-size:cover;animation:heroCinema 18s ease-in-out infinite alternate}
.home-page .world-visual{background-image:linear-gradient(0deg,#071d19ad 0%,transparent 54%),url('assets/idle-valor-pets.webp')}
.home-page .pet div{background-image:url('assets/valorkin-roster.webp')}
.home-page .loop article,.home-page .keeper-grid article{background-image:linear-gradient(0deg,#061713ee 5%,#06171378 47%,transparent 75%),url('assets/gameplay-scenes.webp')}
.home-page .topbar{background:linear-gradient(#061d19f2,#061d195c)}.home-page .topbar.scrolled{background:#08241ff7;backdrop-filter:none;border-bottom-color:#e4f4c633}
.home-page .brand small,.home-page .eyebrow,.home-page .kicker,.home-page .pet span,.home-page .loop b,.home-page .system-grid b,.home-page .world-index small,.home-page .world-caption span,.home-page .chapter-link small,.home-page .lore-facts span,.home-page .chapter-bar>span,.home-page .keeper-grid li,.home-page .pet-growth header span,.home-page .pet-growth header small,.home-page .pet-growth p{font-size:10px}
.home-page .topbar nav a{color:#edf4e9}.home-page .intro>div:last-child,.home-page .loop p,.home-page .system-grid p,.home-page .footer-col>span,.home-page .mega-footer,.home-page .world-lead{color:#c3d1c9}.home-page .pet p{color:#405b52}
.home-page .loop article,.home-page .system-grid article,.home-page .keeper-grid article{border-color:#dcefb23d}.home-page .hero h1{text-shadow:0 8px 34px #000b}

/* Member entrance */
.login-page .world-bg{background-image:linear-gradient(90deg,#031917b0,#071a185c),url('assets/idle-valor-pets.webp');filter:blur(3px) saturate(1) brightness(.64) contrast(1.08)}
.login-page .gate{background:linear-gradient(155deg,#0e3b31fa,#041f1cfc);border-color:#c2dc88;box-shadow:0 35px 120px #000e,inset 0 0 0 1px #fff0bd12}.login-page .gate:before{border-color:#e5ca7d57}
.login-page .subtitle{font-size:9px;color:#d1e5ae}.login-page .intro{color:#e1eadb;font-size:13px}.login-page .wallet-note,.login-page .or,.login-page .rules,.login-page .demo-note,.login-page .seal,.login-page .member-login>label,.login-page .login-options,.login-page .demo-account small,.login-page .demo-account>span,.login-page .dialog-kicker{font-size:9px;color:#a9bdb2}
.login-page .field{border-color:#b9d08373;background:#031916}.login-page .field input{font-size:14px;color:#fff}.login-page .dialog-intro{font-size:12px;color:#bccdc3}.login-page .login-dialog{background:linear-gradient(155deg,#103d33,#041d19);border-color:#c5df8d}.login-page .back{background:#06251ff2;border-color:#d9efb358;backdrop-filter:none}

/* Verdant Reach console */
.console-page{--deep:#041713;--panel:#0b3028;--panel2:#123d33;--muted:#b5c8bd;background:#041713}.console-page .ambient{background:radial-gradient(circle at 48% 16%,#7fa65d20,transparent 32%),linear-gradient(135deg,#041713,#0b2b24)}
.console-page .gamebar{background:#061c18f7;border-bottom-color:#d8efb733;backdrop-filter:none;box-shadow:0 8px 30px #020b096b}.console-page .world{background:#08271f}.console-page .side-nav{background:#061d18;border-right-color:#d7ebb51f}.console-page .detail-panel{background:#061c18;border-left-color:#d7ebb524}
.console-page .map-art{background-image:url('assets/idle-valor-pets.webp');filter:saturate(.92) brightness(.72) contrast(1.1)}.console-page .map-wash{background:radial-gradient(circle at 52% 50%,transparent 24%,#041b1670 94%),linear-gradient(0deg,#041b166b,transparent 38%)}.console-page .map-board{border-color:#d8ebb74a;box-shadow:0 28px 65px #010806d1}.console-page .map-board:after{border-color:#f4e6b447}
.console-page .companion-art,.console-page .kin-thumb,.console-page .shop-pet-art,.console-page .contract-icon{background-image:url('assets/valorkin-roster.webp')}.console-page .stage-hero.kin,.console-page .stage-hero.shop{background-image:url('assets/valorkin-roster.webp')}.console-page .stage-hero.economy,.console-page .stage-hero.friends{background-image:url('assets/gameplay-scenes.webp')}.console-page .stage-hero.farm{background-image:url('assets/gameplay-scenes.webp');background-position:center 58%}.console-page .stage-hero.craft{background-image:url('assets/gameplay-scenes.webp');background-position:center 54%}.console-page .stage-hero.journal{background-image:url('assets/idle-valor-pets.webp')}.console-page .story-scene{background-image:linear-gradient(0deg,#041713 0 40%,transparent 72%),radial-gradient(circle at 65% 14%,#e9c46445,transparent 28%),url('assets/idle-valor-pets.webp')}
.console-page .game-layout small,.console-page .activity-overlay small{font-size:9px;line-height:1.45;color:#a8bbb1}.console-page .side-nav span{font-size:9px;color:#a8bbb1}.console-page .game-brand small,.console-page .world-state small{font-size:9px;color:#b1c1b8}.console-page .map-head p,.console-page .place-label,.console-page .companion-top{font-size:9px}.console-page .hotspot b{font-size:12px}.console-page .hotspot small{font-size:9px;color:#bdccc4}.console-page .map-legend{font-size:9px;color:#d0dcd5}.console-page .place-card>p,.console-page .quest-card p,.console-page .stage-hero>p{font-size:11px;color:#c4d2cb}.console-page .profile small{font-size:9px}.console-page .profile b,.console-page .world-state b{font-size:11px}
.console-page .companion-card,.console-page .place-card,.console-page .quest-card,.console-page .farm-console>aside,.console-page .craft-console>aside,.console-page .craft-bench,.console-page .interactive-plots>button,.console-page .stage-options button,.console-page .stage-rhythm span{border-color:#dcefc22d;background-color:#0d332a}.console-page .moods span{background:#164338}
.console-page .moods small,.console-page .stage-options small,.console-page .stage-rhythm small,.console-page .farm-console aside button small,.console-page .craft-console aside button small,.console-page .interactive-plots>button>small,.console-page .craft-bench>small,.console-page .craft-bench>p,.console-page .material-slots small,.console-page .material-slots em,.console-page .craft-history article small,.console-page .craft-history>p,.console-page .stage-tip p span{font-size:9px;color:#a8bbb1}.console-page .farm-console aside button b,.console-page .craft-console aside button b,.console-page .interactive-plots>button>b,.console-page .stage-tip p b,.console-page .craft-history article b{font-size:11px}.console-page .interactive-plots>button>strong,.console-page .stage-tip>strong{font-size:9px}.console-page .craft-bench>button{font-size:11px}.console-page .stage-hero>small,.console-page .farm-console>aside>small,.console-page .craft-console>aside>small{font-size:9px}
.console-page .stage-hero:before{background:linear-gradient(90deg,#031713f2 0%,#031713bd 46%,transparent 80%),linear-gradient(0deg,#031713cf,transparent 62%)}.console-page .activity-drawer{background:linear-gradient(145deg,#0d332a,#061d18);border-left-color:#d9edb83d}.console-page .drawer-body{color:#edf4ea}.console-page .drawer-note,.console-page .shop-notice p,.console-page .social-overview p,.console-page .message-stream span{color:#c0cec7}
.console-page .hotspot>i{border-color:#e5f5c1a6;background:#06251edb;box-shadow:0 5px 20px #0008,0 0 0 6px #0a2c246b}.console-page .hotspot.active>span{border-color:#dcf49a;background:#05231ee8}.console-page[data-weather="mist"] .map-art{filter:saturate(.78) brightness(.68) contrast(1.08)}.console-page[data-weather="night"] .map-art{filter:saturate(.75) brightness(.5) contrast(1.14) hue-rotate(14deg)}.console-page[data-weather="golden"] .map-art,.console-page[data-weather="dawn"] .map-art{filter:saturate(1) brightness(.76) contrast(1.08) sepia(.1)}

/* Whitepaper */
.whitepaper-page{color:#102d27;background:#f1f3e9}.whitepaper-page .wp-nav{background:#082721fa;backdrop-filter:none;border-bottom:1px solid #e0eccf24}.whitepaper-page .wp-hero{background-image:linear-gradient(90deg,#041a16ef 0%,#041a16aa 48%,#041a1628),url('assets/idle-valor-pets.webp')!important}.whitepaper-page .hero-lead{color:#e0e9df!important;font-size:15px}.whitepaper-page .toc{border-color:#9caf9f;background:#fbfbf2;box-shadow:0 16px 45px #102d2717}.whitepaper-page .toc a{color:#334f46;font-size:11px}.whitepaper-page .toc>small{color:#566d64;font-size:9px}.whitepaper-page .chapter>p,.whitepaper-page .chapter li{color:#3f5b52}.whitepaper-page .chapter .lead{color:#1d453b}.whitepaper-page .location-grid span,.whitepaper-page .item-list span,.whitepaper-page .progression span,.whitepaper-page .cards p,.whitepaper-page .note p,.whitepaper-page .rule-list span{color:#536c63;font-size:12px}.whitepaper-page .chapter>header p,.whitepaper-page .summary .eyebrow,.whitepaper-page .toc-head b,.whitepaper-page .chapter>header:before,.whitepaper-page .closing p{font-size:9px}.whitepaper-page .stat-band span,.whitepaper-page .flow span,.whitepaper-page .element-wheel small,.whitepaper-page .skill-grid small,.whitepaper-page .chain-boundary span,.whitepaper-page .chain-boundary i{font-size:10px;color:#c2d1c8}.whitepaper-page .pillars span{font-size:11px;color:#e1e9e2}.whitepaper-page .chapter td{color:#354f47}.whitepaper-page .note{background:#e0e9d3;border-top-color:#789a52}

/* Battle trial */
.battle-page{--muted:#b9c5d0;--line:#496078}.battle-page small,.battle-page #battle-log{font-size:10px}.battle-page .battle-scene,.battle-page .map-panel{border-color:#526a82}.battle-page .unit b{text-shadow:0 2px 4px #000,0 0 2px #000}.battle-page .bar{height:7px;border:1px solid #ffffff38}

@media(max-width:850px){.console-page .mobile-nav span{font-size:9px}.console-page .mobile-place p{font-size:11px;color:#c4d2cb}.console-page .mobile-place small{font-size:9px}.console-page .map-board{border-color:#d8ebb755}}
@media(max-width:520px){.home-page .hero-copy>p:not(.eyebrow){font-size:13px}.home-page .footer-col>span{font-size:12px}.login-page .intro{font-size:12px}.login-page .rules{font-size:10px}.login-page .demo-account strong{font-size:14px}.whitepaper-page .hero-lead{font-size:13px}.whitepaper-page .chapter>p,.whitepaper-page .chapter li{font-size:15px}}

/* Cinematic hero composition */
.home-page .hero-copy{width:min(680px,48vw);margin-left:clamp(28px,7vw,118px)}.home-page .hero-copy>p:not(.eyebrow){max-width:520px;color:#e0e9df;text-shadow:0 2px 12px #000}.home-page .hero h1{font-size:clamp(86px,10vw,154px);line-height:.68}.home-page .hero-folio{display:flex;align-items:center;justify-content:space-between;width:min(470px,100%);margin-top:34px;padding:15px 0;border-top:1px solid #f0dc9f55;border-bottom:1px solid #f0dc9f22}.home-page .hero-folio span{display:grid;gap:4px}.home-page .hero-folio small{color:#c9ed86;font:700 8px monospace;letter-spacing:.2em}.home-page .hero-folio b{color:#f4ecd8;font:400 15px "DM Serif Display"}.home-page .hero-folio>i{color:#e1c66f;font:400 35px "DM Serif Display"}.home-page .hero-scroll{position:absolute;z-index:3;left:50%;bottom:25px;display:grid;place-items:center;gap:8px;translate:-50% 0}.home-page .hero-scroll small{color:#c7d4cc;font:700 7px monospace;letter-spacing:.2em}.home-page .hero-scroll i{width:1px;height:35px;background:linear-gradient(#d9ee9e,transparent);animation:scrollPulse 1.8s ease-in-out infinite}
@keyframes heroCinema{to{transform:scale(1.035) translate(-.25%,.2%)}}@keyframes scrollPulse{50%{transform:scaleY(.55);opacity:.45}}

/* Immersive map HUD */
.console-page .world-hud{position:absolute;z-index:4;left:22px;right:22px;top:20px;display:flex;align-items:stretch;gap:7px;pointer-events:none}.console-page .world-hud>span,.console-page .world-hud>button{min-width:145px;display:grid;align-content:center;padding:10px 13px;border:1px solid #e2efc92f;background:#041b16dc;box-shadow:0 10px 25px #01080675;color:#e7eee5;text-align:left;backdrop-filter:blur(8px)}.console-page .world-hud>span small,.console-page .world-hud>button small{color:#9bbd67;font:700 7px monospace;letter-spacing:.15em}.console-page .world-hud b{margin-top:2px;font-size:10px}.console-page .world-hud>button{position:relative;margin-left:auto;padding-right:38px;pointer-events:auto;cursor:pointer}.console-page .world-hud>button i{position:absolute;right:14px;top:50%;translate:0 -50%;color:#d9ec9e;font-style:normal;font-size:18px;transition:.2s}.console-page .world-hud>button:hover{border-color:#d8ef9f88;background:#0b3027}.console-page .world-hud>button:hover i{translate:4px -50%}
.console-page .stage-hero{min-height:360px}.console-page .stage-hero.farm:after,.console-page .stage-hero.craft:after{content:"";position:absolute;inset:12px;border:1px solid #efe0a62e;pointer-events:none}.console-page .stage-hero.farm h2,.console-page .stage-hero.craft h2{max-width:650px;text-shadow:0 5px 22px #000}.console-page .stage-weather{border-color:#e8e1b249;background:#041b16e8}

@media(max-width:900px){.home-page .hero-copy{width:min(620px,74vw)}.home-page .hero-art{background-position:60% center}.home-page .hero-folio{width:min(420px,100%)}.console-page .world-hud>span:nth-child(2){display:none}}
@media(max-width:600px){.home-page .hero-copy{width:calc(100% - 44px);margin-inline:22px}.home-page .hero-art{background-position:66% center}.home-page .hero h1{font-size:clamp(72px,23vw,108px)}.home-page .hero-folio{margin-top:25px}.home-page .hero-folio b{font-size:13px}.home-page .hero-scroll{display:none}.console-page .world-hud{left:12px;right:12px;top:12px}.console-page .world-hud>span{min-width:118px}.console-page .world-hud>button{min-width:0}.console-page .world-hud>button b{max-width:12ch}.console-page .stage-hero{min-height:320px}}
@media(prefers-reduced-motion:reduce){.home-page .hero-art,.home-page .hero-scroll i{animation:none}}

/* PVE campaign and achievements */
.console-page .hotspot.combat>i{color:#ffe5a1;border-color:#f0b95c;background:radial-gradient(circle,#8a3c1a,#2a1712 72%);box-shadow:0 0 0 7px #e49a2a1c,0 0 28px #e79c3f8c;animation:riftPulse 2.2s ease-in-out infinite}.console-page .hotspot.combat>span{border-color:#dcad6357;background:#211610e8}.console-page .hotspot.combat b{color:#ffe7b0}.console-page .hotspot.combat small{color:#ddb98b}@keyframes riftPulse{50%{box-shadow:0 0 0 12px #e49a2a08,0 0 42px #f1aa4fab;transform:scale(1.06)}}
.console-page .pve-hero{position:relative;overflow:hidden;min-height:205px;padding:31px;border:1px solid #e5bf7357;background:linear-gradient(90deg,#071d19f5 0 48%,#071d196e),url('assets/gameplay-scenes.webp') center/cover;box-shadow:inset 0 -50px 90px #03110e}.console-page .pve-hero:after{content:"⚔";position:absolute;right:7%;top:50%;translate:0 -50%;font-size:95px;color:#efd38f24}.console-page .pve-hero small{color:#eac777}.console-page .pve-hero h3{position:relative;z-index:1;max-width:520px;margin:12px 0 10px;font:400 clamp(27px,3vw,42px)/1.03 Georgia,serif;color:#f8f0d7}.console-page .pve-hero p{position:relative;z-index:1;max-width:550px;margin:0;color:#c5d4cc;line-height:1.65}
.console-page .pve-route{display:grid;gap:10px;margin-top:14px}.console-page .pve-route article{display:grid;grid-template-columns:54px 1fr auto;align-items:center;gap:16px;padding:17px;border:1px solid #dbe9bd24;background:#08271f}.console-page .pve-route article>i{display:grid;place-items:center;width:48px;height:48px;border:1px solid #cbdc9d3d;border-radius:50%;color:#cadc9e;font:400 17px Georgia,serif}.console-page .pve-route article small{color:#9aad83}.console-page .pve-route article h3{margin:4px 0;font:400 21px Georgia,serif}.console-page .pve-route article p{margin:0 0 6px;color:#aebeb6;font-size:10px}.console-page .pve-route article b{color:#dfc276;font-size:9px}.console-page .pve-route a,.console-page .pve-route article>span{min-width:132px;padding:12px 14px;border:1px solid #d9bd75;color:#161a13;background:#e7bc65;text-align:center;text-decoration:none;font-size:10px;font-weight:800}.console-page .pve-route .current{border-color:#d8bf7a80;box-shadow:0 0 30px #d39b3920}.console-page .pve-route .done{background:#103b2f}.console-page .pve-route .locked{filter:saturate(.35);opacity:.55}.console-page .pve-route .locked>span{border-color:#83908745;background:transparent;color:#8d9b93}
.console-page .side-nav [data-view="achievements"] b{min-width:18px;padding:2px 5px;border-radius:20px;background:#d6ec8d;color:#08221c;font-size:8px;text-align:center}.console-page .stage-hero.achievements{min-height:330px;background:linear-gradient(90deg,#061d18f2,#061d18b5 53%,transparent),url('assets/gameplay-scenes.webp') center/cover}.console-page .achievement-total{display:flex;align-items:center;gap:13px;margin-top:25px}.console-page .achievement-total>b{font:400 45px Georgia,serif;color:#e5c374}.console-page .achievement-total>span{padding-left:13px;border-left:1px solid #d3e99d45;color:#dce9df;font:700 8px monospace;letter-spacing:.14em}.console-page .achievement-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:18px}.console-page .achievement-grid article{position:relative;display:flex;min-height:255px;flex-direction:column;padding:24px;border:1px solid #dceab62b;background:linear-gradient(145deg,#10372e,#071f1a);overflow:hidden}.console-page .achievement-grid article>i{position:absolute;right:18px;top:15px;color:#d8ee9e2b;font:400 54px Georgia,serif}.console-page .achievement-grid article>small{color:#a9bd7a}.console-page .achievement-grid h3{margin:18px 0 7px;font:400 22px Georgia,serif}.console-page .achievement-grid p{min-height:38px;margin:0;color:#aebeb6;font-size:10px}.console-page .achievement-grid article>div{margin-top:auto}.console-page .achievement-grid article>div span{display:block;height:3px;margin-bottom:7px;background:#263e36}.console-page .achievement-grid article>div em{display:block;height:100%;background:#c9e47e}.console-page .achievement-grid button{width:100%;margin-top:14px;padding:11px;border:1px solid #d5e89c55;background:#0d2c25;color:#cbd7d0}.console-page .achievement-grid .ready{border-color:#e3c16c}.console-page .achievement-grid .ready button{background:#dfb95e;color:#11201a;font-weight:800}.console-page .achievement-grid .claimed{opacity:.7}
@media(max-width:900px){.console-page .achievement-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.console-page .pve-hero{min-height:230px;padding:24px 20px}.console-page .pve-hero:after{font-size:64px}.console-page .pve-route article{grid-template-columns:42px 1fr;padding:13px;gap:11px}.console-page .pve-route article>i{width:40px;height:40px}.console-page .pve-route a,.console-page .pve-route article>span{grid-column:1/-1;width:100%}.console-page .achievement-grid{grid-template-columns:1fr;padding:12px}.console-page .achievement-grid article{min-height:225px}.console-page .hotspot.combat{--x:76%!important;--y:38%!important}}@media(prefers-reduced-motion:reduce){.console-page .hotspot.combat>i{animation:none}}
.battle-page .result-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:18px}.battle-page .result-actions a{display:grid;place-items:center;min-height:42px;padding:9px 16px;border:1px solid #526b78;border-radius:8px;background:#09141e;color:#d5e0e4;text-decoration:none;font-size:10px;font-weight:800}@media(max-width:380px){.battle-page .result-actions{grid-template-columns:1fr}}
.console-page .resources{gap:5px}.console-page .resources span{display:grid;grid-template-columns:auto auto;align-items:center;column-gap:5px;min-width:92px}.console-page .resources span small{grid-column:1/-1;color:#8fa79a;font:700 6px monospace;letter-spacing:.1em}.console-page .resources span:nth-child(3){min-width:130px}.console-page .journal-status{display:flex;gap:8px;margin-top:22px}.console-page .journal-status span{min-width:105px;padding:10px;border:1px solid #dceab638;background:#051c17c7}.console-page .journal-status b{display:block;color:#e5c374;font:400 22px Georgia,serif}.console-page .journal-status small{font-size:7px}.console-page .journal-board{display:grid;grid-template-columns:1.25fr 1fr .9fr;gap:12px;padding:18px}.console-page .journal-board>article{padding:22px;border:1px solid #dceab62b;background:#0a2b23}.console-page .journal-board>article>small{color:#b8d672}.console-page .journal-board h3{margin:8px 0 18px;font:400 23px Georgia,serif}.console-page .journal-board article>button:not(.daily-chest){display:flex;align-items:center;width:100%;gap:10px;margin:7px 0;padding:11px;border:1px solid #dceab620;background:#082019;color:#dfe8e1;text-align:left}.console-page .journal-board button>i{display:grid;place-items:center;width:26px;height:26px;border:1px solid #d6e99e42;border-radius:50%}.console-page .journal-board button span{display:grid;gap:3px}.console-page .journal-board button small{color:#96aa9e}.console-page .journal-board button.done{opacity:.62}.console-page .journal-board footer{display:flex;justify-content:space-between;margin-top:16px;color:#e1c36f;font-size:9px}.console-page .daily-chest,.console-page .commission-quest>button{width:100%;margin-top:13px;padding:12px;border:1px solid #d7bf78;background:#dbb55b;color:#102019;font-weight:800}.console-page .commission-quest p,.console-page .commission-quest time{display:block;color:#aebeb6;font-size:10px;line-height:1.6}.console-page .power-formula{margin-top:16px;padding:9px 11px;border:1px solid #d8bd7463;background:#071914bd;color:#e7cd89;font:700 8px monospace;letter-spacing:.08em}.console-page .pve-route article>button{min-width:148px;padding:11px;border:1px solid #d4b568;background:#14261f;color:#e7ce8c;font-size:9px}
@media(max-width:1080px){.console-page .resources span small{display:none}.console-page .resources span,.console-page .resources span:nth-child(3){min-width:auto}.console-page .journal-board{grid-template-columns:1fr 1fr}.console-page .commission-quest{grid-column:1/-1}}@media(max-width:700px){.console-page .journal-board{grid-template-columns:1fr;padding:12px}.console-page .commission-quest{grid-column:auto}.console-page .journal-status{flex-wrap:wrap}.console-page .journal-status span{min-width:82px}.console-page .resources span:nth-child(3){display:none}}
.console-page .journey-status{display:grid;gap:2px;min-width:175px;padding:7px 10px;border:1px solid #d8e9b929;background:#09251f;color:#e5ece7;text-align:left;cursor:pointer}.console-page .journey-status small{color:#a8c774;font:700 7px monospace;letter-spacing:.08em}.console-page .journey-status b{font-size:9px}.console-page .stage-tip:after{content:"HARVEST = BASE × (MOOD BONUS + ACTIVE SPECIES BONUS)";margin-left:auto;color:#d9c17c;font:700 7px monospace;letter-spacing:.06em}.battle-page .portraits{grid-template-columns:repeat(3,1fr)}@media(max-width:1200px){.console-page .journey-status{display:none}}@media(max-width:520px){.battle-page .portraits{grid-template-columns:repeat(3,1fr)}}
.console-page .pve-hero.chapter-two,.console-page .stage-hero.chapter-two{background-image:linear-gradient(90deg,#071429f2,#071429a8 55%,transparent),url('assets/gameplay-scenes.webp');border-color:#8fa8e259}.console-page .chapter-switch{display:flex;gap:6px;margin:12px 0}.console-page .chapter-switch button{padding:9px 14px;border:1px solid #aab9ce3b;background:#0b2922;color:#aebdb5}.console-page .chapter-switch .active{border-color:#d7bf75;color:#f1d68a}.console-page .choice-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.console-page .choice-list button{padding:18px;border:1px solid #a9bce05c;background:#0a2625;color:#eef0e5;text-align:left}.console-page .choice-list small{display:block;margin-top:6px;color:#a9bcce}.console-page .yaoyu-silhouette{position:relative;display:grid;place-items:center;height:150px;margin:12px 0;border:1px solid #9aadd13b;background:radial-gradient(circle,#7088c82b,transparent 55%),#071d1b;color:#b7c6e643;font-size:86px}.console-page .yaoyu-silhouette span{position:absolute;right:12px;bottom:10px;color:#ead48c;font:700 11px monospace}.battle-page .brief-actions{display:flex;gap:7px}.battle-page .eclipse-meter{display:flex;align-items:center;gap:8px;margin:-3px 0 9px;padding:9px 12px;border:1px solid #7c8fc059;background:#0a1224;color:#c3d0ec;font:700 8px monospace;letter-spacing:.1em}.battle-page .eclipse-meter i{width:13px;height:13px;border:1px solid #9cadd0;border-radius:50%;background:#172039}.battle-page .eclipse-meter i.active{background:#91a8ee;box-shadow:0 0 14px #7793ef}.battle-page .eclipse-meter b{margin-left:auto;color:#f0d98b}.battle-page #compass{background:linear-gradient(135deg,#7185c8,#34406e);color:#fff}@media(max-width:600px){.console-page .choice-list{grid-template-columns:1fr}.battle-page .brief-actions{flex-direction:column}.battle-page .brief{align-items:flex-start}}
.console-page .hotspot.unlocked>i{color:#d8e1ff;border-color:#94a9e4;background:radial-gradient(circle,#485a95,#14243c 72%);box-shadow:0 0 0 7px #8fa6eb1a,0 0 35px #829ee78c}.console-page .hotspot.unlocked>span{border-color:#9eb0df6b;background:#101d35e8}.console-page .hotspot.unlocked small{color:#c5d0eb}
.home-page .hero-copy h1{color:#fff4d7;opacity:1;text-shadow:0 6px 36px #000,0 1px 0 #d8bf78}.home-page .hero-copy>p:not(.eyebrow){color:#e5eee7;opacity:1}.home-page .hero-copy .eyebrow{color:#d7f28f;text-shadow:0 2px 12px #000}
.whitepaper-page .wp-hero{background-image:linear-gradient(90deg,#041a16ef 0%,#041a16aa 48%,#041a1628),url('assets/idle-valor-pets.webp')!important}.console-page .pve-hero,.console-page .stage-hero.achievements,.console-page .pve-hero.chapter-two,.console-page .stage-hero.chapter-two{background-image:linear-gradient(90deg,#071d19f2,#071d19a8 55%,transparent),url('assets/gameplay-scenes.webp')}
.home-page .hero-art,.home-page .world-visual,.login-page .world-bg,.console-page .map-art,.console-page .stage-hero.journal,.console-page .story-scene{background-image:linear-gradient(90deg,#061b18d9,#061b186e),url('assets/idle-valor-pets.webp')}.home-page .pet div,.console-page .companion-art,.console-page .kin-thumb,.console-page .shop-pet-art,.console-page .contract-icon,.console-page .stage-hero.kin,.console-page .stage-hero.shop{background-image:url('assets/valorkin-roster.webp')}.home-page .loop article,.home-page .keeper-grid article,.console-page .stage-hero.economy,.console-page .stage-hero.friends,.console-page .stage-hero.farm,.console-page .stage-hero.craft{background-image:linear-gradient(0deg,#061713ee 5%,#06171378 47%,transparent 75%),url('assets/gameplay-scenes.webp')}

/* Script-aware local font fallbacks: no network font is required for stable layout. */
:root{--font-ui:"Segoe UI",Arial,sans-serif;--font-display:"DM Serif Display",Georgia,"Times New Roman",serif;--font-code:"Cascadia Mono",Consolas,monospace}
html:lang(zh-TW){--font-ui:"Microsoft JhengHei UI","Microsoft JhengHei","PingFang TC","Noto Sans TC",sans-serif;--font-display:"Microsoft JhengHei UI","Microsoft JhengHei","PingFang TC","Noto Sans TC",sans-serif}
html:lang(ja){--font-ui:"Yu Gothic UI","Yu Gothic",Meiryo,"Noto Sans JP",sans-serif;--font-display:"Yu Mincho","Yu Gothic UI",Meiryo,sans-serif}
html:lang(ko){--font-ui:"Malgun Gothic","Apple SD Gothic Neo","Noto Sans KR",sans-serif;--font-display:"Malgun Gothic","Apple SD Gothic Neo","Noto Sans KR",sans-serif}
html:lang(th){--font-ui:"Leelawadee UI",Tahoma,"Noto Sans Thai",sans-serif;--font-display:"Leelawadee UI",Tahoma,"Noto Sans Thai",sans-serif}
html:lang(hi),html:lang(bn){--font-ui:"Nirmala UI","Kohinoor Devanagari",Mangal,Vrinda,sans-serif;--font-display:"Nirmala UI","Kohinoor Devanagari",Mangal,Vrinda,sans-serif}
html:lang(ur){--font-ui:"Noto Nastaliq Urdu","Nirmala UI","Segoe UI",Arial,sans-serif;--font-display:"Noto Nastaliq Urdu","Nirmala UI","Segoe UI",Arial,sans-serif}
html:lang(vi),html:lang(id),html:lang(ms),html:lang(fil),html:lang(pt-BR),html:lang(es-419){--font-ui:"Segoe UI",Arial,sans-serif;--font-display:"DM Serif Display",Georgia,"Times New Roman",serif}
html,body,button,input,select,textarea{font-family:var(--font-ui);font-synthesis:none;text-rendering:optimizeLegibility}
:where(h1,h2,h3,.game-brand b,.brand b,.wp-brand b,.companion-name h2,.place-card h2){font-family:var(--font-display)!important}
:where(code,kbd,.resources small,.world-state time){font-family:var(--font-code)}
html:lang(th) button,html:lang(th) input,html:lang(hi) button,html:lang(hi) input,html:lang(bn) button,html:lang(bn) input{line-height:1.4}
html:lang(ur) button,html:lang(ur) input,html:lang(ur) p,html:lang(ur) span{line-height:1.55;letter-spacing:normal!important}
.console-page .side-nav span{display:flex;align-items:center;justify-content:center;min-height:2.4em;font-family:var(--font-ui);hyphens:auto}
.locale-menu [data-locale]{font-family:var(--font-ui);line-height:1.3}.locale-menu [data-locale] span{min-width:0;overflow-wrap:anywhere}

/* Shared language control for public pages and the battle stage. */
.site-language-toggle{position:fixed;z-index:1200;right:18px;top:18px;display:flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid rgba(208,235,132,.5);border-radius:999px;background:rgba(5,31,26,.82);backdrop-filter:blur(12px);color:#f6f0d5;font:700 11px/1 sans-serif;letter-spacing:.12em;cursor:pointer;box-shadow:0 8px 28px rgba(0,0,0,.18)}
.site-language-toggle b{color:#c9f078}.site-language-toggle span{opacity:.65}.lang-cn{font-family:"Noto Sans SC","Microsoft YaHei",sans-serif}
@media(max-width:800px){.site-language-toggle{top:auto;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));padding:8px 11px}.mobile-nav{padding-right:44px;scroll-snap-type:x proximity;mask-image:linear-gradient(to right,#000 0,#000 calc(100% - 26px),transparent)}.mobile-nav button{scroll-snap-align:start}.daily-strip{mask-image:linear-gradient(to right,#000 0,#000 calc(100% - 28px),transparent)}}
.locale-menu{width:min(720px,calc(100% - 28px));max-height:min(760px,88vh);padding:0;border:1px solid #9cbc62;background:#082d27;color:#f5f0d8;box-shadow:0 30px 90px #0009}.locale-menu::backdrop{background:#031713b8;backdrop-filter:blur(7px)}.locale-menu header{display:flex;justify-content:space-between;align-items:center;padding:22px 24px;border-bottom:1px solid #ffffff1a}.locale-menu header small,.locale-menu section>b{color:#c8ef7c;font:700 9px monospace;letter-spacing:.18em}.locale-menu h2{margin:4px 0 0;font:32px Georgia,serif}.locale-menu header button{border:0;background:transparent;color:#fff;font-size:25px;cursor:pointer}.locale-menu section{padding:18px 24px}.locale-menu section>div{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.locale-menu [data-locale]{display:flex;justify-content:space-between;align-items:center;min-height:48px;padding:10px 12px;border:1px solid #ffffff20;background:#103b33;color:#fff;text-align:left;cursor:pointer}.locale-menu [data-locale]:hover{border-color:#c8ef7c;background:#19493e}.locale-menu [data-locale] small{color:#a8bfaf}.rtl{direction:rtl}.rtl .gamebar,.rtl .topbar,.rtl .mobile-nav{direction:rtl}.rtl input{text-align:right}@media(max-width:650px){.locale-menu section>div{grid-template-columns:1fr 1fr}.locale-menu section{padding:15px}.locale-menu h2{font-size:26px}}
.battle-page.rtl,.battle-page.rtl .battle-scene,.battle-page.rtl .field,.battle-page.rtl .units,.battle-page.rtl .portraits{direction:ltr}.battle-page.rtl .result-card,.battle-page.rtl .brief{direction:rtl}
.locale-menu .locale-list>div{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:0}.locale-menu [data-locale].active{border-color:#c8ef7c;background:#c8ef7c;color:#17362d;font-weight:800}.locale-menu [data-locale].active small{color:#365b4b}@media(max-width:650px){.locale-menu .locale-list>div{grid-template-columns:1fr 1fr}}

/* Locale-safe typography: translated labels may be two to three times longer
   than English, so interactive surfaces wrap instead of overlapping. */
html:not([lang="en"]) :is(button,a,label,.place-label,.hotspot,.resource,.quest-card,.pve-route article){overflow-wrap:anywhere;word-break:normal}
html[lang="th"] body,html[lang="hi"] body,html[lang="bn"] body,html[lang="ur"] body{line-height:1.55}
html[lang="vi"] :is(.site-nav,.gamebar,.side-nav),html[lang="pt-BR"] :is(.site-nav,.gamebar,.side-nav),html[lang="es-419"] :is(.site-nav,.gamebar,.side-nav){letter-spacing:0}
html[dir="rtl"] .console-page :is(.stage-hero,.journal-board,.detail-panel,.drawer-body,.activity-overlay),html[dir="rtl"] .login-page :is(.gate-card,.login-modal),html[dir="rtl"] .whitepaper-page :is(.chapter,.toc){text-align:right}
html[dir="rtl"] .console-page .world{direction:ltr}
html[dir="rtl"] .console-page .world :is(.world-hud,.detail-panel,.activity-overlay){direction:rtl}
html[dir="rtl"] :is(.result-actions,.brief-actions,.store-badges){direction:rtl}
@media(max-width:1100px){html:not([lang="en"]) .console-page .gamebar{gap:6px}html:not([lang="en"]) .console-page .gamebar :is(.world-state,.journey-status,.resources span){min-width:0}html:not([lang="en"]) .home-page .site-nav a{padding-inline:10px}}
@media(max-width:650px){html:not([lang="en"]) .locale-menu [data-locale]{min-height:54px}html:not([lang="en"]) .home-page .hero-actions{align-items:stretch}html:not([lang="en"]) .home-page .hero-actions :is(a,button){white-space:normal}html[dir="rtl"] .mobile-nav{direction:rtl}}

/* Cross-page proportional guardrails */
@media(max-width:700px){
  html,body{max-width:100%;overflow-x:hidden}
  .home-page .hero-copy{width:calc(100vw - 44px);max-width:calc(100vw - 44px);margin-inline:22px;min-width:0}
  .home-page .hero h1{max-width:100%;font-size:clamp(58px,17vw,78px);line-height:.78}
  .home-page .hero-copy>p:not(.eyebrow){width:100%;max-width:100%;overflow-wrap:anywhere}
  .home-page .store-badges{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .home-page .store-badge{width:auto;min-width:0;max-width:100%;overflow:hidden}

  .login-page{display:block;padding:64px 12px 24px}
  .login-page .gate{width:calc(100vw - 24px);max-width:calc(100vw - 24px);min-width:0;margin:0 auto;padding-inline:18px}
  .login-page .gate>*{max-width:100%}
  .login-page .wallet-note,.login-page .or span{overflow-wrap:anywhere}

  .whitepaper-page .wp-nav{max-width:100vw;overflow:hidden}
  .whitepaper-page .wp-nav>a:last-of-type{max-width:46vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .whitepaper-page .wp-hero{width:100%;max-width:100vw;min-height:500px;padding:96px 22px 48px}
  .whitepaper-page .hero-copy{width:100%;max-width:100%;min-width:0}
  .whitepaper-page .wp-hero h1{max-width:9ch;font-size:clamp(42px,11.5vw,54px);line-height:1.02;overflow-wrap:normal;word-break:normal}
  .whitepaper-page .hero-lead{max-width:34ch!important}

  .battle-page{width:100%;max-width:100vw;overflow-x:hidden}
  .battle-page #p1{width:100%;max-width:100vw;min-width:0;padding-inline:8px}
  .battle-page #p1>header{height:auto;min-height:70px;gap:10px}
  .battle-page #p1>header>div{min-width:0}.battle-page h1{font-size:20px;letter-spacing:.04em;white-space:normal}
  .battle-page h1 span{display:block;margin-top:3px}
  .battle-page .brief{width:100%;min-width:0;align-items:stretch;flex-direction:column}
  .battle-page .brief>div{min-width:0}.battle-page .brief span{max-width:100%}
  .battle-page .brief-actions{width:100%;display:grid}.battle-page .brief-actions button{width:100%}
  .battle-page .field,.battle-page .status,.battle-page .portraits{width:100%;max-width:100%;min-width:0}
}

@media(max-width:640px){
  .console-page .first-seal-prompt{padding:16px;overflow:hidden}
  .console-page .first-seal-prompt section{width:calc(100vw - 32px);max-width:calc(100vw - 32px);min-width:0;padding:30px 22px;overflow:hidden}
  .console-page .first-seal-prompt h2{font-size:clamp(31px,10vw,42px);overflow-wrap:anywhere}
  .console-page .first-seal-prompt p,.console-page .first-seal-prompt span{overflow-wrap:anywhere}
  .console-page .first-seal-prompt a{display:flex;justify-content:center;width:100%;max-width:100%}
}