/* Field HUD: compact edge controls leave the targeting lane clear. */
#hud>header{height:62px;padding:8px 12px;background:linear-gradient(#0b1f30f2,#0b1f3077);justify-content:flex-end}
#hud .wordmark{display:none}
#hud .tools{gap:5px}#hud .tools button{width:44px;height:44px;min-height:44px;border:1px solid #b3d1d330;background:#112e40e8;border-radius:14px;font-size:18px}
#hud #field-build{top:8px;left:12px;right:auto;max-width:calc(100% - 170px);height:44px;border:0;border-left:3px solid #dbcc99;border-radius:3px 12px 12px 3px;padding:7px 9px;text-align:left;font-size:10px;line-height:1.5;background:#153343e0;overflow:hidden}
#hud .status{margin:0 12px;max-width:none}#hud .vitals{background:#0c2132e8;padding:8px 10px;border:1px solid #a6cad326;border-radius:10px;gap:8px;font-size:11px;letter-spacing:0}
#hud .vitals progress{flex:1;max-width:170px;height:6px;border-radius:8px;overflow:hidden}#hud #hp{color:#e6f5de;font-weight:700}#hud #energy{padding-left:5px;color:#bce8f0}
#hud .mission{margin-top:6px;padding:9px 10px;gap:8px;border:1px solid #b8ccd22b;border-radius:10px;background:#102939dc}
#hud .mission b{font-size:11px;font-weight:700;color:#f1e8cc}#hud .mission small{font-size:10px;color:#b9d0d7;margin-top:3px}#hud .chapter{width:24px;height:24px;flex:0 0 24px;font:11px Arial;border-color:#bbcfca55}
#hud .steps{font-size:8px;padding-top:5px}
#hud #hand{bottom:max(22px,calc(env(safe-area-inset-bottom) + 10px));left:10px;right:10px;gap:6px;padding:6px;border:1px solid #b3ccd334;border-radius:17px;background:#0d2232eb;box-shadow:0 6px 24px #020e1d80}
#hud .card{min-height:91px;border-radius:11px;border:1px solid #bdd2ca40;background:linear-gradient(145deg,#263e4e,#132d3b);text-align:center;box-shadow:none}
#hud .card-art{height:42px;background-image:none;background:radial-gradient(ellipse at 50% 20%,#95c7b322,transparent 75%)}
#hud .card-symbol{left:7px;top:7px;width:28px;height:28px;border:0;background:none;font-size:24px;color:#cbe4d7}
#hud .card-cost{right:7px;top:9px;font-size:10px;color:#cfecf4}
#hud .card-copy{padding:0 3px 7px}#hud .card b{font-size:10px;line-height:1.25;color:#f0ebd4}#hud .card small{display:none}
#hud .card .cooldown{font-size:8px;letter-spacing:0;margin-top:6px;color:#a9d4c0}
#hud .card.selected{transform:translateY(-3px);border-color:#f4dba3;background:#3c514b;box-shadow:0 0 0 1px #ffe5af55}
#hud .card.recharging{filter:saturate(.2);background:#162935}#hud .cooldown-overlay{background:#091827b8;font-size:16px;color:#d9e4e9}
#hud .bottom-note{bottom:5px;font-size:7px;letter-spacing:.7px;color:#aac5cc}
#hud #interact{bottom:max(139px,calc(env(safe-area-inset-bottom) + 127px));min-width:0;max-width:calc(100% - 32px);width:max-content;min-height:44px;padding:11px 16px;border-radius:24px;background:#e4d6af;color:#172f39;font-size:10px;letter-spacing:.2px;line-height:1.5}
#hud #notice{top:171px;left:18px;right:18px;max-width:420px;font-size:10px;line-height:1.45;padding:7px 10px;border-radius:10px;background:#102537dc;color:#e6e4cc}
#hud #boss-status{top:166px;left:16px;right:16px;padding:9px 12px;border-radius:10px;background:#30283ce8;border-color:#e6ad9677}
#hud.has-boss #notice{top:222px}
#hud #cast-guide{top:101px;bottom:auto;left:12px;right:12px;min-height:56px;padding:10px 66px 10px 12px;text-align:left;border-radius:10px;border:1px solid #ebd2a175;background:#142e3fed;pointer-events:none}
#hud #cast-title{font-size:12px;color:#f6deac}#hud #cast-detail{font-size:10px;line-height:1.45;margin:4px 0 0;color:#cae1e2}
#hud #cancel{position:absolute;right:5px;top:5px;width:51px;height:44px;min-height:44px;margin:0;padding:3px;font-size:9px;background:#314657;border-radius:9px;pointer-events:auto}
#hud.planning .mission,#hud.planning #notice{visibility:hidden}
#hud.tutorial #notice{top:205px}
@media(max-height:650px){#hud>header{height:56px;padding-top:5px}#hud #field-build{top:5px}#hud .mission{padding:6px 9px}#hud .vitals{padding:6px 9px}#hud #cast-guide{top:92px}#hud .card{min-height:78px}#hud .card-art{height:33px}#hud .card-symbol{top:3px;font-size:21px}#hud .card-cost{top:7px}#hud .card b{font-size:9px}#hud .card .cooldown{margin-top:4px;font-size:7px}#hud #interact{bottom:124px}#hud #notice{top:153px}#hud #boss-status{top:148px}#hud.has-boss #notice{top:195px}#hud.tutorial #notice{top:180px}}
@media(min-width:580px){#hud #hand{left:50%;right:auto;width:470px;transform:translateX(-50%)}#hud .status{max-width:460px}#hud #cast-guide{max-width:460px}#hud #field-build{max-width:350px}#hud #notice{max-width:400px}#hud #boss-status{left:auto;width:220px;top:72px}}
/* Aim hints are informational: only the small cancel button receives taps. */
#hud:is(.planning,.aiming) #cast-guide{top:auto;bottom:max(128px,calc(env(safe-area-inset-bottom) + 116px));left:50%;right:auto;transform:translateX(-50%);width:230px;min-height:0;height:44px;padding:7px 54px 6px 10px;display:flex;align-items:center;gap:6px;background:#102c3bc9;border:1px solid #ccd9b847;border-radius:22px;pointer-events:none}
#hud:is(.planning,.aiming) #cast-title{display:none}#hud:is(.planning,.aiming) #cast-detail{margin:0;font-size:11px;line-height:1.2;pointer-events:none}#hud:is(.planning,.aiming) #cancel{right:0;top:0;width:48px;height:44px;border-radius:22px;font-size:9px;pointer-events:auto}#hud.planning .mission{visibility:visible;opacity:.65}#hud #hand{grid-template-columns:repeat(var(--cards,3),minmax(0,1fr))!important}
@media(max-height:650px){#hud:is(.planning,.aiming) #cast-guide{bottom:115px}}
#hud:is(.planning,.aiming) #cast-guide{width:min(300px,calc(100% - 26px))}#hud:is(.planning,.aiming) #cast-detail{max-height:32px;overflow:hidden;font-size:10px;line-height:1.5}#hud .card[aria-disabled="true"]{opacity:.68}#hud .card[aria-disabled="true"] .cooldown{color:#e8bc9a}@media(max-width:360px){#hud #hand{gap:3px;padding:4px;left:6px;right:6px}#hud .card-cost{right:3px;font-size:8px}#hud .card-symbol{left:3px;font-size:19px;width:21px}#hud .card b{font-size:8px}#hud .card .cooldown{font-size:7px}}

#hud.aiming #notice{visibility:hidden}

#field-status{font-size:9px;line-height:16px;height:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#cce7db;pointer-events:none;text-shadow:0 1px 3px #081a27;background:#102939b0;border-radius:5px;padding:0 6px;margin:3px 0}#hud .mission{margin-top:3px}#hud.planning #field-status{opacity:.6}

#hud .card-symbol{font-family:Arial,sans-serif;text-shadow:0 2px 5px #091d29}#hud .card-art{background:radial-gradient(ellipse at 50% 15%,#b1d7c52d,transparent 80%)}#hud .card{border-bottom:3px solid #8fb6a560}#hud .card.selected{border-bottom-color:#f1d8a0}#hud .card b{letter-spacing:.1px}#hud .vitals progress{accent-color:#b7dfa8}

#hud.low-health .vitals{border-color:#ee937e;background:#352b35e8}#hud.low-health #hp{color:#ffb49c}#hud.low-health .vitals progress{accent-color:#ef9b82}.health-warning{color:#ffc2a5}.modal button:focus-visible{outline:2px solid #f1d9a4;outline-offset:3px}