.iso-combat-view{--combat-ink:#eddfbc;--combat-soft:#bdc1a9;--combat-gold:#d8b779;--combat-panel:#102b24de;--combat-edge:#cbb77965;--combat-shadow:#03150c80;position:absolute;inset:0;z-index:30;pointer-events:none;font-family:Inter,Arial,sans-serif}
.iso-combat-view[hidden],.iso-combat-attack[hidden],.iso-combat-dodge[hidden]{display:none!important}
.iso-combat-dodge{position:absolute;right:calc(120px + env(safe-area-inset-right));bottom:calc(107px + env(safe-area-inset-bottom));width:52px;height:52px;border:1px solid var(--combat-edge);border-radius:50%;color:var(--combat-ink);background:var(--combat-panel);box-shadow:0 5px 20px var(--combat-shadow);pointer-events:auto;touch-action:none;user-select:none;font:600 8px Inter,Arial,sans-serif;cursor:pointer;backdrop-filter:blur(9px)}
.iso-combat-dodge:focus-visible{outline:2px solid var(--combat-gold);outline-offset:5px}.iso-combat-dodge:active{transform:scale(.95)}
@media(max-width:420px){.iso-combat-dodge{right:calc(109px + env(safe-area-inset-right));bottom:calc(112px + env(safe-area-inset-bottom));width:48px;height:48px}}
.iso-combat-readout{position:absolute;left:50%;bottom:calc(86px + env(safe-area-inset-bottom));display:grid;grid-template-columns:auto auto;align-items:center;column-gap:10px;row-gap:4px;max-width:calc(100% - 32px);padding:9px 15px;border:1px solid var(--combat-edge);border-radius:2px 13px 2px 13px;background:var(--combat-panel);color:var(--combat-ink);box-shadow:0 5px 20px var(--combat-shadow);opacity:0;transform:translate(-50%,5px);transition:opacity .18s ease,transform .18s ease;backdrop-filter:blur(9px)}
.iso-combat-readout.is-visible{opacity:1;transform:translate(-50%,0)}
.iso-combat-beats{grid-row:1/3;display:flex;gap:6px;align-items:center;padding-right:2px}
.iso-combat-beats i{width:5px;height:5px;display:block;transform:rotate(45deg);border:1px solid var(--combat-edge);background:transparent;transition:background .12s,box-shadow .12s}
.iso-combat-beats i.is-complete{background:var(--combat-gold);border-color:var(--combat-gold);opacity:.6}
.iso-combat-beats i.is-current{background:var(--combat-gold);border-color:var(--combat-gold);box-shadow:0 0 8px #d8b77950}
.iso-combat-title{font-size:10px;font-weight:600;letter-spacing:.07em;line-height:1.2;white-space:nowrap}
.iso-combat-caption{font-size:8px;letter-spacing:.015em;line-height:1.3;color:var(--combat-soft);white-space:nowrap}
.iso-combat-view.is-buffered .iso-combat-caption,.iso-combat-view.is-finisher .iso-combat-title{color:var(--combat-gold)}
.iso-combat-attack{position:absolute;right:calc(29px + env(safe-area-inset-right));bottom:calc(103px + env(safe-area-inset-bottom));display:grid;place-items:center;width:76px;height:76px;padding:0;border:1px solid var(--combat-edge);border-radius:50%;color:var(--combat-ink);background:radial-gradient(circle at 36% 22%,#60715a65,transparent 65%),var(--combat-panel);box-shadow:0 5px 20px var(--combat-shadow),inset 0 1px 1px #f5e1ae35;pointer-events:auto;touch-action:none;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;cursor:pointer;transition:transform .1s,background .1s}
.iso-combat-attack-ring{position:absolute;inset:-7px;border:1px solid var(--combat-edge);border-radius:50%;opacity:.6;pointer-events:none}
.iso-app .iso-combat-attack svg{width:40px;height:40px;pointer-events:none;transform:translateY(-2px)}
.iso-combat-attack-label{position:absolute;bottom:10px;font-size:7px;font-weight:600;line-height:1;letter-spacing:1.3px;text-transform:uppercase;pointer-events:none}
.iso-combat-attack.is-held{transform:scale(.95);background:radial-gradient(circle,#6d845f66,transparent 70%),var(--combat-panel)}
.iso-combat-attack:focus-visible{outline:2px solid var(--combat-gold);outline-offset:10px}
.iso-combat-status{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.iso-enemy-view{position:absolute;z-index:30;left:50%;bottom:calc(141px + env(safe-area-inset-bottom));transform:translateX(-50%);display:grid;gap:6px;width:250px;max-width:calc(100% - 32px);padding:12px 15px;border:1px solid #cbb77965;border-radius:3px 16px 3px 16px;background:#102b24ed;color:#eddfbc;box-shadow:0 5px 20px #03150c60;backdrop-filter:blur(9px);font:10px Inter,Arial,sans-serif;pointer-events:none}
.iso-enemy-view[hidden],.iso-enemy-retry[hidden]{display:none!important}
.iso-enemy-view>strong{font-size:12px;letter-spacing:.04em}.iso-enemy-caption{font-size:9px;color:#bdc1a9;min-height:12px}.iso-enemy-view.is-warning .iso-enemy-caption{color:#f0b78a}
.iso-enemy-health{display:grid;grid-template-columns:30px 1fr 25px;gap:8px;align-items:center;font-size:9px}.iso-enemy-health>span:last-child{text-align:right;font-variant-numeric:tabular-nums}
.iso-enemy-health progress{appearance:none;width:100%;height:5px;border:0;border-radius:3px;overflow:hidden;background:#b6c9ad25;color:#c89c62}.iso-enemy-health progress::-webkit-progress-bar{background:#b6c9ad25;border-radius:3px}.iso-enemy-health progress::-webkit-progress-value{background:#c89c62;border-radius:3px}.iso-enemy-health progress::-moz-progress-bar{background:#c89c62;border-radius:3px}.iso-enemy-health:nth-of-type(2) progress{color:#99bb8d}.iso-enemy-health:nth-of-type(2) progress::-webkit-progress-value{background:#99bb8d}.iso-enemy-health:nth-of-type(2) progress::-moz-progress-bar{background:#99bb8d}
.iso-enemy-hint{font-size:8px;line-height:1.4;color:#bdc1a9}.iso-enemy-retry{min-height:36px;border:1px solid #cbb77980;border-radius:2px 9px 2px 9px;color:#eddfbc;background:#d8b77920;cursor:pointer;pointer-events:auto;font:10px Inter,Arial,sans-serif}.iso-enemy-retry:focus-visible{outline:2px solid #d8b779;outline-offset:3px}
.iso-app:not(.is-exploring) .iso-enemy-view,.iso-app.is-panel-open .iso-enemy-view{display:none}
html[data-theme=light] .iso-enemy-view{background:#f3eedcf2;color:#203d30;border-color:#7c69376b;box-shadow:0 5px 20px #273b232b}html[data-theme=light] .iso-enemy-caption,html[data-theme=light] .iso-enemy-hint{color:#49604e}html[data-theme=light] .iso-enemy-view.is-warning .iso-enemy-caption{color:#9c3f25}html[data-theme=light] .iso-enemy-retry{color:#203d30;border-color:#7c693780;background:#80601e15}html[data-theme=light] .iso-enemy-health progress,html[data-theme=light] .iso-enemy-health progress::-webkit-progress-bar{background:#49604e25}
@media(max-width:420px){.iso-enemy-view{bottom:calc(119px + env(safe-area-inset-bottom));width:220px;padding:10px 12px}}
@media(any-pointer:coarse) and (orientation:portrait){.iso-enemy-view{top:calc(98px + env(safe-area-inset-top));bottom:auto}}
@media(orientation:landscape) and (max-height:540px){.iso-enemy-view{left:auto;right:calc(20px + env(safe-area-inset-right));top:calc(75px + env(safe-area-inset-top));bottom:auto;transform:none;width:215px;padding:9px 12px}.iso-enemy-hint{display:none}}
.iso-app:not(.is-exploring) .iso-combat-view,.iso-app.is-panel-open .iso-combat-view{display:none}
html[data-theme=light] .iso-combat-view{--combat-ink:#203d30;--combat-soft:#49604e;--combat-gold:#80601e;--combat-panel:#f3eedcde;--combat-edge:#7c69376b;--combat-shadow:#273b232b}
@media(any-pointer:coarse){.iso-combat-readout{bottom:calc(86px + env(safe-area-inset-bottom));padding:8px 11px}.iso-combat-beats{gap:4px}.iso-combat-caption{font-size:7px}.iso-combat-title{font-size:9px}}
@media(any-pointer:fine) and (max-width:650px){.iso-combat-readout{bottom:calc(110px + env(safe-area-inset-bottom))}}
@media(max-width:420px){.iso-combat-attack{right:calc(22px + env(safe-area-inset-right));width:68px;height:68px;bottom:calc(104px + env(safe-area-inset-bottom))}.iso-combat-readout{bottom:calc(58px + env(safe-area-inset-bottom))}}
@media(orientation:landscape) and (max-height:540px){.iso-combat-attack{right:calc(28px + env(safe-area-inset-right));bottom:calc(102px + env(safe-area-inset-bottom));width:66px;height:66px}.iso-combat-readout{bottom:calc(83px + env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){.iso-combat-readout,.iso-combat-beats i,.iso-combat-attack{transition:none}.iso-combat-attack.is-held,.iso-combat-dodge:active{transform:none}}