/* Readable aura costs and keyword help without changing portrait card geometry. */
.game-card .card-cost{
 background:linear-gradient(145deg,#ffe7a3,#f4b646);color:#261b08;border:1px solid #fff4c9;
 box-shadow:0 2px 5px #000b,inset 0 0 0 1px #9d6511; text-shadow:none;
 font-weight:900; width:33px;height:35px;font-size:21px;
}
.duel-layout .game-card .card-cost{width:27px;height:29px;font-size:18px;left:4px;top:4px}
.duel-layout .game-card.unplayable,.duel-layout .hand .game-card.unplayable{filter:none;opacity:1}
.duel-layout .game-card.unplayable .card-art>img{filter:saturate(.45) brightness(.6)}
.duel-layout .game-card.unplayable .card-label h3{color:#b2bfb4}
.duel-layout .unit-card.exhausted{filter:none}
.duel-layout .unit-card.exhausted .card-art>img{filter:saturate(.65) brightness(.82)}
.card-effect-tags{display:flex;flex-wrap:wrap;gap:3px;margin-top:5px;line-height:1.15}
.card-effect-tags>span{display:inline-block;color:#d7f5dc;background:#173a2bf2;border:1px solid #80c68b66;border-radius:3px;padding:2px 4px;font:700 9px/1.15 'Barlow',sans-serif;letter-spacing:0;text-transform:none;text-shadow:none}
.duel-layout .hand .card-effect-tags{gap:2px;margin-top:3px}
.duel-layout .hand .card-effect-tags>span{font-size:8px;padding:1px 3px}
.duel-layout .hand .card-label:has(.card-effect-tags) .card-type{display:none}
.duel-layout .board .card-effect-tags{display:none}
/* Give the keyword label its own space between each leader/divider and row. */
.duel-layout .board{padding-top:8px}
.duel-layout .unit-keywords{pointer-events:auto;top:-11px}
.duel-layout .unit-keywords button.pill{cursor:help;pointer-events:auto;color:#e6ffd0;background:#142f23;border:1px solid #8bdc917f;min-height:19px;padding:3px 5px;line-height:1.1;font-size:9px;touch-action:manipulation;box-shadow:0 1px 4px #000b;white-space:nowrap}
.duel-layout .unit-keywords button.pill:focus-visible{outline:2px solid #ffd477;outline-offset:2px}
/* Keep stun visible below the portrait, away from aura, shield and inspection. */
.duel-layout .unit-condition{top:auto;bottom:-6px;max-width:calc(100% - 6px);padding:1px 4px;border-radius:3px;font-size:8px;line-height:1;letter-spacing:.3px}
.inspection-copy .keyword-help-link{min-height:30px;padding:5px 8px;color:#d7f5dc;background:#173a2b;border:1px solid #80c68b66;border-radius:5px;cursor:help}
.inspection-copy .temporary-effect-note{margin-top:10px;padding-top:8px;border-top:1px solid #527b5c;color:#d8f8ae;font-weight:700}
@media(min-width:761px) and (min-height:691px) and (max-height:740px){
 .duel-layout{--duel-card-width:68px}
 .duel-layout .board{padding-top:6px}
}
@media(max-width:760px){
 .duel-layout .board{padding-top:6px}
 .duel-layout .unit-condition{bottom:-3px;padding:0 4px;font-size:7px}
 .duel-layout .game-card .card-cost{width:23px;height:25px;font-size:16px;left:3px;top:3px}
 .duel-layout .board .game-card .card-cost{width:21px;height:23px;font-size:15px;left:3px;top:3px}
 .duel-layout .hand .card-effect-tags>span{font-size:7px;padding:1px 2px}
 .duel-layout .unit-keywords{pointer-events:auto;left:3px;top:-9px;max-width:calc(100% - 6px)}
 .duel-layout .unit-keywords button.pill{font-size:8px;padding:2px 3px;min-height:16px}
 .duel-layout .unit-status{top:10px}
 /* Reserve the online timer and chat controls on short visible viewports. */
 html[data-duel-compact="true"] .duel-layout.duel-mode-online{--duel-card-width:clamp(52px,calc((var(--duel-viewport-height,100dvh) - 392px)/4.5),88px)}
}
@media(max-width:760px) and (max-height:660px){
 .duel-layout .board .game-card .card-cost{width:18px;height:20px;font-size:13px}
 .duel-layout .hand .card-effect-tags>span{font-size:6px;padding:1px 2px}
}