.activity-page{isolation:isolate;width:min(100% - (var(--space-8) * 2), 72rem);padding-block:var(--space-12) var(--space-16);gap:var(--space-6);margin-inline:auto;display:grid;position:relative}.activity-page:before{content:"PULSE";z-index:-1;top:var(--space-6);color:#0000;font-family:var(--font-display);font-size:clamp(7rem,17vw,14rem);font-weight:var(--weight-bold);letter-spacing:-.08em;-webkit-text-stroke:1px var(--grid-line);line-height:.8;position:absolute;right:0}.activity-page:after{content:"";z-index:-2;top:calc(var(--space-16) * -1);background:linear-gradient(180deg, color-mix(in srgb, var(--surface-base) 35%, transparent), var(--surface-base) 96%), linear-gradient(90deg, var(--surface-base), color-mix(in srgb, var(--surface-base) 34%, transparent), var(--surface-base)), url(/images/worlds/orbital-city.webp) center / cover;opacity:.62;width:100vw;height:35rem;position:absolute;left:50%;transform:translate(-50%)}.activity-hero{gap:var(--space-4);max-width:52rem;padding-block:var(--space-6);display:grid}.activity-hero .eyebrow{color:var(--accent-secondary);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:.12em;text-transform:uppercase}.activity-hero h1{font-size:clamp(var(--text-3xl), 6vw, 4.5rem);text-transform:uppercase}.activity-hero>p{max-width:var(--width-prose);color:var(--text-secondary);font-size:var(--text-lg)}.activity-signal{padding-bottom:var(--space-2);border-bottom:1px solid var(--border-subtle);color:var(--accent-primary);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.12em;justify-content:space-between;display:flex}.activity-console{justify-content:space-between;gap:var(--space-4);padding:var(--space-3);border:1px solid var(--border-subtle);background:var(--surface-hud);display:flex}.activity-console nav{gap:var(--space-2);flex-wrap:wrap;display:flex}.activity-console a{min-height:2.75rem;padding-inline:var(--space-4);color:var(--text-muted);font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;border:1px solid #0000;place-items:center;text-decoration:none;display:grid}.activity-console a:hover{color:var(--text-primary)}.activity-console a[aria-current=page]{border-color:var(--accent-secondary);background:var(--surface-cyan-soft);color:var(--accent-secondary);box-shadow:0 0 16px var(--surface-cyan-soft)}.activity-kinds a[aria-current=page]{border-color:var(--accent-primary);background:var(--surface-accent-soft);color:var(--accent-primary)}.activity-stream{border:1px solid var(--border-subtle);background:color-mix(in srgb, var(--surface-hud) 88%, transparent);overflow:hidden}.activity-event{align-items:center;gap:var(--space-5);min-height:8.5rem;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-subtle);transition:background var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard);grid-template-columns:minmax(12rem,.72fr) minmax(18rem,1fr) auto;display:grid}.activity-event:last-child{border-bottom:0}.activity-event:hover{background:linear-gradient(90deg, var(--surface-cyan-soft), transparent 48%, var(--surface-accent-soft));transform:translateX(var(--space-1))}.activity-actor,.activity-entity{align-items:center;gap:var(--space-3);min-width:0;color:var(--text-primary);text-decoration:none;display:flex}.activity-actor>span:last-child,.activity-entity-copy{gap:2px;min-width:0;display:grid}.activity-avatar{aspect-ratio:1;border:1px solid var(--accent-secondary);background:var(--surface-screen) center / cover;width:3rem;color:var(--accent-secondary);font-family:var(--font-display);font-size:var(--text-xs);clip-path:polygon(0 0,calc(100% - .5rem) 0,100% .5rem,100% 100%,.5rem 100%,0 calc(100% - .5rem));flex:none;place-items:center;display:grid}.activity-actor strong,.activity-entity strong{font-family:var(--font-display);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;overflow:hidden}.activity-actor small,.activity-entity em,.activity-event time{color:var(--text-muted);font-family:var(--font-mono);font-size:var(--text-2xs);text-overflow:ellipsis;white-space:nowrap;font-style:normal;overflow:hidden}.activity-actor:hover strong,.activity-entity:hover strong{color:var(--accent-secondary)}.activity-entity-art{aspect-ratio:1;border:1px solid var(--border-strong);background:var(--surface-screen) center / cover;width:4.5rem;color:var(--accent-victory);font-size:var(--text-xl);clip-path:polygon(0 0,calc(100% - .6rem) 0,100% .6rem,100% 100%,.6rem 100%,0 calc(100% - .6rem));flex:none;place-items:center;display:grid}.activity-entity-art[data-kind=achievement_unlocked]{border-color:var(--accent-victory);background:color-mix(in srgb, var(--accent-victory) 9%, var(--surface-screen));box-shadow:inset 0 0 1.5rem color-mix(in srgb, var(--accent-victory) 14%, transparent);text-shadow:0 0 14px var(--accent-victory)}.activity-entity-copy small{color:var(--accent-primary);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.1em;text-transform:uppercase}.activity-event time{padding-top:var(--space-2);text-transform:uppercase;align-self:start}.activity-empty{align-content:center;place-items:center;gap:var(--space-3);min-height:24rem;padding:var(--space-8);border:1px solid var(--border-subtle);background:var(--surface-hud);text-align:center;display:grid}.activity-empty>span{aspect-ratio:1;border:1px solid var(--accent-secondary);width:4rem;color:var(--accent-secondary);font-family:var(--font-display);font-size:var(--text-xl);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);place-items:center;display:grid}.activity-empty h2{font-size:var(--text-2xl);text-transform:uppercase}.activity-empty p{max-width:34rem;color:var(--text-secondary)}.activity-empty>div{justify-content:center;gap:var(--space-3);margin-top:var(--space-3);flex-wrap:wrap;display:flex}@media (max-width:800px){.activity-console{flex-direction:column;align-items:stretch}.activity-event{grid-template-columns:1fr auto}.activity-entity{grid-area:2/1/auto/-1}.activity-event time{grid-area:1/2}}@media (max-width:560px){.activity-page{width:calc(100% - (var(--space-4) * 2));padding-block:var(--space-8) var(--space-12)}.activity-hero h1{font-size:var(--text-3xl)}.activity-signal{display:none}.activity-console nav{grid-template-columns:repeat(2,1fr);display:grid}.activity-kinds{grid-template-columns:repeat(3,1fr)!important}.activity-console a{padding-inline:var(--space-2);font-size:var(--text-2xs)}.activity-event{padding-inline:var(--space-3)}.activity-entity-art{width:4rem}.activity-event time{display:none}}@media (prefers-reduced-motion:reduce){.activity-event{transition:none}.activity-event:hover{transform:none}}