/* v0.1.2: explicit targeting, compact landscape feedback. */
.duel .valid-target{outline:2px solid #86d9df;outline-offset:2px;cursor:pointer}
.duel .chosen-target{outline:2px solid #ffc774;outline-offset:3px;box-shadow:0 0 16px #f5b54a55}
.duel .hero-box.valid-target{border-radius:8px;background:#65cdd814}
.duel .board-unit .unit-state{width:max-content;max-width:130%;left:50%;transform:translateX(-50%);color:#e5eede;text-shadow:0 1px 3px #000}
.duel .chosen-target .unit-state{color:#ffd18a}
.duel .arena-hint{white-space:normal;max-width:100%;text-align:center;line-height:1.2}
@media (orientation:landscape) and (max-height:540px){
 .in-duel .main{overflow:hidden}
 .duel{--rail:185px;grid-template-rows:28px minmax(0,1fr) 92px;gap:4px}
 .duel .arena{padding-left:78px;padding-right:8px;grid-template-rows:minmax(0,1fr) 39px minmax(0,1fr)}
 .duel .arena-head{left:5px;width:64px;height:calc((100% - 39px)/2);gap:1px;padding:2px 0}
 .duel .hero-crest{width:25px;height:25px}.duel .health{font-size:20px}
 .duel .hero-deck{font-size:7px}.duel .hero-box h4{font-size:7px;margin:1px 0}
 .duel .energy,.duel .energy strong{font-size:9px}.duel .relic-row{height:12px}.duel .relic-row button{height:12px;width:20px;font-size:9px}
 .duel .arena-lane{gap:12px;padding:7px 0 14px}
 .duel .board-unit{min-width:40px}.duel .board-unit .unit-state{font-size:7px;bottom:-12px}
 .duel .arena-mid{height:39px;gap:2px}.duel .rift-status{min-height:22px;padding:2px 8px;font-size:9px}.duel .rift-status b{font-size:17px}.duel .rift-status small{font-size:6px}
 .duel .arena-hint{font-size:8px}.duel .combat-dock{padding:6px;gap:4px}
 .duel .dock-actions .btn{min-height:34px;padding:5px;font-size:9px}.duel .dock-actions .btn-ghost{min-height:28px;font-size:8px}
 .duel .selected-preview{padding:7px;gap:5px}.duel .empty-preview{padding:9px}.duel .empty-sigil{font-size:30px}.duel .empty-preview h3{font-size:16px}.duel .empty-preview p{font-size:10px;margin:5px 0}.duel .rail-affinity{font-size:10px;margin-top:4px}
 .duel .preview-copy h3{font-size:14px;margin:2px 0}.duel .preview-copy p{font-size:10px;line-height:1.25;margin:4px 0}.duel .preview-copy .btn{min-height:30px;margin-top:3px;font-size:9px}.duel .preview-keyword{font-size:9px}
 .duel .preview-art{min-height:40px;max-height:30%}.duel .duel-phase{font-size:9px;gap:8px}
 .duel .hand-caption{height:19px;flex-basis:19px}.duel .hand-scroll{padding:7px 10px 5px}
}