/* 0.13: information appears on touch, without reducing the battlefield's width. */
.battle-layout .combat-row-label{display:none}
.battle-layout .battle-frontier{height:1px;min-height:1px;margin:5px 2px;background:linear-gradient(90deg,transparent,#a18b56,transparent);font-size:0}
.battle-layout .reach-badge{position:absolute;left:2px;top:1px;background:#14221ee8;border:1px solid #746443;border-radius:5px;color:#e9d8af;font-size:12px;line-height:17px;width:19px;pointer-events:none}
.battle-layout .compact-status .status-chip{max-width:100%;overflow:hidden;text-overflow:ellipsis;font-size:9px;line-height:13px;display:block}
.battle-layout .compact-status{width:100%;justify-content:center;flex-direction:row;flex-wrap:nowrap}.battle-layout .compact-status .status-chip:first-child{min-width:0;flex-shrink:1}.battle-layout .compact-status .status-more{flex-shrink:0}
.battle-layout .initiative-portraits{order:-1;display:flex;justify-content:center;gap:7px;min-height:35px;padding:1px 0;margin:0 0 3px;overflow:hidden;border-bottom:1px solid #b49a6033}
.initiative-actor{display:flex;align-items:center;gap:5px;position:relative;flex-shrink:0}
.battle-layout .initiative-actor>span{padding:0;background:transparent;border:0}
.initiative-actor .portrait{width:27px;height:27px;border-radius:7px;display:block;margin:0;border:1px solid #8c8259}
.initiative-actor small{font-size:14px;color:#aaa68e}.initiative-actor.active small{font-size:8px;background:#e5c079;color:#15221d;border-radius:3px;padding:3px}
.initiative-actor.active .portrait{border:2px solid #f6d58d;box-shadow:0 0 7px #dfb35b66}
.battle-layout .battle-caption{font-size:11px;line-height:15px;white-space:normal;min-height:34px;padding:5px 7px;background:#17241fec;color:#efdfbc;border:1px solid #9a794e70;border-radius:7px;overflow-wrap:anywhere}
.battle-layout .action-preview{max-height:145px;border:1px solid #e4bc63;background:linear-gradient(100deg,#4a3e20,#1a2922);box-shadow:0 0 13px #d6a54840}
.battle-layout .action-preview .target-prompt{display:block;font-size:15px;line-height:20px;letter-spacing:.06em;color:#ffe5a1;margin:0;animation:choose-target-glow 1.4s ease-in-out infinite}
.selected-action-name{font-size:11px;color:#fff1cd}.target-action-warning{display:block;font-size:10px;color:#e6d8bd}
.battle-layout .action-preview p{max-height:28px;overflow:auto}.battle-layout .action-preview .target-action-warning{line-height:12px}
.battle-layout .target-odds .target-reason{font-size:9px;line-height:11px;white-space:normal;max-height:23px;overflow:hidden;color:#e0d7bd}
.element-result.weakness{color:#f7ce76}.element-result.resistance{color:#a8d5ee}
.figure-info-layer{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:18px;isolation:isolate}
.battle-mode:has(.figure-info-layer) #app{position:relative;z-index:100}
.battle-mode:has(.figure-info-layer) #battle-fx,.battle-mode:has(.figure-info-layer) .formation-motion-layer{visibility:hidden}
.figure-info-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:0;background:#06100eb8;backdrop-filter:blur(2px);z-index:-1;cursor:default}
.figure-info-popup{width:min(410px,100%);max-height:84dvh;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;border:1px solid #d1ad68;border-radius:18px;background:linear-gradient(145deg,#304032,#12221e 70%);padding:16px;box-shadow:0 15px 70px #000b;color:#efe5cf;animation:figure-popup-in .18s ease-out}
.figure-info-popup>header{display:flex;gap:12px;align-items:center;margin-bottom:10px}.figure-info-popup>header>div{flex:1;min-width:0}.figure-info-popup h2{font-size:21px;margin:0 0 4px;overflow-wrap:anywhere}.figure-info-popup header small{font-size:12px;color:#c8c8b3}.figure-info-popup header .portrait{width:55px;height:55px;flex:none;margin:0;border-radius:12px}.figure-info-popup header button{width:44px;height:44px;flex:none;font-size:30px;padding:0;border:0;background:transparent;color:#f0cb81}
.figure-vitals{font-size:13px;color:#c4e0c2;padding-bottom:10px}.figure-stats{display:flex;gap:10px;flex-wrap:wrap;padding:9px 0;border-block:1px solid #bba16940;margin-bottom:9px;font-size:11px}.figure-stats b{color:#f4ddb4}
.figure-info-line{display:flex;gap:11px;padding:10px 0;border-bottom:1px solid #b7a06d24;align-items:flex-start}.figure-info-line>span{display:grid;place-items:center;width:34px;height:34px;flex:none;border:1px solid #9e926966;border-radius:9px;background:#091a1577;color:#e5d7a8;font-size:22px}.figure-info-line strong{font-size:14px;color:#e9d7aa}.figure-info-line p{font-size:13px;line-height:1.45;margin:3px 0 0;color:#e0e3d5}.info-weakness>span,.info-weakness strong{color:#f6ca78}.info-resistance>span,.info-resistance strong{color:#a7d6ea}.figure-neutral{font-size:12px;color:#bdc5b7;margin:12px 0}
@keyframes figure-popup-in{from{opacity:0;transform:translateY(9px) scale(.98)}to{opacity:1;transform:none}}
@keyframes choose-target-glow{50%{text-shadow:0 0 9px #edc66e88}}
@media(max-height:650px){.battle-layout .initiative-portraits{min-height:28px}.initiative-actor .portrait{width:22px;height:22px}.battle-layout .action-preview p{max-height:29px;overflow:auto}.battle-layout .action-preview{max-height:117px}.figure-info-popup{max-height:88dvh;padding:12px}}
.reduce-motion .figure-info-popup,.reduce-motion .target-prompt{animation:none!important}
@media(prefers-reduced-motion:reduce){.figure-info-popup,.target-prompt{animation:none!important}}