/* Warm toy materials. Detailed teaching stays in the tactics menu. */
:root{--toy-ink:#394538;--toy-muted:#797863;--toy-paper:#fff7df;--toy-edge:#bcae83;--toy-gold:#efbd4d;--toy-green:#7caa84;--toy-purple:#8a719f;font-family:"Arial Rounded MT Bold","Microsoft YaHei","PingFang SC",sans-serif}
html,body,#app{background:#e7e3d4;color:var(--toy-ink)}
.stage{background:#e7ddbd;box-shadow:0 20px 70px #57604b20;border-radius:18px}
.vignette{background:linear-gradient(0deg,#3e402517,transparent 24%,transparent 85%,#5b61400a)}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #467a70;outline-offset:3px}
.title-screen{background:radial-gradient(ellipse at 78% 36%,#fcf3bd 0%,transparent 48%),#faf2d7;color:#394538}
.title-shade{background:radial-gradient(circle at 8% 4%,#fffdf1 0%,transparent 38%);pointer-events:none}
.title-top{top:5%;left:5%;right:5%}.brand{color:#52644c;gap:10px}.brand-mark{color:#cf9b32;font-size:26px}.brand b{font-size:clamp(12px,1.3vw,18px);letter-spacing:.04em}.brand span:last-child{color:#898267;border-color:#bbb38f;font-size:10px;letter-spacing:.08em}
.title-tools .icon-btn{background:#fff9e9;border:1px solid #c6bb97;color:#63715b;box-shadow:0 3px 0 #d8cfaf;border-radius:13px}
.title-tools .icon-btn:hover{background:#f1e5c2;color:#394538}
.title-copy{left:7%;top:23%;width:49%}.title-copy .eyebrow{color:#788157;font-size:12px;font-weight:700;letter-spacing:.1em;margin:0 0 12px}.eyebrow span{background:#9baa6a;box-shadow:none}
.title-copy h1{font-family:inherit;font-size:clamp(47px,6.3vw,95px);letter-spacing:-.055em;line-height:1.14;font-weight:900;color:#40553d;text-shadow:0 3px 0 #fff9e6;margin:0 0 18px}
.subtitle{font-size:clamp(14px,1.6vw,22px);line-height:1.8;font-weight:700;color:#69734e;letter-spacing:0;margin:0 0 6%}.subtitle small{font-size:clamp(10px,1vw,14px);font-weight:400;color:#858169}
.primary{background:linear-gradient(#ffdc77,#efbd4d);border:1px solid #c3973d;border-radius:14px;color:#4c492e;box-shadow:0 4px 0 #bf9137,0 6px 12px #a6863130;font-weight:800}
.primary:hover{filter:brightness(1.04);transform:translateY(-1px)}.primary:active{transform:translateY(3px);box-shadow:0 1px 0 #bf9137}
.start-btn{width:min(350px,36vw);padding:15px 20px;font-size:clamp(13px,1.4vw,19px)}
.adventure-actions:has(#continueBtn:not(.hidden)) #startBtn{justify-content:center;color:#717459;background:none;box-shadow:none;border:0;padding:6px 0;font-size:12px}
.save-summary{color:#7d8069;font-size:11px;margin:12px 0 3px;line-height:1.6}.title-links{display:flex;align-items:center;gap:25px;margin:14px 0 10px}.title-links a,.title-links .text-btn{font-size:12px;color:#727c5b;text-decoration:none;margin:0;padding:0;background:none;opacity:1}.title-links a:hover,.title-links button:hover{color:#2d5949}.title-links span{margin-left:6px}
.micro-copy{font-size:10px;color:#9a9276;line-height:1.5;margin-top:12px}.loading-status{color:#7e7053!important;font-size:11px}
.chapter-route{position:absolute;bottom:4%;left:7%;right:7%;display:flex;justify-content:space-between;align-items:flex-start;list-style:none;padding:0;margin:0;gap:8px}
.chapter-route::before{content:"";position:absolute;top:17px;left:5%;right:5%;border-top:2px dashed #cecaad;z-index:-1}.chapter-route li{display:grid;justify-items:center;gap:7px;min-width:58px;color:#a49c7e}.chapter-route b{display:grid;place-items:center;width:35px;height:35px;background:#eae4cc;border:1px solid #d4c9a8;border-radius:13px;font:700 12px ui-monospace,monospace}.chapter-route span{font-size:10px;white-space:nowrap}.chapter-route .current b{background:#f5cd66;border:2px solid #b7903c;box-shadow:0 3px 0 #d4ae58;color:#66572e}.chapter-route .current span{color:#5e694b;font-weight:700}.chapter-route .completed b{background:#b9d0a5;border-color:#8eab79;color:#4f6949}
.overlay{background:#3445309c;backdrop-filter:blur(6px)}.modal-card,.upgrade-card-wrap,.win-card{color:#40513b;background:#fff7e0;border:2px solid #c3b38b;border-radius:22px;box-shadow:0 8px 0 #a6946938,0 24px 70px #24351a33;scrollbar-color:#b2a479 #eee4c8}
.modal-card h2,.upgrade-card-wrap>h2{color:#435b3e;font-weight:900;letter-spacing:-.04em}.modal-card p,.upgrade-card-wrap>p,.win-card p{color:#81785f}.eyebrow,.overlay .eyebrow{color:#8b8758}.text-btn,.close-btn{color:#7a7e62}.text-btn:hover{color:#2f6554}
.pause-guide{background:#f1ead1;border-color:#c8b98e}.pause-guide summary{color:#66764f}.pause-guide dl>div{border-color:#d7cdaa}.pause-guide dt{color:#596847}.pause-guide dd,.modal-card .pause-guide>p{color:#82795f}.pause-guide kbd{border-color:#cbbd93;color:#717855;background:#fff9e7}.setting-row{border-color:#d6cba6}.setting-row small{color:#93896f}.switch{background:#e3dbc0;border-color:#baa980}.setting-row input:checked+.switch{background:#9db886;border-color:#749261}.setting-row input:checked+.switch:after{background:#fff6d8}.setting-row input:focus-visible+.switch{outline:3px solid #467a70;outline-offset:3px}
.upgrade-card-wrap{width:min(1040px,94%);padding:28px 32px}.upgrade-card-wrap>h2{font-size:34px;margin:8px 0}.upgrade-card-wrap>p{font-size:12px;margin-bottom:14px}.upgrade-grid{gap:13px}.upgrade-option{background:#f2ecd5;border:2px solid #d3c49b;border-radius:16px;padding:20px;min-height:234px;box-shadow:0 4px 0 #d9ccaa;position:relative}.upgrade-option:hover{border-color:#84a577;transform:translateY(-3px);background:#f9f4e2}.upgrade-option b{background:#fff7da;border:1px solid #cebb87;border-radius:16px;width:55px;height:55px;box-shadow:inset 0 2px #fffdf2}.upgrade-option h3{color:#4b6244;font-size:19px;margin-top:15px}.upgrade-option p{color:#7b745c;font-size:12px;min-height:40px}.upgrade-option span{color:#759263}.upgrade-option .direction-tag{position:absolute;top:20px;right:16px;font-size:10px;letter-spacing:.1em;background:#dce4c8;padding:4px 8px!important;border-radius:7px;color:#667d54}.upgrade-option .upgrade-synergy{font-size:11px;color:#8b805f;margin:0 0 10px;line-height:1.6}.upgrade-build{font-size:11px!important;color:#8c8162!important}.upgrade-next{display:grid;grid-template-columns:55px 1fr;align-items:center;gap:3px 10px;text-align:left;border-top:1px dashed #cbbb92;margin-top:22px;padding-top:16px}.upgrade-next small{grid-row:1/3;font-size:11px;color:#8f896c}.upgrade-next b{color:#61754e;font-size:14px}.upgrade-next p{font-size:11px;color:#8b8068;margin:0}
.defeat-face{color:#ba9652}.win-card h2{color:#536c46}.win-card h2 em{display:block;color:#ba8f31}.result-stats{border-color:#d6caaa}.result-stats b{color:#72855a}.result-stats small{color:#9c8e6b}
.battle-screen{--panel:#fff7e8f2;--edge:#b9ab805c;--quiet:#7c8069;--accent:#b18d37;--ink:#3f5138;color:#3e5037}
.battle-screen::before{background:linear-gradient(#ece9d370,transparent)}.battle-screen::after{background:linear-gradient(transparent,#3c492437)}
.hud{border:2px solid #c0b48c;border-radius:17px;box-shadow:0 4px 0 #756d4133;gap:16px}.avatar{background:#f0da96;border:2px solid #ccbc88;border-radius:13px}.hero-line span{color:#7a785c}.health-track,.energy-track{background:#dbd6bd}.health-track{height:8px;border-radius:5px;box-shadow:inset 0 1px 2px #6c704e35}.health-track i{background:linear-gradient(#a3c889,#7ba36a);border-radius:4px}.energy-track i{background:#dcad46}.energy-caption b{color:#9b7e32}.hero-line b{color:#516744}.zone-panel>b{color:#596d49;font-size:19px}.zone-panel>span{color:#9a926a}.battle-clock span{color:#6c7953}.battle-screen .icon-btn{background:#e9e2c9;color:#697956;border:1px solid #bdaf84;border-radius:10px;box-shadow:0 2px #bdae7c44}.battle-screen .icon-btn:hover{background:#d8e2c3}.tactics-btn{height:36px;padding:0 12px;border-radius:10px;border:1px solid #a9b291;background:#dfe8cf;color:#59724a;font-size:12px;font-weight:700;box-shadow:0 2px #acb99266}
.boss-panel{border:2px solid #bba8c2;border-radius:14px;background:#fff7f0f0;box-shadow:0 3px #6e4c6a25}.boss-panel b{color:#886184}.boss-panel span{color:#a68291}.boss-track{position:relative;background:#e7d8da;border-radius:5px;height:10px}.boss-track::after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(10% - 1px),#fff5ec9e calc(10% - 1px),#fff5ec9e 10%)}.boss-track i{background:linear-gradient(#c99bb5,#ae7c9b);border-radius:5px}.boss-panel>small{color:#8d7c82}
.dialogue,.toast{background:#fff8e2f2;color:#6c7252;border-left:3px solid #b2bb7c;box-shadow:0 3px 0 #6d77451a;border-radius:3px 11px 11px 3px}.chapter-toast{display:none!important}.field-status{background:#e2f2edf0;color:#3e7b76;border-color:#83b8b2;border-radius:10px}.field-status.warning{background:#f8e9c3;color:#997634}

.dialogue,.toast{top:calc(var(--hud-top) + var(--hud-height) + 13px);font-size:10px;max-width:26%;padding:7px 10px}

.combo-status{position:absolute;left:50%;bottom:98px;transform:translateX(-50%);background:#fff0b4ee;border:2px solid #d4a941;border-radius:20px;padding:7px 18px;font-size:12px;font-weight:700;color:#8e6b23;z-index:4;box-shadow:0 3px 0 #6b522623;max-width:85%;text-align:center;pointer-events:none}
.desktop-hint{color:#faf5dd;text-shadow:0 2px 3px #3d493f}.desktop-hint small{color:#f1ecd7}.movement-keys kbd{background:#f5efda;color:#7b805e;border-color:#b0a47d;border-radius:6px;box-shadow:0 2px #7a80594d}
.action-bar{background:#e9e2c9ed;border:2px solid #c0b18a;border-radius:19px;box-shadow:0 4px 0 #68643c30;padding:7px;gap:6px}.skill,.touch-action{background:linear-gradient(#fff9e5,#eee3bd);border:1px solid #caba8a;color:#6c7350;border-radius:12px;box-shadow:0 3px 0 #bcad7f;overflow:hidden}.skill>small,.touch-action>small{color:#8e8666}.skill>kbd,.touch-action>kbd{color:#9f946e}.skill.attack{background:linear-gradient(#fce29a,#eac367);border-color:#cda346;color:#685730}.skill.attack small,.skill.attack kbd{color:#987d3b}.skill.laugh.ready{background:linear-gradient(#ffeaa5,#eccc78);border-color:#c7a453}.skill.cooldown,.touch-action.cooldown{background:#dedbc9;color:#a19c86}.skill.cooldown small,.touch-action.cooldown small{color:#99957f}.skill::after,.touch-action::after{height:3px;background:#91ad72;opacity:.9}.skill.attack::after{background:#bd9141}.skill.laugh::after{background:#d0a334}.skill:hover,.touch-action:hover{border-color:#9cac76}.skill:active,.touch-action:active,.skill.pressed,.touch-action.pressed{transform:translateY(2px);box-shadow:0 1px 0 #ad9c70;background:#dedba8}.skill.attack.pressed{background:#f5d071}.skill> b>img,.touch-action>b>img{filter:drop-shadow(0 1px 0 #fff6cf)}
.joystick{background:#ede5c8bd;border:2px solid #b1ac83;box-shadow:inset 0 0 0 10px #e1d8b963,0 4px 0 #716f4828}.joystick-knob{background:linear-gradient(#fff3ce,#d2c38d);border:1px solid #b8a674;box-shadow:0 3px 5px #79724940}.joystick>span{color:#dce4c3;text-shadow:0 1px 3px #3c4d2e}.orientation-hint{color:#98a080}
.tactics-modal-card{width:min(690px,92%);padding:25px 32px}.tactics-modal-card h2{font-size:28px;margin:7px 0 17px}#tacticsContent{text-align:left;font-size:12px;color:#7c785e;line-height:1.8}#tacticsContent h3{font-size:16px;color:#5c734a;margin:16px 0 6px}#tacticsContent h4{font-size:13px;color:#73804f;margin:12px 0 5px}#tacticsContent p{font-size:12px;margin:6px 0}#tacticsContent ul,#tacticsContent ol{padding-left:20px}#tacticsContent li{margin:6px 0}#tacticsContent strong,#tacticsContent b{color:#6f7d4d}#tacticsContent kbd{display:inline-block;padding:1px 5px;border-radius:4px;background:#e8dfbc;border:1px solid #cbbd93;font-size:10px}#tacticsContent .tactic-rule,#tacticsContent section{border-top:1px solid #d5cba9;padding-top:10px;margin-top:12px}.tactics-modal-card .wide{margin-top:18px}
@media(max-width:1100px){.title-copy{top:21%}.title-copy h1{margin-bottom:14px}.subtitle{margin-bottom:5%}.title-links{margin:10px 0;gap:20px}.start-btn{padding:13px 17px}.save-summary{font-size:10px}.hero-panel{max-width:250px}.hud{gap:12px}.battle-clock{padding-right:8px}.battle-clock small{display:none}.tactics-btn{padding:0 9px}}
@media(max-height:520px) and (orientation:landscape){.stage{border-radius:0}.title-top{top:5%}.title-copy{top:21%;left:7%}.title-copy h1{font-size:clamp(36px,6vw,62px);margin-bottom:8px}.title-copy .eyebrow{font-size:9px;margin-bottom:6px}.subtitle{font-size:12px;margin-bottom:12px;line-height:1.6}.subtitle small{font-size:9px}.start-btn{padding:9px 15px;font-size:12px;border-radius:10px}.save-summary{font-size:8px;margin:8px 0 0}.title-links{margin:8px 0;gap:18px}.title-links a,.title-links .text-btn{font-size:10px}.micro-copy{display:none}.chapter-route{bottom:3%;left:7%;right:7%}.chapter-route b{width:27px;height:27px;border-radius:10px;font-size:10px}.chapter-route span{font-size:8px}.chapter-route li{gap:4px}.chapter-route::before{top:13px}.battle-screen .hud{border-radius:13px}.tactics-btn{height:32px;font-size:10px;padding:0 8px}.dialogue,.toast{top:calc(var(--hud-top) + var(--hud-height) + 13px);font-size:8px;max-width:23%}.combo-status{bottom:80px;font-size:10px;padding:5px 12px}.upgrade-card-wrap{padding:16px 22px}.upgrade-card-wrap>h2{font-size:25px}.upgrade-option{min-height:158px;padding:12px}.upgrade-option .direction-tag{top:13px;right:10px;font-size:8px}.upgrade-option b{width:35px;height:35px;border-radius:10px}.upgrade-option h3{font-size:14px;margin:9px 0 5px}.upgrade-option p{font-size:10px;min-height:20px}.upgrade-option .upgrade-synergy{font-size:9px}.upgrade-next{margin-top:13px;padding-top:10px}.tactics-modal-card{padding:18px 25px}.tactics-modal-card h2{font-size:23px}.modal-card p{font-size:12px}}
@media(max-width:700px) and (orientation:portrait){
  .stage{border-radius:0}.stage:has(.title-screen:not(.hidden)){height:100dvh;min-height:650px;max-height:none}.title-top{top:24px;left:24px;right:24px}.brand b{font-size:12px}.brand span:last-child{display:none}.title-tools{gap:6px}.title-tools .icon-btn{width:32px;height:32px;font-size:16px;border-radius:10px}
  .title-copy{top:auto;left:26px;right:26px;bottom:103px;width:auto;text-align:center}.title-copy .eyebrow{font-size:10px;justify-content:center;margin-bottom:9px}.title-copy h1{font-size:42px;margin-bottom:10px}.subtitle{font-size:14px;margin-bottom:18px;line-height:1.7}.subtitle small{font-size:10px}.start-btn{width:100%;max-width:340px;padding:14px 18px;font-size:15px}.adventure-actions{align-items:center}.save-summary{font-size:10px;margin-top:10px}.title-links{justify-content:center;margin:12px 0 4px}.title-links a,.title-links .text-btn{font-size:12px}.micro-copy{display:none}.chapter-route{bottom:24px;left:18px;right:18px;gap:3px}.chapter-route li{min-width:0;flex:1;gap:6px}.chapter-route b{width:29px;height:29px;font-size:10px;border-radius:10px}.chapter-route span{font-size:8px}.chapter-route::before{top:14px}
  .battle-screen{--hud-gap:12px}.hud{padding:10px;border-radius:14px;gap:10px 7px}.hero-panel{max-width:none}.avatar{width:32px;height:32px;flex-basis:32px}.hero-line{font-size:10px}.hero-line span{font-size:9px}.hud-right{gap:4px}.battle-screen .icon-btn{width:28px;height:30px;border-radius:9px;font-size:16px}.tactics-btn{height:30px;padding:0 7px;font-size:10px;border-radius:9px}.zone-panel{border-color:#d5ccaa;padding-top:6px}.zone-panel>b{font-size:16px}.zone-panel .wave-text{font-size:8px}.health-track{height:6px}.boss-panel{left:12px;width:calc(100% - 24px);padding:6px 9px;border-radius:11px}.boss-panel>small{font-size:8px}.boss-track{height:7px}
  .dialogue,.toast{top:calc(var(--arena-top) + 6px);left:12px;right:12px;max-width:none;font-size:9px;padding:5px 8px;background:#fff8e5e8}.field-status{top:calc(var(--arena-top) + 36px);max-width:92%;font-size:8px;padding:4px 7px}.combo-status{bottom:167px;max-width:90%;font-size:10px;padding:4px 12px}.control-deck{left:16px;right:16px;gap:16px}.action-bar{padding:6px;border-radius:16px;gap:5px}.skill,.touch-action{border-radius:10px}.joystick{width:82px;height:82px;flex-basis:82px}.joystick>span{color:#99a584;text-shadow:none}.orientation-hint{font-size:9px;color:#98a080}.battle-screen::after{background:linear-gradient(transparent,#e8e4cc22)}
  .upgrade-card-wrap{padding:21px 14px;border-radius:18px}.upgrade-card-wrap>h2{font-size:26px}.upgrade-card-wrap>p{font-size:11px}.upgrade-grid{gap:11px}.upgrade-option{min-height:126px;padding:13px;grid-template-columns:44px 1fr;column-gap:12px}.upgrade-option b{width:44px;height:44px;border-radius:12px}.upgrade-option h3{font-size:16px;margin:0 42px 4px 0}.upgrade-option p{font-size:11px;min-height:0}.upgrade-option .direction-tag{top:10px;right:9px;font-size:8px}.upgrade-option .upgrade-synergy{font-size:10px;margin:2px 0;grid-column:2}.upgrade-option span{font-size:10px;padding-top:3px}.upgrade-next{margin-top:17px;padding-top:12px}.tactics-modal-card{width:94%;padding:23px 18px;border-radius:18px}.tactics-modal-card h2{font-size:26px}#tacticsContent h3{font-size:15px}#tacticsContent p{font-size:12px}
}
@media(max-width:360px) and (orientation:portrait){.title-top{left:18px;right:18px;top:18px}.title-copy{left:22px;right:22px;bottom:93px}.title-copy h1{font-size:36px}.subtitle{font-size:13px;margin-bottom:13px}.title-copy .eyebrow{font-size:9px}.subtitle small{font-size:9px}.title-links a,.title-links .text-btn{font-size:11px}.chapter-route{bottom:20px;left:12px;right:12px}.chapter-route span{font-size:7px}.hud{padding:9px}.avatar{display:none}.hero-line{font-size:10px}.tactics-btn{padding:0 6px}.hud-right{gap:3px}.control-deck{left:12px;right:12px;gap:12px}.joystick{width:66px;height:66px;flex-basis:66px}.skill>span,.touch-action>span{font-size:9px}.skill>small,.touch-action>small{font-size:8px}.combo-status{bottom:161px;font-size:9px}}

#tacticsContent .tactics-rules{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px;margin:16px 0;border-top:1px solid #d5cba9;padding-top:14px}#tacticsContent article h3{font-size:13px;margin:2px 0}#tacticsContent article small{font-size:9px;color:#a1946c}#tacticsContent article p{font-size:11px;line-height:1.8}#tacticsContent .tactics-current>small{color:#9a976a;font-size:10px}#tacticsContent .tactics-directions{display:flex;gap:18px;border-top:1px solid #d5cba9;padding-top:12px}#tacticsContent .tactics-directions article{flex:1}#tacticsContent .tactics-build{font-size:11px;background:#ebe6cb;padding:8px 12px;border-radius:8px}@media(max-width:500px){#tacticsContent .tactics-rules{grid-template-columns:1fr;gap:12px}#tacticsContent .tactics-directions{gap:12px}}

@media(max-width:700px) and (orientation:portrait){.combo-status{top:calc(var(--arena-top) + 56.25vw - 30px);bottom:auto;width:max-content;max-width:94%;font-size:9px;padding:4px 8px}}

@media(max-width:700px) and (orientation:portrait){.upgrade-option>b{grid-row:1/5}.upgrade-option>span{grid-column:2;white-space:nowrap}.upgrade-option{row-gap:2px}.upgrade-option>h3{margin-right:32px}}




#continueBtn{justify-content:center}

.upgrade-result{margin:10px 0 12px;padding:11px 12px;text-align:left;background:#e9e7cf;border-radius:10px;border-left:3px solid #b6b68a}
.upgrade-result>small{display:block;color:#62684b;font-weight:800;font-size:11px;margin-bottom:5px}
.upgrade-option .upgrade-result>p{margin:0;min-height:0;color:#555e45;font-size:12px;line-height:1.65}
.upgrade-result.is-paired{background:#e0ebcc;border-left-color:#749255}
.upgrade-result.is-paired>small{color:#3f653c}
@media(max-width:700px) and (orientation:portrait){.upgrade-result{grid-column:2;margin:5px 0 8px;padding:9px}.upgrade-option .upgrade-result>p{font-size:11px}.upgrade-result>small{font-size:10px}.upgrade-option>b{grid-row:1/5}}

/* v54: growth belongs to the status rail; the arena has no teaching cards. */
.battle-screen{--hud-height:96px}
.hud{grid-template-rows:minmax(0,1fr) 18px;column-gap:16px;row-gap:5px;padding:8px 16px}
.hero-panel{grid-column:1;grid-row:1}.zone-panel{grid-column:2;grid-row:1}.hud-right{grid-column:3;grid-row:1}
.growth-rail{grid-column:1/-1;grid-row:2;display:flex;align-items:center;gap:9px;min-width:0;border-top:1px solid #d9d1b5;padding-top:5px;font-size:10px;line-height:1; color:#75815d;font-variant-numeric:tabular-nums}
.growth-rail>b{color:#56734d;font-size:10px;white-space:nowrap}.growth-rail>span{white-space:nowrap}
.xp-track{width:clamp(80px,16vw,220px);height:4px;border-radius:3px;overflow:hidden;background:#dce4cf}.xp-track>i{display:block;width:0;height:100%;background:#7d9d64;border-radius:inherit;transition:width .18s ease}
.equipped-weapon{display:flex;align-items:center;gap:7px;margin-left:auto}.equipped-weapon>small{font-size:9px;color:#969476}.equipped-weapon>b{font-size:10px;color:#687253;font-weight:600}
.upgrade-resume{border-top:1px solid #d8ceae;padding-top:13px;margin:16px 0 0!important;font-size:11px!important;color:#929075!important}
@media(max-height:520px) and (orientation:landscape){
  .battle-screen{--hud-height:76px}.hud{padding:7px 11px;grid-template-rows:minmax(0,1fr) 15px;row-gap:4px}
  .growth-rail{padding-top:4px;gap:7px;font-size:8px}.growth-rail>b,.equipped-weapon>b{font-size:9px}.equipped-weapon>small{font-size:8px}
  .xp-track{height:3px}.upgrade-resume{margin-top:10px!important;padding-top:8px;font-size:10px!important}
}
@media(max-width:700px) and (orientation:portrait){
  .stage:has(.battle-screen:not(.hidden)){--arena-top:calc(max(12px,env(safe-area-inset-top)) + 194px)}
  .battle-screen{--hud-height:128px}.hud{padding:9px 10px;grid-template-rows:minmax(0,1fr) auto 17px;row-gap:6px;column-gap:7px}
  .hero-panel{grid-column:1;grid-row:1}.hud-right{grid-column:2;grid-row:1}.zone-panel{grid-column:1/-1;grid-row:2;padding-top:5px}
  .growth-rail{grid-row:3;gap:7px;font-size:9px;padding-top:4px}.growth-rail>b,.equipped-weapon>b{font-size:9px}.equipped-weapon>small{display:none}
  .xp-track{flex:1;width:auto;max-width:130px}.equipped-weapon{margin-left:auto}
}
@media(prefers-reduced-motion:reduce){.xp-track>i{transition:none}}

/* One choice per level: keep the effect readable without repeating it. */
.upgrade-option>p{display:none}
.upgrade-option{min-height:0;display:flex;flex-direction:column;align-items:stretch}
.upgrade-option>b{flex-shrink:0}
.upgrade-option>h3{margin:13px 0 5px}
.upgrade-option>.upgrade-result{flex:1;margin:7px 0 12px}
.upgrade-option>span{font-weight:700}
@media(max-width:700px) and (orientation:portrait){
  .upgrade-card-wrap{padding:17px 13px;width:94%}
  .upgrade-card-wrap>.eyebrow{font-size:10px;margin-bottom:6px}
  .upgrade-card-wrap>h2{font-size:24px;margin:5px 0 7px}
  .upgrade-card-wrap>p{font-size:11px;margin-bottom:9px}
  .upgrade-grid{gap:10px}
  .upgrade-option{display:grid;grid-template-columns:36px minmax(0,1fr);column-gap:10px;row-gap:3px;padding:10px;min-height:0;border-radius:12px}
  .upgrade-option>b{width:36px;height:36px;grid-column:1;grid-row:1/4;border-radius:11px}
  .upgrade-option>h3{grid-column:2;margin:0 0 1px;font-size:15px;padding-right:0}
  .upgrade-option>.direction-tag{position:static;grid-column:2;width:max-content;order:-1;font-size:8px;letter-spacing:0;padding:2px 5px!important}
  .upgrade-option>.upgrade-result{grid-column:2;margin:1px 0 3px;padding:0;background:none;border:0;border-radius:0}
  .upgrade-option>.upgrade-result>small{display:none}
  .upgrade-option>.upgrade-result>p{font-size:11px;line-height:1.6}
  .upgrade-option>span{grid-column:2;font-size:10px;padding-top:2px}
  .upgrade-resume{margin-top:12px!important;padding-top:9px;font-size:10px!important}
}