/* Keep the hero portraits and minion lanes clear of the contextual skill panel. */
.player-zone{height:38%}.enemy-zone{top:6%}.friendly-zone{bottom:6%}
.enemy-zone .board-slots{inset:61px 0 4px}.friendly-zone .board-slots{inset:4px 0 61px}
.unit-command,.unit-command.visible{position:relative;inset:auto;left:auto;top:auto;right:auto;bottom:auto;transform:none;width:100%;max-width:none;min-height:74px;padding:10px 10px 9px;border:1px solid #ddca8d55;border-radius:8px;background:linear-gradient(145deg,#1b281eeF,#17221bec);box-shadow:0 4px 15px #05070528,inset 0 1px #fff1;backdrop-filter:blur(6px)}
.unit-command{display:none;opacity:1;visibility:visible;pointer-events:auto}
.unit-command.visible{display:grid;grid-template-columns:27px minmax(0,1fr) 92px;grid-template-rows:1fr 25px;gap:7px 8px;align-items:center}
.command-creature{grid-column:1;grid-row:1;width:27px;height:27px;font-size:16px}
.command-copy{grid-column:2/4;grid-row:1;min-width:0;gap:4px}
.command-copy strong{font-size:9px}.command-copy small{font-size:7px;overflow:hidden;text-overflow:ellipsis}
.skill-button{grid-column:2/4;grid-row:2;width:100%;height:25px}
.command-close{position:absolute;right:6px;top:5px;font-size:13px}
.combo-ready{grid-column:1/3;grid-row:2;height:24px;min-width:0;padding:0 5px;font-size:6px;white-space:nowrap;overflow:hidden}
.combo-ready>span{font-size:10px;flex:none}
.unit-command:has(.combo-ready) .skill-button{grid-column:3;grid-row:2;width:92px;padding:0 4px;font-size:7px}
.unit-command:has(.combo-ready) .skill-button span{display:none}
.guide-panel{transition:opacity .16s}
.right-rail:has(.unit-command.visible) .guide-panel{display:none}
.burning .stat-heart{box-shadow:0 0 8px #f1814d85}
@media(max-height:760px){.player-zone{height:39%}.enemy-zone{top:5%}.friendly-zone{bottom:5%}.enemy-zone .board-slots{inset:52px 0 3px}.friendly-zone .board-slots{inset:3px 0 52px}.hero-card{height:49px}.unit{height:66px;min-height:66px;max-height:66px}.unit-art{width:33px;height:33px;font-size:22px}.unit-name{font-size:7px}.unit-move{font-size:5px}.unit-command.visible{min-height:69px;padding:8px}.right-rail{gap:7px}.guide-panel{padding-top:9px;padding-bottom:8px}.guide-step{padding:5px 0}}
@media(max-width:1150px){.unit-command.visible{grid-template-columns:26px minmax(0,1fr) 91px;gap:6px 7px;padding:8px;min-height:69px}.unit-command:has(.combo-ready) .skill-button{width:91px}.command-copy strong{font-size:8px}}
@media(max-width:940px){.player-zone{height:42%}.enemy-zone{top:3%}.friendly-zone{bottom:3%}.enemy-zone .board-slots{inset:45px 0 3px}.friendly-zone .board-slots{inset:3px 0 45px}.hero-card{height:42px}.hero-portrait{width:28px;height:28px;font-size:16px}.unit{height:57px;min-height:57px;max-height:57px}.unit-art{width:28px;height:28px;font-size:19px}.unit-name{font-size:6px}.unit-move{font-size:5px}.unit-command.visible{grid-column:1/-1;grid-template-columns:27px minmax(0,1fr) 92px;min-height:65px}.unit-command:has(.combo-ready) .skill-button{width:92px}.right-rail:has(.unit-command.visible) .guide-panel{display:block}.right-rail:has(.unit-command.visible){grid-template-columns:1fr 1fr}.right-rail:has(.unit-command.visible) .opponent-panel,.right-rail:has(.unit-command.visible) .unit-command{grid-column:1/-1}}
@media(max-width:560px){.player-zone{height:44%}.enemy-zone{top:2.5%}.friendly-zone{bottom:2.5%}.enemy-zone .board-slots{inset:43px 0 2px}.friendly-zone .board-slots{inset:2px 0 43px}.hero-card{height:40px;width:122px}.hero-portrait{width:27px;height:27px}.unit{height:51px;min-height:51px;max-height:51px}.unit-art{width:24px;height:24px;font-size:16px}.unit-name{font-size:6px;margin-top:0}.unit-move{font-size:4px;margin-top:0}.unit-badges{bottom:-7px}.stat-gem,.stat-heart{height:15px;min-width:15px;font-size:8px}.unit-command.visible{grid-template-columns:23px minmax(0,1fr) 84px;min-height:63px;gap:5px 6px;padding:7px}.command-creature{width:23px;height:23px;font-size:14px}.command-copy strong{font-size:7px}.command-copy small{font-size:6px}.skill-button{height:24px;font-size:6px}.skill-button span{font-size:5px}.unit-command:has(.combo-ready) .skill-button{width:84px;font-size:6px}.combo-ready{font-size:5px;padding:0 3px;gap:3px}.combo-ready>span{font-size:9px}.right-rail:has(.unit-command.visible){grid-template-columns:1fr 1fr}}