.abilityFilters{display:flex;gap:4px;padding:6px;overflow-x:auto;flex:none}.abilityFilters button{flex:1 0 auto;min-height:30px;font-size:11px;padding:5px 8px}.abilityFilters button.active{border-color:#e0bd79;background:#473a39;color:#fff2d4}
.statusBadges{position:absolute;right:-3px;top:0;display:flex;flex-direction:column;gap:2px;z-index:3;pointer-events:none}.statusBadges>span,.statusBadges em{position:relative;display:block;background:#172735;border:1px solid #d8bb7a;border-radius:3px;min-width:18px;text-align:center;color:#ffe9b4;font:700 8px/14px system-ui}.statusBadges sup{position:absolute;right:-3px;bottom:-5px;font-size:7px;color:white;background:#3b242c;padding:0 2px;border-radius:3px}
#heroCard{cursor:pointer}
.landscapeHUD .battleDock{grid-template-columns:var(--land-info-width) minmax(0,1fr) 158px!important;gap:5px!important;pointer-events:none}.landscapeHUD .heroCard{grid-column:1;pointer-events:auto}
.landscapeHUD .commandArea{grid-column:3;grid-template-columns:1fr!important;grid-template-rows:minmax(0,1fr)!important;padding:3px!important;pointer-events:auto;overflow:visible!important}.landscapeHUD .commandArea .activationLine,.landscapeHUD .commandArea .selectionTools{display:none!important}
.landscapeHUD .commandArea .actions{display:flex!important;flex-direction:column!important;grid-column:1!important;grid-row:1!important;overflow-y:auto!important;overflow-x:hidden!important;gap:3px!important;min-height:0}.landscapeHUD .commandArea .actions button{flex:0 0 28px!important;min-height:28px!important;width:100%!important;justify-content:flex-start!important;font-size:10px!important;padding:2px 8px!important}
.landscapeHUD .commandArea .actions .endButton{position:sticky;bottom:0;z-index:2;order:99;flex:0 0 29px!important;background:#32242b!important;border-color:#d1a875!important}.landscapeHUD .actions .actionIcon{font-size:14px!important}
.landscapeHUD .targetCard{left:calc(var(--land-dock-x) + var(--land-info-width) + 8px)!important;top:var(--land-dock-y)!important;width:clamp(130px,22vw,220px)!important;max-height:var(--land-dock-h)!important;overflow-y:auto!important;pointer-events:auto;z-index:7!important}.landscapeHUD .targetCard h3{font-size:12px!important;margin:0!important;line-height:15px!important}.landscapeHUD .targetCard p{font-size:8px!important;margin:2px 0!important}
.landscapeHUD .panel:not(.logPanel){left:auto!important;right:calc(8px + env(safe-area-inset-right,0px) + 163px)!important;top:auto!important;bottom:calc(var(--land-dock-h) + 9px + env(safe-area-inset-bottom,0px))!important;width:clamp(230px,32vw,350px)!important;height:min(68dvh,350px)!important;max-height:calc(100dvh - var(--land-topbar-h) - var(--land-dock-h) - 25px)!important}.landscapeHUD .panel:not(.logPanel) #skills{overflow-y:auto;min-height:0}
.landscapeHUD .heroInfo h3{padding-top:2px!important;line-height:18px!important;overflow:visible!important}.landscapeHUD .party button{position:relative;overflow:visible!important}.landscapeHUD .enemyPortrait{min-height:0!important;overflow:hidden!important}.landscapeHUD .rightRail{top:max(var(--land-right-y),calc(var(--land-queue-y) + var(--land-queue-h) + 8px))!important}.landscapeHUD .enemyRail{max-height:calc(var(--land-stage-h) - 15px)!important;overflow:hidden!important}
@media(orientation:landscape) and (max-height:420px){.landscapeHUD .battleDock{grid-template-columns:var(--land-info-width) minmax(0,1fr) 140px!important}.landscapeHUD .commandArea .actions button{flex-basis:25px!important;min-height:25px!important}.landscapeHUD .commandArea .actions .endButton{flex-basis:27px!important}.landscapeHUD .panel:not(.logPanel){right:calc(148px + env(safe-area-inset-right,0px))!important;width:235px!important}}

/* v0.3.2 hotfix: fit controls inside the dock, keeping End Turn visible. */
.landscapeHUD .battleDock{overflow:visible!important;align-items:stretch!important}
.landscapeHUD .heroCard,.landscapeHUD .commandArea{box-sizing:border-box!important;min-height:0!important;height:100%!important;overflow:hidden!important;border-width:7px!important}
.landscapeHUD .commandArea{display:flex!important;flex-direction:column!important;padding:3px!important}
.landscapeHUD .commandArea .actions{display:flex!important;flex:1 1 auto!important;flex-direction:column!important;min-height:0!important;overflow-y:auto!important;scrollbar-width:thin!important}
.landscapeHUD .commandArea .actions button:not(.endButton){flex:0 0 23px!important;min-height:23px!important;height:23px!important;font-size:9px!important;padding:1px 4px!important}
.landscapeHUD .commandArea .actions .endButton{position:sticky!important;bottom:0!important;flex:0 0 29px!important;min-height:29px!important;height:29px!important;margin-top:auto!important;order:99!important}
.landscapeHUD .actions .paintedIcon{width:18px!important;height:18px!important;flex:0 0 18px!important}
.landscapeHUD .heroInfo{overflow:hidden!important}.landscapeHUD .heroInfo h3{font-size:15px!important}
.landscapeHUD .party{overflow:visible!important;padding-right:25px!important;width:calc(var(--land-allies-w) + 25px)!important;align-items:flex-start!important}
.landscapeHUD .party button{width:var(--land-allies-w)!important;flex-shrink:0!important}
.landscapeHUD .party .statusBadges{left:calc(100% + 3px)!important;right:auto!important;top:2px!important}
.landscapeHUD .enemyPortrait .statusBadges{display:none!important}
.statusBadges>span{display:flex!important;align-items:center;justify-content:center;width:22px;height:22px;padding:0!important}
.statusBadges .paintedIcon{width:20px!important;height:20px!important;flex:0 0 20px!important}
.statusBadges sup{z-index:2!important}
.landscapeHUD .targetCard{border-width:7px!important;max-height:var(--land-dock-h)!important}

/* End Turn is a sibling of the scrollable command list, not its last item. */
.commandArea>.endButton{display:flex;align-items:center;justify-content:center;gap:5px;min-height:40px;width:100%;border-color:#c5a36e!important;background:#34252c!important}
.commandArea>.endButton .paintedIcon{width:22px;height:22px;flex:0 0 22px}
.landscapeHUD .commandArea>.endButton{display:flex!important;flex:0 0 29px!important;height:29px!important;min-height:29px!important;padding:2px 5px!important;font-size:10px!important;line-height:1!important}
.landscapeHUD .commandArea>.endButton .paintedIcon{width:18px!important;height:18px!important;flex:0 0 18px!important}

/* Ability list anchored immediately above and beside the command dock. */
.landscapeHUD #skillPanel{position:absolute!important;left:auto!important;right:calc(env(safe-area-inset-right,0px) + 151px)!important;bottom:calc(env(safe-area-inset-bottom,0px) + 7px)!important;top:auto!important;width:clamp(235px,32vw,345px)!important;max-height:calc(100dvh - var(--land-topbar-h) - 18px)!important;z-index:22!important}
.landscapeHUD #skillPanel.hidden{display:none!important}
@media(orientation:landscape) and (max-height:420px){.landscapeHUD #skillPanel{right:calc(env(safe-area-inset-right,0px) + 135px)!important;max-height:calc(100dvh - 48px)!important}}
