/* 风雅入境 v1.4 — broad planes, restrained gold, a single visual hierarchy. */
:root{--ink:#243f3b;--gold:#a58c57;--paper:#f1ede3;--line:#71817632;--ui:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--ease:cubic-bezier(.2,.75,.25,1)}
button{transition:background .18s var(--ease),border-color .18s var(--ease),box-shadow .18s var(--ease),transform .18s var(--ease)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #a57636;outline-offset:4px}
button:active:not(:disabled){transform:translateY(1px)}
.home-screen{background:linear-gradient(90deg,#eae9dc52,transparent 60%)}
.home-main{width:530px;max-width:50vw}.eyebrow{font-size:10px;letter-spacing:.32em;color:#547167}
.home-desc{color:#4e6e65;line-height:2;letter-spacing:.06em}.home-lead{color:#263f36}
.title-lockup h1{letter-spacing:.11em;text-shadow:none;font-weight:500}.hero-preview{border-top:1px solid #657d6528;border-bottom:none;background:linear-gradient(90deg,#eeeadd45,transparent);padding:12px 0}
.primary-btn{border:1px solid #315044;background:#254d42;color:#f7edcf;box-shadow:0 5px 18px #1e463527;letter-spacing:.14em;min-height:48px}
.primary-btn:hover{background:#305c4e;box-shadow:0 7px 24px #1e463535}.primary-btn:after{display:none}
.secondary-btn{min-height:44px;border-color:#68807355;background:#f5f0e555;box-shadow:none}
.home-nav button{border:0;border-left:1px solid #69847135;padding:8px 26px;background:transparent}.home-nav button:first-child{border-left:0;padding-left:0}.home-nav button:hover{background:#faf4df55}
.nav-note,.home-meta{opacity:.75}.home-footer-meta .version{letter-spacing:.08em}
.icon-btn,.close-btn,.text-btn,.quiet-btn{min-width:44px;min-height:44px}
/* Paper scrolls: sticky, solid surfaces keep text from passing behind controls. */
.modal{padding:24px;background:none}.modal-scrim{background:#091b1bc4;backdrop-filter:blur(9px)}
.modal-panel{max-height:calc(100dvh - 48px);padding:0 32px 0;background:#f1ede3;border:1px solid #cfccbb;border-radius:6px;box-shadow:0 26px 90px #07171970;animation:panel-enter .2s var(--ease);scroll-padding-top:100px;scroll-padding-bottom:105px}
.modal-head{position:sticky;top:0;z-index:6;margin:0 -32px 24px;padding:25px 32px 20px;background:#f1ede3;border-bottom:1px solid #697a6029;align-items:center}
.modal h2{font-size:28px;letter-spacing:.13em;line-height:1.4;color:#26483d}.section-kicker{font-size:10px;line-height:1.5;letter-spacing:.2em;color:#798474}
.modal .close-btn{width:44px;height:44px;border:0;background:#23483709;border-radius:50%;color:#496556}.modal .close-btn:hover{background:#23483716}
.modal-subtitle{font-family:var(--ui);font-size:12px;line-height:1.9;color:#5d6e63;max-width:72em;margin-bottom:24px}
.panel-footer{position:sticky;bottom:0;z-index:5;margin:24px -32px 0;padding:16px 32px;background:#ede9df;border-top:1px solid #70806935;min-height:76px;color:#637368}
.mode-tabs{position:relative;gap:6px;margin-bottom:22px;border-bottom:1px solid #7b897132;padding:0 0 12px;flex-wrap:wrap}
.mode-tabs button{min-height:42px;padding:10px 17px;border:0;border-radius:3px;color:#6b7d71;white-space:nowrap}.mode-tabs button.active{background:#264d40;color:#f4eccf;box-shadow:0 2px 5px #2545371a}
.grid{gap:16px}.chapter-card,.hero-card,.upgrade-card,.track-card,.catalog-item,.control-card,.talent-card{box-shadow:none;border:1px solid #b6bca444;background:#f8f5ed}
.hero-card:hover,.chapter-card:hover,.upgrade-card:hover,.track-card:hover{transform:translateY(-2px);border-color:#849681;background:#fcf8ee;box-shadow:0 7px 18px #39503b0c}
.hero-card.selected,.chapter-card.selected{background:#f9f5e9;border-color:#506c53;box-shadow:inset 0 0 0 1px #506c5333}
.hero-card h3{font-size:22px;font-weight:500;letter-spacing:.12em}.hero-card p{font-family:var(--ui);line-height:1.8;color:#647264;font-size:12px}.hero-illustration{background:radial-gradient(ellipse at 50% 77%,#c0c6b147,transparent 66%)}.hero-watermark{opacity:.045}
.chapter-print{filter:saturate(.9)}.catalog-item{padding:18px}.catalog-item p{font-family:var(--ui);line-height:1.85}.catalog-item h3{font-weight:500;letter-spacing:.07em}
.track-card{min-height:83px;gap:15px}.track-card.playing{border-color:#5e7b65;background:#e4eadc}.track-card small{line-height:1.6}.play-mark{border:none!important;color:#5a7a61}
.setting-row{padding:18px 0;gap:18px;border-color:#68817424}.setting-row label{font-size:14px;line-height:1.5}.setting-row label small{line-height:1.7;color:#67786c;font-family:var(--ui);max-width:310px}.setting-row select{max-width:180px;min-height:44px}.setting-row input[type=range]{accent-color:#3e6850;max-width:150px;min-width:110px}.setting-row input[type=checkbox]{width:22px;height:22px;accent-color:#3e6850;cursor:pointer}.hint{line-height:1.9}
/* HUD = three anchors, rather than a full frame of unrelated labels. */
.hud{font-family:var(--ui)}.hud-top{padding:18px 22px 14px;align-items:flex-start;background:linear-gradient(#102c29ba,transparent);gap:14px}
.vitals{min-width:268px;width:288px;gap:10px;padding:10px 14px 11px 10px;border-radius:4px;background:linear-gradient(115deg,#122e2be8,#1636308f);border:1px solid #c3cfac25;box-shadow:0 6px 22px #122c2926}
.hud-avatar{width:42px;height:48px;border:none;background:#496b5430;border-radius:2px;overflow:hidden}.hud-avatar img{filter:saturate(.83)}
.vital-info{flex:1;min-width:0;width:auto}.vital-label{margin-bottom:8px;gap:5px}.vital-label b{font-size:13px;letter-spacing:.06em}.vital-label>span{font-size:10px;color:#d8e1cd;font-variant-numeric:tabular-nums}.level-tag{font-size:9px;margin-left:2px;white-space:nowrap;color:#dfd0a9}
.hp-track{height:6px;border-radius:2px;background:#0d201fc9;overflow:hidden}.hp-track i{background:linear-gradient(90deg,#769d7d,#c6d3aa);transition:width .16s ease}.xp-track{height:2px;opacity:.75;margin-top:5px}.xp-track i{background:#baa574}.low-health .hp-track i{background:linear-gradient(90deg,#995847,#e5a67b)}
.room-heading{padding:13px 18px;text-shadow:0 1px 6px #0a2523;max-width:450px}.room-heading b{font-family:var(--font);font-size:15px;font-weight:500;letter-spacing:.18em}.room-heading span{font-size:10px;color:#d3dcc7;letter-spacing:.1em;margin-top:6px}
.hud-tools{display:flex;align-items:center;gap:5px;padding:6px 8px;background:#163a30be;border:1px solid #c7d2a81a;border-radius:4px}.hud-tools .icon-btn{border:0;color:#e7e0bf;background:transparent;width:40px;min-width:40px;height:44px}.hud-tools .icon-btn:hover{background:#cbd6ad18}.hud-tools .coin-display{margin:0 8px;color:#e8d6a7;font-size:12px;min-width:36px}.hud-tools svg{width:18px;height:18px}.hud-mode-btn{font-family:var(--font);font-size:17px}
.objective-row{position:absolute;top:109px;left:50%;transform:translateX(-50%);margin:0;padding:9px 15px;max-width:min(650px,72vw);width:max-content;min-height:35px;border:0;border-radius:3px;color:#ebe9cd;background:linear-gradient(90deg,#193c33d6,#1c4036b8);font-size:12px;line-height:1.5;gap:10px;box-shadow:0 3px 14px #19352c20}
.objective-diamond{color:#d8bd86;font-size:12px}.time-label{font-size:10px;color:#c0ccb8;font-variant-numeric:tabular-nums;border-left:1px solid #b6c09d30;padding-left:10px}
.ad-hud{position:absolute;left:50%;transform:translateX(-50%);margin:0;padding:0;border:0;background:none;top:154px;opacity:.95;gap:8px;max-width:min(700px,76vw)}.ad-hud button{min-height:36px;background:#193c32d9;border:0;border-radius:3px;padding:7px 12px}.ad-hud button b{font-weight:400;font-size:10px}.ad-hud #ad-contract-label{background:#193c32ba;border-radius:3px;font-size:10px}
.combo-box{top:117px;left:29px;right:auto;text-align:right;background:none;border:0;opacity:.92}.combo-box strong{font-size:38px;font-weight:500;color:#f2dfae;text-shadow:0 2px 12px #1b302c88}.combo-box>span{font-size:11px;color:#dfd8b9}.combo-box small{font-size:10px;letter-spacing:.13em}.combo-box>div{height:2px;background:#c8c99b25}
.hud-bottom{bottom:19px;gap:8px}.weapon-dock{padding:6px 8px;gap:4px;border:1px solid #c4cdae23;border-radius:4px;background:#14362dca}.weapon-slot{min-width:37px;width:37px;height:42px;border:0;background:transparent;border-radius:2px;box-shadow:none;cursor:pointer}.weapon-slot img{max-width:39px;max-height:38px}.weapon-slot.evolved{background:#a9924322;box-shadow:inset 0 -1px #d5b772}.weapon-slot.empty{display:none}.weapon-slot:hover{background:#c3cfb522}.weapon-slot span{right:2px;bottom:0;font-size:9px;color:#f0e0b0}.desktop-help{font-size:9px;opacity:.75;gap:5px}.desktop-help kbd{background:#17372bc9;color:#ced8ba;border-color:#a4b99e30}
.skill-buttons{gap:13px}.skill-btn{background:#173b32e0;border:1px solid #d5d6aa45;box-shadow:0 5px 15px #0f2f303a}.skill-btn.ready{box-shadow:0 0 16px #c7b67728,inset 0 0 12px #b5b77820}.skill-btn:disabled{opacity:.65}.skill-ring{stroke:#dcc794;stroke-width:2}.skill-ring-bg{stroke:#9fb29222}.skill-char{font-weight:500}.skill-btn small{font-size:10px}.interact-btn{background:#355b40ed}.surge-btn.ready{background:#516345ee}
/* Focused HUD hides only secondary information; all functions remain reachable. */
.focused-hud.in-battle .desktop-help{display:none}.focused-hud.in-battle .room-heading span{display:none}.focused-hud.in-battle .ad-hud #ad-rule-label{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.focused-hud.in-battle .combo-box small{display:none}.focused-hud.in-battle .weapon-dock{opacity:.66;transition:opacity .2s}.focused-hud.in-battle .weapon-dock:focus-within,.focused-hud.in-battle .weapon-dock:hover{opacity:1}.focused-hud.in-battle .time-label{display:none}
/* Music has a visible playing state, transition caption and progress, not a popup. */
.score-ribbon{display:flex;align-items:center;position:fixed;left:24px;bottom:24px;z-index:12;max-width:320px;min-width:205px;padding:11px 8px 11px 14px;gap:12px;color:#e9e1c5;background:#16382ede;box-shadow:0 4px 20px #1533281a;border:1px solid #d1d7ae26;border-radius:4px;transition:opacity .5s ease,transform .3s ease;overflow:hidden}
.score-ribbon>div:not(.score-progress-track){min-width:0;display:flex;flex-direction:column;gap:5px}.score-ribbon small{font-family:var(--ui);font-size:9px;letter-spacing:.12em;color:#b8c6a9}.score-ribbon #score-title{font-family:var(--font);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:240px;letter-spacing:.06em}.score-ribbon button{width:44px;height:44px;min-width:44px;border:0;margin:0;color:#e7d5a4;font-size:21px;border-radius:3px}.score-ribbon button:hover{background:#b9ca9c17}.score-waves{color:#c0caaa}.score-progress-track{position:absolute;left:0;right:0;height:2px;bottom:0;background:#c3cfb117;pointer-events:none}.score-progress-track i{display:block;width:100%;height:100%;background:#c5b578;transform:scaleX(0);transform-origin:left;transition:transform .3s linear}.in-battle.focused-hud:not(.score-announced) .score-ribbon{opacity:.55}.score-ribbon:hover,.score-ribbon:focus-within{opacity:1!important}.audio-blocked{border-color:#bb8b57}.dialog-open .score-ribbon{opacity:.16}
.flash{top:25%;padding:15px 34px;background:linear-gradient(90deg,#17372b00,#17372bdd 22%,#17372bdd 78%,#17372b00);border:0;box-shadow:none;max-width:90vw;white-space:normal;min-width:320px;animation:chapter-arrive .35s var(--ease)}.flash strong{font-size:27px;letter-spacing:.22em;line-height:1.4}.flash small{font-size:10px;margin-bottom:8px;letter-spacing:.13em}.flash>span{margin-top:12px;width:44px}.dialog-open .flash{visibility:hidden}
.toast-stack{right:24px;bottom:190px;max-width:300px}.toast{background:#193c32ee;color:#eee4c9;border:1px solid #becba138;font-size:12px;line-height:1.8;padding:12px 17px;box-shadow:0 5px 18px #14352a24}
@keyframes panel-enter{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}@keyframes chapter-arrive{from{opacity:0;transform:translate(-50%,-46%)}to{opacity:1;transform:translate(-50%,-50%)}}
.reduced-motion *, .reduced-motion *:before,.reduced-motion *:after{animation:none!important;scroll-behavior:auto!important;transition-duration:.01ms!important}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
@media(max-width:1100px){.home-main{max-width:57vw}.room-heading{max-width:280px;padding:13px 8px}.room-heading b{font-size:13px}.vitals{width:265px;min-width:245px}.hud-tools{gap:1px}.hud-tools .icon-btn{min-width:36px;width:36px}.hud-tools .coin-display{margin:0 5px}.home-nav button{padding:8px 15px}}
@media(max-width:760px){.modal{padding:12px}.modal-panel{padding:0 18px;max-height:calc(100dvh - 24px);border-radius:5px}.modal-head{padding:18px;margin:0 -18px 20px}.modal h2{font-size:24px}.panel-footer{margin:22px -18px 0;padding:13px 18px;flex-wrap:wrap;gap:9px}.panel-footer>span{font-size:10px}.panel-footer>.primary-btn{flex:1;min-width:150px}.modal-subtitle{font-size:12px}.grid{gap:11px}.hero-card{padding:14px}.hero-card h3{font-size:20px}.mode-tabs button{padding:9px 12px;font-size:12px}.setting-row{gap:12px}.setting-row label{font-size:13px}.setting-row label small{font-size:10px;max-width:195px}.setting-row input[type=range]{width:108px;min-width:90px}.setting-row select{max-width:145px;font-size:12px}.track-card{padding:14px;min-height:78px}.home-main{max-width:70vw}.home-nav button{padding:7px 12px}.home-meta{font-size:9px}
.hud-top{padding:calc(10px + env(safe-area-inset-top)) 12px 10px;gap:8px}.vitals{padding:8px 10px 8px 7px;width:230px;min-width:210px;gap:8px}.hud-avatar{width:34px;height:42px}.hud-tools{padding:4px}.hud-tools .icon-btn{min-width:36px;width:36px;min-height:40px;height:40px}.hud-tools .coin-display{font-size:11px}.room-heading{position:absolute;left:17px;top:90px;padding:0;text-align:left}.room-heading b{font-size:12px}.room-heading span{display:none}.objective-row{top:118px;left:16px;transform:none;max-width:calc(100vw - 32px);font-size:11px;padding:8px 12px}.ad-hud{top:160px;left:16px;transform:none;align-items:flex-start;max-width:calc(100vw - 32px)}.ad-hud button{padding:7px 10px;min-height:34px}.ad-hud #ad-contract-label{font-size:9px;max-width:60vw}.combo-box{top:207px;right:18px}.combo-box strong{font-size:31px}.combo-box small{display:none}.hud-bottom{bottom:calc(25px + env(safe-area-inset-bottom));}.weapon-dock{padding:5px;gap:1px}.weapon-slot{width:30px;min-width:30px;height:34px}.weapon-slot img{max-width:32px;max-height:31px}.score-ribbon{left:16px;bottom:calc(180px + env(safe-area-inset-bottom));padding:8px 4px 8px 10px;max-width:245px;min-width:168px;gap:8px}.score-ribbon #score-title{font-size:11px;max-width:170px}.score-ribbon .score-waves{display:none}.score-ribbon button{width:40px;min-width:40px}.score-ribbon small{font-size:8px}.score-ribbon:not(.audio-blocked){transition:opacity .6s}.flash{top:30%;min-width:270px;max-width:90vw;padding:12px 22px}.flash strong{font-size:23px}.toast-stack{bottom:255px;right:15px;max-width:240px}.toast{font-size:11px;padding:10px 13px}.desktop-help{display:none}}
@media(max-width:540px) and (orientation:portrait){.home-main{max-width:100%;width:100%}.home-screen{background:linear-gradient(90deg,#eae9dc88,transparent)}.hud-top{gap:5px}.vitals{min-width:0;width:202px;max-width:55vw;padding:7px 7px;gap:6px}.vital-info{min-width:0}.vital-label b{font-size:11px}.vital-label>span{font-size:8px}.hud-avatar{width:29px;height:36px}.level-tag{font-size:8px}.hud-tools{gap:0;max-width:43vw;flex-wrap:wrap;padding:1px 2px;justify-content:flex-end}.hud-tools .icon-btn{width:32px;min-width:32px;min-height:38px;height:38px}.hud-tools .coin-display{display:none}.hud-tools svg{width:16px}.room-heading{top:86px}.objective-row{top:109px}.ad-hud{top:153px}.ad-hud button #ad-rule-label{max-width:220px}.combo-box{top:207px}.hud-bottom{bottom:calc(30px + env(safe-area-inset-bottom));}.weapon-dock{opacity:.75}.weapon-slot{width:23px;min-width:23px;height:28px}.weapon-slot img{max-width:27px;max-height:27px}.weapon-slot span{font-size:8px}.weapon-dock{max-width:168px;padding:4px}.skill-buttons{gap:10px;right:17px;bottom:calc(31px + env(safe-area-inset-bottom))}.score-ribbon{bottom:calc(173px + env(safe-area-inset-bottom));max-width:225px}.focused-hud.in-battle:not(.score-announced) .score-ribbon{opacity:.28}.score-ribbon:hover{opacity:1}.hero-preview{padding-top:9px}.home-nav button{padding:6px 8px}.panel-footer>.primary-btn{min-width:130px}.home-footer-meta{gap:9px}.home-nav .nav-note{display:none}}
@media(max-height:570px) and (orientation:landscape){.modal{padding:9px}.modal-panel{max-height:calc(100dvh - 18px);padding:0 22px}.modal-head{padding:12px 22px;margin:0 -22px 16px}.modal h2{font-size:22px;margin-top:5px}.panel-footer{margin:18px -22px 0;padding:10px 22px;min-height:60px}.home-main{width:440px;max-width:60vw}.home-desc{display:none}.hero-preview{padding:5px 0;margin:10px 0}.home-meta{display:none}.title-lockup{margin:12px 0}.title-lockup h1{font-size:66px}.home-footer-meta{font-size:9px}.home-nav button{padding:5px 12px}.hud-top{padding:8px 12px;gap:9px}.vitals{width:227px;min-width:215px;padding:6px 8px}.hud-avatar{height:34px;width:31px}.room-heading{position:static;max-width:280px;padding:10px 2px;text-align:center}.room-heading b{font-size:12px}.objective-row{top:78px;left:50%;transform:translateX(-50%);max-width:66vw;padding:6px 12px;font-size:10px}.ad-hud{top:117px;left:50%;transform:translateX(-50%);max-width:65vw}.ad-hud button{min-height:30px;padding:5px 9px}.combo-box{top:127px;right:18px}.combo-box strong{font-size:27px}.score-ribbon{bottom:17px;left:155px;max-width:200px;min-width:155px;padding:5px 5px 5px 10px}.score-ribbon #score-title{max-width:135px;font-size:10px}.score-ribbon small{font-size:8px}.score-ribbon button{height:34px;width:36px;min-width:36px}.hud-bottom{bottom:13px;left:53%}.weapon-slot{width:25px;min-width:25px;height:28px}.weapon-slot img{max-width:29px;max-height:27px}.weapon-dock{padding:4px;gap:1px}.skill-buttons{bottom:21px;right:20px;gap:10px}.flash{top:42%;padding:9px 25px}.flash strong{font-size:22px}.toast-stack{bottom:148px;max-width:245px}.home-screen>.score-ribbon{display:none}}

.boss-encounter .objective-row{display:none}.boss-encounter .ad-hud{top:158px}@media(max-width:540px) and (orientation:portrait){.boss-encounter .ad-hud{top:164px}}@media(max-height:570px) and (orientation:landscape){.boss-encounter .ad-hud{top:125px}}

body:not(.in-battle) .score-ribbon{left:auto;right:5.2vw;bottom:110px}
@media(max-width:760px){body:not(.in-battle) .score-ribbon{right:20px;bottom:128px;max-width:215px}}
@media(max-width:540px) and (orientation:portrait){body:not(.in-battle) .score-ribbon{right:16px;bottom:112px;max-width:160px;min-width:150px}body:not(.in-battle) .score-ribbon #score-title{max-width:102px}}
@media(max-height:570px) and (orientation:landscape){body:not(.in-battle) .score-ribbon{right:22px;bottom:78px;max-width:180px}}
/* Left-handed skills must not occupy the same space as the music controls. */
@media(min-width:761px){.in-battle.left-handed .score-ribbon{left:50%;right:auto;transform:translateX(-50%);bottom:98px}}
@media(max-height:570px) and (orientation:landscape){.in-battle.left-handed .score-ribbon{left:50%;right:auto;transform:translateX(-50%);bottom:70px}}