#unit-actions{position:absolute;width:0;height:0;z-index:23;pointer-events:none}
#unit-actions>button{pointer-events:auto;position:absolute;cursor:pointer;font-family:CatRound,sans-serif;touch-action:manipulation;color:#fff4d9;border:3px solid #25373b;box-shadow:2px 3px #172c32;white-space:nowrap}
#unit-actions .unit-action{left:0;width:88px;min-height:35px;padding:6px 4px;font-size:12px;font-weight:900;border-radius:7px;transform:translateX(-50%)}
#unit-actions .exchange{bottom:var(--action-top,35px);background:#378d92}
#unit-actions .merge{top:var(--action-bottom,25px);background:#df9e39;color:#302b30}
#unit-actions .unit-action::after{content:'';position:absolute;left:calc(50% - 5px);width:9px;height:9px;background:inherit;transform:rotate(45deg);border:solid #25373b;border-width:0 3px 3px 0;pointer-events:none}
#unit-actions .exchange::after{bottom:-7px}#unit-actions .merge::after{top:-7px;border-width:3px 0 0 3px}
#unit-actions .unit-action:disabled{background:#89968c;color:#dce0cc;cursor:default;box-shadow:1px 2px #25373b}
#unit-actions .unit-action-info,#unit-actions .unit-action-close{width:26px;height:26px;padding:0;border-radius:50%;top:-8px;font-weight:900;font-size:16px;line-height:20px}
#unit-actions .unit-action-info{left:var(--action-side,28px);background:#f0e5ce;color:#25373b}
#unit-actions .unit-action-close{right:var(--action-side,28px);background:#a95243}
#unit-actions>button:focus-visible{outline:3px solid #fff2ac;outline-offset:2px}
#unit-actions .unit-action-note{position:absolute;top:var(--action-bottom,25px);left:0;transform:translateX(-50%);padding:5px 8px;border:1px solid #86c9bd;border-radius:5px;background:#203f44;color:#e7f5dc;font:900 11px CatRound,sans-serif;white-space:nowrap}
@media(min-width:1100px) and (min-height:600px){#unit-actions .unit-action{width:102px;min-height:39px;font-size:13px}}