.resource-utility{flex-wrap:wrap;position:relative;column-gap:12px;row-gap:4px}.cooldown-menu{display:flex;align-items:center;gap:4px;margin-right:auto;max-width:100%;flex-wrap:wrap}.resource-strip .cooldown-icon{display:inline-flex;position:relative;align-items:center;justify-content:center;width:32px;height:32px;min-width:32px;padding:6px;border:1px solid #64748240;border-radius:7px;background:#1c2832;color:#bcc9d3;touch-action:manipulation}.cooldown-icon svg{display:block;width:19px;height:19px}.resource-strip .cooldown-icon:hover,.resource-strip .cooldown-icon[aria-expanded=true]{border-color:var(--gold);background:#d5ad681a;color:var(--gold)}.cooldown-dot{position:absolute;right:3px;top:3px;width:4px;height:4px;border-radius:50%;background:currentColor}.resource-strip .cooldown-drug{color:#c4a5e7}.resource-strip .cooldown-booster{color:#e3bd72}.resource-strip .cooldown-medical,.resource-strip .cooldown-hospital{color:#ec9d9d}.resource-strip .cooldown-spirit{color:#9bd3c8}.resource-strip .cooldown-travel{color:#94bcf0}.cooldown-detail{position:absolute;left:20px;top:100%;z-index:45;width:min(330px,calc(100vw - 32px));padding:18px 40px 18px 18px;border:1px solid #d5ad6860;border-radius:9px;background:#18232d;box-shadow:0 12px 32px #0008;text-align:left}.cooldown-detail h2{font-size:13px;margin:0 0 7px}.cooldown-detail time{font-size:24px;line-height:1.4;color:var(--gold);font-variant-numeric:tabular-nums;letter-spacing:1px}.cooldown-detail p{margin:8px 0 0;font-size:11px;color:#afbdc7}.cooldown-detail [data-cooldown-space]{color:#d5dcca}.cooldown-detail button{position:absolute;right:5px;top:5px;padding:8px 10px;color:#c2cbd3;background:none;border:0;font-size:17px}@media(max-width:800px){.resource-utility .cooldown-menu{flex:1 0 100%;order:3;margin:0;gap:5px}.resource-strip .cooldown-icon{width:36px;height:36px;min-width:36px;padding:8px}.cooldown-detail{left:8px}}
/* Keep active cooldowns and their details on the right on every screen size. */
.resource-utility .cooldown-menu{order:3;justify-content:flex-end;margin-left:0;margin-right:0}.cooldown-detail{left:auto;right:20px}@media(max-width:800px){.resource-utility .cooldown-menu{justify-content:flex-end}.cooldown-detail{left:auto;right:8px}}