/* Cabin overlay. All recognizable paint comes from the shared brand. */
.activity-feed .activity-disclosure{display:block;font-size:10px;line-height:1.3;color:var(--movli-hud-muted)}
.activity-feed .activity-heading{flex-wrap:wrap}
.activity-feed[data-source=earned] .activity-presence{display:none}
.activity-feed[data-source=earned] .activity-events li{grid-template-columns:24px minmax(0,1fr)}
.activity-feed[data-source=earned] .activity-skill-icon{color:var(--movli-sun-500)}
movli-activity-feed.activity-feed{display:block;box-sizing:border-box;position:relative;min-width:0;width:100%;max-width:540px;padding:var(--movli-space-4) var(--movli-space-6) var(--movli-space-2);border-radius:var(--movli-radius-panel);background:color-mix(in srgb,var(--movli-hud-surface) var(--movli-opacity-activity-feed),transparent);color:var(--movli-hud-text);font-family:var(--movli-font-body);backdrop-filter:blur(12px)}
movli-activity-feed[hidden]{display:none!important}
.activity-feed *{box-sizing:border-box}
.activity-feed .activity-header{display:flex;align-items:center;justify-content:space-between;gap:var(--movli-space-3);padding-bottom:var(--movli-space-3);border-bottom:1px solid color-mix(in srgb,var(--movli-hud-text) 16%,transparent)}
.activity-feed .activity-heading{display:flex;align-items:center;gap:var(--movli-space-1);min-width:0}
.activity-feed .activity-heading h2{font:800 22px/1.15 var(--movli-font-display);letter-spacing:-.025em;color:var(--movli-hud-text);margin:0}
.activity-feed .activity-presence{display:flex;align-items:center;gap:var(--movli-space-2);flex:none}
.activity-feed .activity-presence>div{text-align:right}
.activity-feed .activity-count{display:block;font:800 26px/1.1 var(--movli-font-display);font-variant-numeric:tabular-nums}
.activity-feed .activity-presence span:not(.activity-dot){display:block;font-size:12px;color:var(--movli-hud-muted);margin-top:var(--movli-space-1)}
.activity-feed .activity-dot{width:8px;height:8px;border-radius:var(--movli-radius-round);background:var(--movli-go-500)}
.activity-feed .activity-events{position:relative;overflow:hidden;list-style:none;padding:0;margin:0}
.activity-feed .activity-events li{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:var(--movli-space-3);min-height:88px;padding:var(--movli-space-3) 0;border-bottom:1px solid color-mix(in srgb,var(--movli-hud-text) 16%,transparent);margin:0}
.activity-feed .activity-events li:last-child{border-bottom:0}
.activity-feed .activity-events li.activity-exit{position:absolute;left:0;right:0;pointer-events:none}
.activity-feed .activity-skill-icon{display:grid;place-items:center;height:40px;border-radius:var(--movli-radius-control);background:color-mix(in srgb,var(--movli-hud-text) 12%,transparent);font-weight:800;font-size:14px}
.activity-feed .activity-copy{min-width:0;overflow-wrap:anywhere}
.activity-feed .activity-copy strong{display:block;font-size:14px;font-weight:800}
.activity-feed .activity-copy>span{display:block;margin-top:var(--movli-space-1);font-size:13px;color:var(--movli-hud-muted);line-height:1.35}
.activity-feed .activity-result{text-align:right;white-space:nowrap}
.activity-feed .activity-result strong{display:block;font-size:17px;font-weight:800;font-variant-numeric:tabular-nums}
.activity-feed .activity-result>span{display:block;font-size:11px;color:var(--movli-hud-muted);margin-top:var(--movli-space-1)}
@media(max-width:420px){movli-activity-feed.activity-feed{padding:var(--movli-space-3) var(--movli-space-4) var(--movli-space-1)}.activity-feed .activity-heading h2{font-size:18px}.activity-feed .activity-events li{grid-template-columns:32px minmax(0,1fr) auto;gap:var(--movli-space-2)}.activity-feed .activity-skill-icon{height:36px}.activity-feed .activity-result strong{font-size:15px}.activity-feed .activity-copy strong{font-size:13px}.activity-feed .activity-copy>span{font-size:12px}}
@media(prefers-reduced-transparency:reduce){movli-activity-feed.activity-feed{background:var(--movli-hud-surface);backdrop-filter:none}}

/* The driving HUD owns visibility; fixed placement leaves the utility row intact. */
#cabinActivity{position:fixed;left:calc(var(--sal,0px) + var(--movli-space-4));bottom:calc(var(--sab,0px) + var(--movli-space-4));width:min(284px,calc(100vw - var(--sal,0px) - var(--sar,0px) - 32px));pointer-events:none}
#cabinActivity .activity-feed{padding:0;background:transparent;backdrop-filter:none;border-radius:0;pointer-events:none}
#cabinActivity .activity-heading{gap:0}
#cabinActivity .activity-heading h2{font-size:13px}
#cabinActivity .activity-count{display:inline;font-size:16px}
#cabinActivity .activity-presence span:not(.activity-dot){display:inline;font-size:11px;margin:0 0 0 var(--movli-space-1)}
#cabinActivity .activity-dot{width:6px;height:6px}
#cabinActivity .activity-header{padding:0 var(--movli-space-1) var(--movli-space-2);gap:var(--movli-space-2);border:0}
#cabinActivity .activity-events{display:grid;gap:var(--movli-space-1)}
#cabinActivity .activity-events li{position:relative;border:0;min-height:48px;grid-template-columns:24px minmax(0,1fr) auto;gap:var(--movli-space-2);padding:var(--movli-space-2) var(--movli-space-3);border-radius:var(--movli-radius-control);background:color-mix(in srgb,var(--movli-hud-surface) var(--movli-opacity-activity-feed),transparent);backdrop-filter:blur(12px)}
#cabinActivity .activity-events li[data-position="1"]{margin-right:var(--movli-space-2);opacity:.8}
#cabinActivity .activity-events li[data-position="2"]{margin-right:var(--movli-space-4);opacity:.6}
#cabinActivity .activity-events li.activity-exit{position:absolute}
#cabinActivity .activity-skill-icon{height:24px;background:transparent}
#cabinActivity .activity-skill-icon .movli-icon{width:var(--movli-icon-size-small);height:var(--movli-icon-size-small)}
#cabinActivity .activity-copy strong{font-size:12px}
#cabinActivity .activity-copy>span{font-size:11px}
#cabinActivity .activity-result strong{font-size:13px}
#cabinActivity .activity-result>span{display:none}
@media(prefers-reduced-transparency:reduce){#cabinActivity .activity-events li{background:var(--movli-hud-surface);backdrop-filter:none;opacity:1}}
body.touch #cabinActivity{bottom:calc(var(--sab,0px) + 10px + clamp(118px,36vh,190px) + 60px)}
@media(max-height:600px),(max-width:600px){#cabinActivity .activity-events li[data-position="1"],#cabinActivity .activity-events li[data-position="2"]{display:none}}