/* A separate sibling of the grave control, outside its hit box. Keep the last
   grid track and its outer gutter as one bounded pair instead of placing a
   button beyond the viewport. Only the grave preview shrinks when necessary;
   the six row heights, Hero, Equipment and Base positions stay unchanged. */
.grave-zone-cell{position:relative;width:var(--card);height:calc(var(--card)*1.5)}
.grave-zone-cell>.pile{width:100%;height:100%}
.grave-zone-cell:has(>.exile-zone-button){--grave-preview:min(var(--card),max(22px,calc(30cqw - var(--card)*.5 - 48px)));width:calc(var(--grave-preview) + 40px);justify-self:end;margin-right:-10px}
.grave-zone-cell:has(>.exile-zone-button)>.pile{position:absolute;left:0;top:calc((var(--card) - var(--grave-preview))*.75);width:var(--grave-preview);height:calc(var(--grave-preview)*1.5)}
.grave-zone-cell:has(>.exile-zone-button)>.pile>.pile-count{right:0}
.exile-zone-button{position:absolute;right:0;top:calc(50% - 22px);z-index:7;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;width:38px;height:44px;padding:3px 2px;border:1px solid #aa854569;border-radius:10px;background:linear-gradient(145deg,#171614,#171614);box-shadow:inset 0 1px #b08a4925,0 2px 6px #171410a6;color:#c9c0ae;cursor:pointer;touch-action:manipulation;line-height:1}
.exile-zone-icon{display:block;width:19px;height:19px;line-height:0}.exile-zone-icon svg{width:100%;height:100%}
.exile-zone-count{font:700 11px/1 var(--font-ui);font-variant-numeric:tabular-nums;color:#f4efe3}
.exile-zone-button:focus,.exile-zone-button:focus-visible{outline:none}
.exile-zone-button:active{filter:brightness(1.25)}
.zone-transfer{pointer-events:none}.exile-transfer{filter:drop-shadow(0 0 8px #7d7eaa88) drop-shadow(0 7px 6px #171410aa)}
@media(max-width:420px){.grave-zone-cell:has(>.exile-zone-button){--grave-preview:min(var(--card),max(22px,calc(30cqw - var(--card)*.5 - 44px)))}}