/* In-session combat feedback using the existing style B portraits and landscapes. */
.online-encounter[hidden]{display:none}
.online-encounter{position:absolute;inset:0;max-width:480px;margin-inline:auto;overflow:hidden;isolation:isolate;border:1px solid #d5aa61;border-radius:8px;background:#457566}
.online-encounter::before{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(#1b3b4e30,#264e5866 55%,#253c4cc9),url('/releases/20261022T183423Z-2c13688/assets/outpost-equipped.png') 65% 0/150% auto}
.online-encounter[data-region='pass']::before{background-image:linear-gradient(#1b3b4e30,#264e5866 55%,#253c4cc9),url('/releases/20261022T183423Z-2c13688/assets/sunpass.png')}
.online-encounter[data-region='grove']::before{background-image:linear-gradient(#1b3b4e30,#264e5866 55%,#253c4cc9),url('/releases/20261022T183423Z-2c13688/assets/amber-grove.png')}
.online-encounter::after{content:'';position:absolute;inset:auto -20% -18%;height:39%;z-index:-1;background:#738b59;border:3px solid #4b6950;border-radius:50%}
.online-hud{position:relative;z-index:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:9px max(64px,calc(var(--safe-right) + 52px)) 9px max(10px,var(--safe-left));background:#1c3c4ce8}
.online-vitals{min-width:0}
.online-vitals>div:first-child{display:flex;justify-content:space-between;align-items:center;gap:4px;font-size:10px}
.online-vitals strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff0ce}
.online-vitals span{white-space:nowrap;color:#ecedce;font-size:9px}
.online-health{height:6px;border:1px solid #a6b89c;border-radius:4px;background:#183344;margin-top:5px;overflow:hidden}
.online-health>span{display:block;height:100%;background:#a9d983;transition:width .18s ease-out}
.online-vitals:last-child .online-health>span{background:#e5a766}
.online-fighter{position:absolute;bottom:30px;width:44%;height:calc(100% - 82px);transform-origin:50% 100%}
.online-hero{left:4%;--online-lunge:15px;--online-recoil:-5px}
.online-enemy{right:2%;--online-lunge:-15px;--online-recoil:5px}
.online-fighter>img{width:100%;height:100%;object-fit:contain;object-position:center bottom;transform-origin:50% 95%;filter:drop-shadow(1px 2px 0 #42364e88)}
.online-enemy>img{scale:.85}
.online-caption{position:absolute;bottom:6px;left:8px;right:8px;z-index:3;padding:5px 7px;border:1px solid #96aa83;border-radius:5px;background:#203e51f2;font-size:11px;line-height:1.3;color:#fff0ce;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.online-encounter[data-phase='victory'] .online-caption{color:#e4efae;border-color:#d7bc67}
.online-damage{position:absolute;left:50%;top:27%;z-index:3;font-weight:800;font-size:25px;color:#ffe1a1;text-shadow:0 2px #42364e;opacity:0;pointer-events:none}
.online-impact{position:absolute;left:45%;top:45%;width:13px;height:32px;border-radius:50%;background:#ffe1a1;rotate:35deg;opacity:0;pointer-events:none}
.online-attacking>img{animation:online-lunge .42s cubic-bezier(.18,.7,.25,1)}
.online-hit>img{animation:online-recoil .32s ease-out}
.online-hit .online-impact{animation:online-spark .25s ease-out}
.online-hit .online-damage,.online-heal .online-damage{animation:online-number .7s ease-out}
.online-heal .online-damage{color:#c6e9ab}
.online-encounter[data-phase='paused'] .online-fighter>*{animation-play-state:paused}
@keyframes online-lunge{35%{transform:translateX(var(--online-lunge)) rotate(-3deg)}100%{transform:none}}
@keyframes online-recoil{35%{transform:translateX(var(--online-recoil))}100%{transform:none}}
@keyframes online-spark{30%{opacity:.8;scale:1.25}100%{opacity:0;scale:.4}}
@keyframes online-number{10%{opacity:1;transform:translate(-50%,-5px)}100%{opacity:0;transform:translate(-50%,-35px)}}
[data-online='true']>.idle-world-title{visibility:hidden}
[data-online='true']>.idle-world-art{visibility:hidden}
[data-online='true'].idle-world-frame{background:#193b4d}
[data-online='true']>.idle-warmth,[data-online='true']>.idle-embers{display:none}
.idle-still{z-index:4}
.idle-find{z-index:4}
@media(max-width:639px) and (min-height:651px) and (max-height:760px){.idle-world-frame{height:122px;min-height:122px}}
@media(max-width:639px) and (min-height:761px) and (max-height:880px){.idle-world-frame{height:190px;min-height:190px}}
[data-still='true'] .online-fighter>img,[data-still='true'] .online-damage,[data-still='true'] .online-impact{animation:none}
[data-still='true'] .online-health>span{transition:none}
@media(max-width:639px) and (max-height:760px){
  .online-hud{padding-block:5px;gap:8px}
  .online-fighter{height:calc(100% - 51px);bottom:18px}
  .online-caption{bottom:2px;padding:2px 5px;font-size:9px}
  .online-damage{font-size:17px}
}
@media(prefers-reduced-motion:reduce){
  .online-fighter>img,.online-damage,.online-impact{animation:none}
  .online-health>span{transition:none}
}
@media(prefers-reduced-motion:no-preference){[data-still='false'] #idle-patrol-progress>span{transition:width .2s linear}}