/* Shared four-action order: dodge / talisman above jump / primary attack. */
#actions#actions{--cell:clamp(60px,18vh,82px);--small:calc(var(--cell)*.8);--large:calc(var(--cell)*.98);display:grid;grid-template-columns:repeat(2,var(--cell));grid-template-rows:repeat(2,var(--cell));place-items:center;gap:0;width:calc(var(--cell)*2);height:calc(var(--cell)*2);right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));z-index:5}
#actions#actions button{position:relative;inset:auto;display:flex;align-items:center;justify-content:center;overflow:hidden;align-self:center;justify-self:center;width:var(--small)!important;height:var(--small)!important;border:1.5px solid #c5cdc080;border-radius:50%;padding:0;background:#071016b0;color:#e1e4d9;font-size:25px;touch-action:none}
#actions#actions #dash{grid-area:1/1}#actions#actions #spell{grid-area:1/2}#actions#actions #jump{grid-area:2/1}#actions#actions #attack{grid-area:2/2;width:var(--large)!important;height:var(--large)!important;border-width:2px}
#actions#actions svg{width:65%;height:65%;margin-top:-6px;fill:none;stroke:currentColor;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
#actions#actions #attack svg{stroke-width:1}#actions .solid{fill:currentColor;stroke:none}#actions .detail{fill:none;stroke:#152329;stroke-width:2}
#actions#actions small{position:absolute;bottom:5px;font-size:10px;line-height:1;pointer-events:none}#actions#actions .action-icon{margin-top:-9px;font-size:24px}
#actions .cooldown{position:absolute;inset:0;border-radius:50%;background:conic-gradient(#07151ee0 var(--cool,0deg),transparent 0deg);pointer-events:none}
#actions em{position:absolute;inset:0;display:grid;place-items:center;font-size:14px;font-style:normal;color:#edf0e6;text-shadow:0 1px 5px #071923;pointer-events:none}
#actions#actions button:disabled{opacity:1;cursor:default}#actions#actions button:active{background:#52605c99;border-color:#f1e7ba;transform:scale(.96)}#actions#actions #attack.contextual{border-color:#cfdfae;background:#35483de8}
/* Keep the countdown above the radial mask and the underlying SVG. */
#actions#actions svg{z-index:1}#actions#actions .cooldown{z-index:2}#actions#actions em{z-index:3;font-weight:700;color:#fff;font-variant-numeric:tabular-nums}#actions#actions small{z-index:4}#actions#actions button.cooling svg{opacity:.28}