/* The existing dock owns placement and touch dimensions. Art fits inside it. */
.bottomhud .actiondock #attackBtn {
 --attack-accent:#edcc84;
 position:relative;isolation:isolate;overflow:hidden;
 display:flex;flex-direction:column;align-items:center;justify-content:flex-end;
 gap:2px;padding:5px 5px 7px;
 background:linear-gradient(150deg,#20323e,#0a1420 75%);
 border-color:var(--attack-accent)!important;
 box-shadow:inset 0 0 0 1px #fff1,0 2px 8px #0006!important;
 transition:border-color .15s,filter .15s;
}
.bottomhud .actiondock #attackBtn .basic-attack-art {
 display:block!important;flex:0 0 auto;width:42px;height:42px;
 margin:0;pointer-events:none;border-radius:9px;
 border:1px solid color-mix(in srgb,var(--attack-accent) 60%,transparent);
 background-repeat:no-repeat;
 box-shadow:0 0 12px color-mix(in srgb,var(--attack-accent) 20%,transparent);
}
.bottomhud .actiondock #attackBtn>span {
 position:relative;z-index:1;flex:0 0 auto;font-size:11px;line-height:1.15;
 font-weight:700;color:#f4f6f9;text-shadow:0 1px 3px #000;
 max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.bottomhud .actiondock #attackBtn>kbd {
 position:absolute;z-index:2;top:2px;left:3px;padding:1px 3px;
 border-radius:3px;background:#06101de6;color:#ebdba9;font-size:9px;
}
.bottomhud .actiondock #attackBtn:active {filter:brightness(1.25)}
.bottomhud .actiondock #attackBtn:focus-visible {outline:2px solid #fff;outline-offset:3px}
@media (hover:hover){.bottomhud .actiondock #attackBtn:hover {filter:brightness(1.13)}}
@media (pointer:coarse), (max-width:700px) {
 .bottomhud .actiondock #attackBtn {padding:5px 4px 9px;gap:2px}
 .bottomhud .actiondock #attackBtn .basic-attack-art {width:48px;height:48px;border-radius:50%}
 .bottomhud .actiondock #attackBtn>span {font-size:10px}
}
@media (orientation:landscape) and (max-height:520px) {
 .bottomhud .actiondock #attackBtn {justify-content:center;padding:3px;gap:0}
 .bottomhud .actiondock #attackBtn .basic-attack-art {width:34px;height:34px}
 .bottomhud .actiondock #attackBtn>span {font-size:9px;line-height:1}
}
@media (prefers-reduced-motion:reduce){.bottomhud .actiondock #attackBtn {transition:none}}