/* Floating status groups, inspired by the portal's shipped Wobble Delivery HUD. */
.compact-hud[data-compact]{position:fixed!important;inset:max(12px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) auto max(14px,env(safe-area-inset-left))!important;width:auto!important;max-width:1160px!important;margin:0 auto!important;padding:0!important;display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;align-items:start!important;gap:18px!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;pointer-events:none;color:#274e42!important;font-family:system-ui,'Microsoft Yahei',sans-serif!important}
.compact-hud#sky-bar{color:#294f65!important}
.compact-hud .compact-title{font-size:14px!important;line-height:20px!important;font-weight:800!important;letter-spacing:.4px!important;padding:10px 0!important;text-shadow:0 1px 8px #fff9!important;white-space:nowrap}
.compact-metrics{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;min-width:0}
.compact-stat{display:flex;flex-direction:column;justify-content:center;min-height:40px;box-sizing:border-box;padding:6px 12px;border:1px solid #ffffffa0;border-radius:10px;background:#fffbefed;box-shadow:0 3px 12px #294b3610;backdrop-filter:blur(8px);text-align:left;gap:2px;max-width:180px}
.compact-stat small{font:600 9px/12px system-ui,'Microsoft Yahei',sans-serif!important;color:#748274!important;letter-spacing:.4px!important;white-space:nowrap}
.compact-stat b{font:750 12px/16px system-ui,'Microsoft Yahei',sans-serif!important;color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.compact-actions{display:flex;gap:6px;padding:3px;background:#fffbefed;border:1px solid #ffffffa0;border-radius:12px;box-shadow:0 3px 12px #294b3610;pointer-events:auto}
.compact-hud button.compact-action{display:grid;place-items:center;width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important;padding:0!important;margin:0!important;border:0!important;border-radius:8px!important;background:transparent!important;color:inherit!important;box-shadow:none!important;font-size:0!important;cursor:pointer}
.compact-action::before{content:'';display:block;width:18px;height:18px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='6' y='4' width='4' height='16' rx='1'/%3E%3Crect x='14' y='4' width='4' height='16' rx='1'/%3E%3C/svg%3E") center/contain no-repeat}
.compact-action[data-action=sound]::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 9h4l5-4v14l-5-4H3z'/%3E%3Cpath d='M16 8q4 4 0 8M19 5q7 7 0 14' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")}
.compact-action[data-muted=true]::after{position:absolute;content:'';width:22px;height:2px;background:currentColor;transform:rotate(-45deg)}
.compact-hud button.compact-action:hover{background:#496a5015!important}
.compact-hud button.compact-action:focus-visible{outline:3px solid #ce9c4e!important;outline-offset:2px!important}
.compact-hud [hidden]{display:none!important}
.compact-hud.compact-warning .compact-stat{border-color:#d9a89c}
@media(max-width:760px){.compact-hud[data-compact]{gap:8px!important;grid-template-columns:minmax(0,1fr) auto!important;inset:max(8px,env(safe-area-inset-top)) 10px auto!important}.compact-hud .compact-title{font-size:12px!important;padding:8px 0!important}.compact-actions{grid-column:2;grid-row:1}.compact-metrics{grid-column:1/-1;grid-row:2;justify-content:flex-start;gap:4px}.compact-stat{min-height:32px;padding:4px 8px;max-width:150px;border-radius:8px}.compact-stat small{font-size:8px!important;line-height:10px!important}.compact-stat b{font-size:10px!important;line-height:13px!important}.compact-hud button.compact-action{width:30px!important;min-width:30px!important;height:30px!important;min-height:30px!important}}
@media(prefers-reduced-motion:reduce){.compact-hud *{transition:none!important}}