/* Legible chapter -> current battle -> optional challenge, laid out in normal flow. */
#hud .top-hud{display:grid;grid-template-columns:minmax(180px,1fr) minmax(320px,480px) minmax(92px,1fr);align-items:start;gap:16px;padding:14px 24px}
#hud .top-hud>.player-card{width:min(280px,100%)}
#hud .top-hud>.hud-actions{justify-self:end;width:auto}
#hud .mission-hud{display:flex;flex-direction:column;gap:7px;min-width:0;width:100%;pointer-events:none}
#hud .mission-hud .journey{position:static;inset:auto;transform:none;margin:0;max-width:none;width:100%;padding:12px 16px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 14px;align-items:center;text-align:left;border:1px solid #bca16c;border-radius:14px;background:#fff7e5f5;box-shadow:0 3px 0 #a68c4420}
#hud #chapter{font-size:20px;font-weight:800;line-height:1.35;letter-spacing:.5px;color:#4e4930;overflow-wrap:anywhere}
#hud #time{font-size:24px;font-weight:700;line-height:1.35;letter-spacing:1px;color:#7c6032;font-variant-numeric:tabular-nums;white-space:nowrap}
#hud #objective{grid-column:1/-1;display:block;width:100%;max-width:none;margin:0;padding-top:7px;border-top:1px solid #d9caa4;font-size:16px;line-height:1.5;letter-spacing:0;color:#526247;overflow-wrap:anywhere}
#hud .mission-hud .run-status{position:static;inset:auto;transform:none;width:100%;max-width:none;margin:0;padding:8px 12px;font-size:14px;line-height:1.55;letter-spacing:0;text-align:left;overflow-wrap:anywhere;color:#395a45;background:#f4f6e5f5;border:1px solid #b8c4a1;border-left:4px solid #71936c;border-radius:8px}
#hud .mission-hud .run-status:empty{display:none}
#hud .mission-hud .run-status:before{content:'历练目标';display:block;font-size:12px;font-weight:700;line-height:1.3;color:#597b54;margin-bottom:3px}
#hud .mission-hud .boss-hud{position:static;inset:auto;transform:none;width:100%;max-width:none;margin:0;padding:7px 10px;border-radius:8px;background:#fff6e8f0}
#hud .mission-hud .boss-hud>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px;font-size:16px;line-height:1.4}
#hud .mission-hud .boss-hud small{font-size:12px;line-height:1.4;letter-spacing:0}
#hud .hud-tools{position:absolute;left:24px;right:18px;top:calc(var(--top-hud-bottom,180px) + 12px);display:flex;align-items:flex-start;justify-content:space-between;gap:12px;pointer-events:none}
#hud .hud-tools>.build,#hud .hud-tools>.gear-battle-actions{position:static;margin:0;flex:none}
#hud .combo-hint{top:calc(var(--top-hud-bottom,180px) + 14px)}
@media(max-width:1000px) and (min-width:761px){#hud .top-hud{grid-template-columns:minmax(176px,1fr) minmax(320px,420px) auto;gap:12px;padding-inline:14px}}
@media(max-width:760px) and (min-height:501px){
 #hud .top-hud{grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:12px 12px 0}
 #hud .top-hud>.player-card{width:176px;max-width:100%}
 #hud .top-hud>.hud-actions{grid-column:2;grid-row:1}
 #hud .mission-hud{grid-column:1/-1;grid-row:2;gap:5px}
 #hud .mission-hud .journey{padding:9px 12px;gap:6px 10px}
 #hud #chapter{font-size:18px;letter-spacing:0}
 #hud #time{font-size:22px}
 #hud #objective{font-size:14px;padding-top:5px;line-height:1.45}
 #hud .mission-hud .run-status{font-size:13px;padding:6px 10px;line-height:1.45}
 #hud .mission-hud .run-status:before{display:inline;margin:0 7px 0 0;font-size:12px}
 #hud .hud-tools{left:12px;right:12px;gap:8px;top:calc(var(--top-hud-bottom,180px) + 8px)}
 #hud .hud-tools>.build{width:80px;padding:8px 6px;min-height:44px;display:flex;align-items:center}
 #hud .hud-tools>.build p{font-size:11px;margin:0;white-space:nowrap}
 #hud .hud-tools #buildList{display:none}
 #hud .hud-tools>.gear-battle-actions{flex:1;min-width:0;flex-direction:row;justify-content:flex-end;gap:5px}
 #hud .gear-battle-actions button{min-width:0;min-height:44px;flex:1;padding:5px 6px;max-width:110px;font-size:12px;line-height:1.4;overflow-wrap:anywhere}
 #hud:has(.boss-hud:not([hidden])) #combatNote{display:none}
}
@media(max-height:500px){
 #hud .hud-tools{top:104px}
 #hud .top-hud{grid-template-columns:176px minmax(0,420px) 64px;justify-content:space-between;gap:10px;padding:8px 10px}
 #hud .mission-hud{gap:4px}
 #hud .mission-hud .journey{padding:7px 10px;gap:4px 8px}
 #hud #chapter{font-size:16px;letter-spacing:0}
 #hud #time{font-size:20px}
 #hud #objective{font-size:13px;line-height:1.4;padding-top:4px}
 #hud .mission-hud .run-status{font-size:13px;padding:5px 8px;line-height:1.4}
 #hud .mission-hud .run-status:before{display:none}
 #hud .mission-hud .boss-hud{padding:4px 8px}
 #hud .mission-hud .boss-hud>div:first-child{font-size:14px}
 #hud .gear-battle-actions{flex-direction:column;gap:4px}
 #hud .gear-battle-actions button{min-height:36px;padding:5px 8px;font-size:11px}
}