/* Compact event scoreboard; title is the shared HUD drag handle. */
#bloodforgeEvent{position:fixed;top:74px;left:50%;transform:translateX(-50%);z-index:35;width:340px;max-width:90vw;padding:9px 14px;background:linear-gradient(120deg,#26161bef,#102936ef);border:1px solid #a88c55;border-radius:5px;color:#f7e7bf;text-align:center;box-shadow:0 4px 16px #0006;font:14px Georgia,serif;pointer-events:auto}
#bloodforgeEvent[hidden],#bloodforgeEvent [hidden]{display:none!important}
#bloodforgeEvent>header{display:flex;align-items:center;justify-content:center;gap:12px;cursor:grab;touch-action:none;user-select:none;font-size:16px}
#bloodforgeEvent time{font:12px system-ui;font-variant-numeric:tabular-nums;color:#e4c67e}
.bloodforge-score{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:8px}
.bf-team{display:flex;align-items:center;gap:7px;font:600 12px system-ui}.bf-team.karus{color:#f3a0aa}.bf-team.human{color:#90c6ff}
.bf-flag{display:grid;place-items:center;width:25px;height:32px;font:20px Georgia;color:#e5c373;border:1px solid #c5a269;background:linear-gradient(100deg,#500e20,#aa2041,#500e20);clip-path:polygon(0 0,100% 0,100% 100%,50% 82%,0 100%)}
.human .bf-flag{background:linear-gradient(100deg,#082963,#155caa,#082963)}
.bloodforge-score>strong{display:flex;align-items:center;gap:12px;font:700 24px Georgia;font-variant-numeric:tabular-nums}.bloodforge-score small{font:11px system-ui;color:#c6b787}
#bloodforgeEvent [data-detail]{margin-top:8px;font:11px system-ui}#bloodforgeEvent button{margin-top:6px;padding:5px 10px;border:1px solid #a88c55;background:#162b30;color:#f7e7bf;border-radius:3px;cursor:pointer}#bloodforgeEvent [data-error]:not(:empty){display:block;margin-top:6px;color:#ffabb0;font:12px system-ui}
/* Connection, area title and map form one stack at the right edge. */
#gameShell .topbar .server-state{position:fixed;top:max(8px,env(safe-area-inset-top));right:max(8px,env(safe-area-inset-right));left:auto;transform:none;display:flex!important;max-width:calc(100vw - 16px);height:28px;margin:0;padding:5px 9px;font-size:10px;white-space:nowrap}
#gameShell #serverLabel{display:none!important}
#gameShell .topbar .zone-title:not([data-hud-positioned]){position:fixed;top:44px!important;right:max(8px,env(safe-area-inset-right));left:auto;transform:none}
#gameShell .right-hud:not([data-hud-positioned]){top:100px!important;right:max(8px,env(safe-area-inset-right))}
#gameShell #zoneType:empty{display:none}
/* Keep wheel/touch scrolling available, but hide visible tracks. */
#gameShell #hotbar.action-bar{--compact-slot:44px;padding:0!important;border:1px solid #a88c55!important;box-sizing:border-box;border-radius:0!important;box-shadow:none!important;background:transparent!important;scrollbar-width:none!important}
#gameShell #hotbar.action-bar::-webkit-scrollbar,#gameShell #hotbar .bar-slots::-webkit-scrollbar{display:none;width:0;height:0}
#gameShell #hotbar.action-bar .skill-slot{width:var(--compact-slot)!important;height:var(--compact-slot)!important;min-width:var(--compact-slot);min-height:var(--compact-slot);flex:0 0 var(--compact-slot);padding:2px;border-radius:0!important}
#gameShell #hotbar.action-bar .action-icon{width:calc(var(--compact-slot) * .63)!important;height:calc(var(--compact-slot) * .63)!important;margin:0 auto;font-size:20px!important;border-radius:0}
#gameShell #hotbar .action-icon img{width:100%;height:100%}#gameShell #hotbar .skill-slot small{font-size:7px;bottom:1px}#gameShell #hotbar .skill-slot.cooldown:after{border-radius:0}
#gameShell.vertical-skills #hotbar.action-bar{width:calc(var(--compact-slot) + 2px)!important;--compact-slot:min(44px,calc((100dvh - 260px)/10))}
#gameShell.fullscreen-hud #hotbar.action-bar{--compact-slot:min(44px,var(--fullscreen-slot-height,44px))}
@media(max-width:900px){#gameShell #hotbar.action-bar{--compact-slot:34px}#gameShell.fullscreen-hud #hotbar.action-bar{--compact-slot:min(34px,var(--fullscreen-slot-height,34px))}#bloodforgeEvent{width:300px;font-size:12px}#bloodforgeEvent>header{font-size:14px}}

#gameShell #hotbar.action-bar .bar-slots{gap:0!important;padding:0;margin:0}
#gameShell #hotbar.action-bar .skill-slot{margin:0;box-sizing:border-box}
#gameShell #hotbar.action-bar .bar-handle{height:18px;min-height:18px;padding:0!important;margin:0;gap:0;flex-direction:row;justify-content:flex-end;cursor:grab;touch-action:none}
#gameShell #hotbar.action-bar .bar-handle button{height:16px;min-height:16px;width:18px!important;padding:0;font-size:10px;line-height:14px}

@media(max-height:539px){#gameShell.fullscreen-hud.vertical-skills #hotbar.action-bar{--compact-slot:min(34px,calc((100vw - 24px)/10));width:max-content!important}#gameShell.fullscreen-hud.vertical-skills #hotbar .bar-slots{display:flex;flex-wrap:nowrap}#gameShell.fullscreen-hud.vertical-skills #hotbar .bar-handle{flex-direction:row}}

#bloodforgeEvent{width:min(350px,88vw);padding:10px 12px}#bloodforgeEvent header{display:flex;align-items:center;gap:10px;font-size:16px}#bloodforgeEvent [data-collapse]{margin-left:auto;padding:2px 7px;min-width:26px;font-size:18px}#bloodforgeEvent.bf-minimized{width:auto;min-width:235px}#bloodforgeEvent.bf-minimized>:not(header){display:none!important}#bloodforgeEvent .bloodforge-score{margin:7px 0}#bloodforgeEvent [data-error]:empty{display:none}
/* Only the folded header shrinks; registration and score controls keep their size. */
#bloodforgeEvent.bf-minimized{width:max-content;min-width:0;max-width:calc(100vw - 16px);box-sizing:border-box;padding:4px 7px}
#bloodforgeEvent.bf-minimized>header{gap:7px;font-size:12px;line-height:1.15;white-space:nowrap}
#bloodforgeEvent.bf-minimized time{font-size:10px}
#bloodforgeEvent.bf-minimized [data-collapse]{flex:0 0 24px;min-width:24px;width:24px;height:24px;margin-top:0;padding:0;font-size:16px;line-height:22px}
@media(pointer:coarse){#bloodforgeEvent.bf-minimized [data-collapse]{flex-basis:30px;min-width:30px;width:30px;height:30px}}