/* A single front-facing DHD control. Key contours follow the RDA SG-1 guide. */
.launch .dhd-button,.command-console #round-action{
 display:flex;flex-direction:column;align-items:center;justify-content:center;
 gap:10px;width:100%;height:auto;min-height:0;padding:5px 0;
 border:0;background:transparent;box-shadow:none;color:#d5c5a8!important;
 white-space:normal;border-radius:8px;
}
.dhd-art,.command-console #round-action .dhd-art{
 display:block;position:relative;flex:0 0 auto;width:132px;height:132px;
 overflow:visible;border:0;border-radius:50%;background:none;
 box-shadow:none;filter:none;opacity:1;transition:filter .18s;
}
.dhd-art img{
 display:block;position:static;inset:auto;width:100%;height:100%;max-width:100%;
 object-fit:contain;pointer-events:none;user-select:none;
 filter:drop-shadow(0 5px 5px #0006);
}
.dhd-art .dhd-centre{
 position:absolute;left:50%;top:50%;width:25.4%;height:25.4%;
 transform:translate(-50%,-50%);border:0;border-radius:50%;pointer-events:none;
 background:radial-gradient(circle,#ff6c3829,#f12d1710 65%,transparent 75%);
 box-shadow:0 0 14px #f4442542,inset 0 0 8px #ff663824;
 opacity:1;transition:box-shadow .18s,opacity .18s;
}
.launch .dhd-label,.command-console .action-caption{
 display:block;max-width:none;width:auto;padding:0;margin:0;border:0;background:none;
 text-align:center;font:11px/1.4 var(--mono)!important;font-weight:400;
 letter-spacing:.035em;color:inherit;white-space:normal;
}
.launch .dhd-button:hover,.command-console #round-action:hover:not(:disabled){background:transparent;border:0;box-shadow:none;color:#f1d9b0!important}
.launch .dhd-button:hover .dhd-art,.command-console #round-action:hover:not(:disabled) .dhd-art{filter:brightness(1.08);box-shadow:none}
.launch .dhd-button:hover .dhd-centre,.command-console #round-action:hover:not(:disabled) .dhd-centre,
.launch .dhd-button:focus-visible .dhd-centre,.command-console #round-action:focus-visible .dhd-centre{box-shadow:0 0 19px #ff572b75,inset 0 0 12px #ff9d4c44}
.command-console #round-action:disabled{border:0;background:none;box-shadow:none;color:#718799!important}
.command-console #round-action:disabled .dhd-art{filter:saturate(.4) brightness(.72);opacity:1;box-shadow:none}
.command-console #round-action:disabled .dhd-centre{opacity:0;box-shadow:none}
.launch .dhd-button:active .dhd-art,.command-console #round-action:active:not(:disabled) .dhd-art{transform:translateY(1px)}
@media(max-width:1150px){.command-console #round-action .dhd-art{width:124px;height:124px}}
@media(max-width:900px){
 .command-console #round-action{width:auto;max-width:220px;min-width:120px;height:auto;min-height:0;margin:9px 0 0;padding:2px 8px;gap:6px;border:0;background:none;box-shadow:none}
 .command-console #round-action .dhd-art{display:block;width:64px;height:64px}
 .command-console .action-caption{font-size:11px!important}
 .launch .dhd-art{width:120px;height:120px}
}
@media(max-width:520px){
 .launch .dhd-art{width:98px;height:98px}
 .launch .dhd-label{font-size:10px!important}
 .command-console #round-action{margin-top:8px}
 .command-console #round-action .dhd-art{width:56px;height:56px}
 .command-console .action-caption{font-size:10px!important}
}
@media(max-height:650px) and (max-width:520px){
 .battle-card .portrait{height:88px}
 .command-console .round-message{min-height:27px;margin-top:7px}
 .command-console #round-action{height:auto;min-height:0;margin-top:5px;gap:3px;padding-top:0;padding-bottom:0}
 .command-console #round-action .dhd-art{width:44px;height:44px}
 .command-console .action-caption{font-size:9px!important;line-height:1.3!important}
}
@media(prefers-reduced-motion:reduce){.dhd-art,.dhd-art .dhd-centre{transition:none}}