.member-activity-world {
  --activity-cyan: var(--color-cyan, #35e7ff);
  --activity-pink: var(--color-magenta, #ff3ad4);
  --activity-acid: var(--color-acid, #b7ff3c);
  position: relative; isolation: isolate; overflow: hidden;
  padding: clamp(1.2rem, 3vw, 2.4rem);
  border: 1px solid color-mix(in srgb, var(--activity-cyan) 44%, transparent);
  border-radius: 1.3rem;
  background:
    radial-gradient(circle at 14% 6%, color-mix(in srgb, var(--activity-pink) 13%, transparent), transparent 24rem),
    radial-gradient(circle at 94% 2%, color-mix(in srgb, var(--activity-cyan) 16%, transparent), transparent 28rem),
    linear-gradient(145deg, rgba(2, 5, 17, .98), rgba(8, 4, 20, .97) 62%, rgba(2, 9, 17, .98));
  box-shadow: 0 0 0 1px rgba(255,255,255,.02) inset, 0 28px 80px rgba(0,0,0,.46), 0 0 42px color-mix(in srgb, var(--activity-cyan) 9%, transparent);
}
.member-activity-world::before { content:''; position:absolute; z-index:-2; inset:0; background-image:linear-gradient(rgba(53,231,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(53,231,255,.035) 1px,transparent 1px); background-size:34px 34px; mask-image:linear-gradient(to bottom,#000,transparent 86%); transform:perspective(620px) rotateX(10deg) scale(1.08); transform-origin:top center; }
.member-activity-world::after { content:''; position:absolute; z-index:10; inset:0; pointer-events:none; background:linear-gradient(180deg,transparent 0 47%,rgba(53,231,255,.08) 49.5%,rgba(255,58,212,.08) 50%,transparent 53%); background-size:100% 240px; mix-blend-mode:screen; animation:activity-world-scan 8s linear infinite; }
.activity-world__scan { position:absolute; z-index:-1; inset:0; pointer-events:none; opacity:.24; background:repeating-linear-gradient(180deg,transparent 0 3px,rgba(255,255,255,.018) 4px); }

.activity-world__header { position:relative; display:grid; grid-template-columns:minmax(0,1.5fr) auto minmax(210px,.55fr); gap:clamp(1rem,3vw,2.4rem); align-items:center; }
.activity-world__header h2,.activity-calendar-console h3,.activity-data-grid h3 { margin:.25rem 0; }
.activity-world__header > div:first-child > p:last-child { max-width:760px; margin:.45rem 0 0; color:#9db3c2; }
.activity-streak-core { --streak-progress:0deg; position:relative; display:grid; width:150px; aspect-ratio:1; place-content:center; text-align:center; border-radius:50%; background:radial-gradient(circle,#070b18 0 49%,transparent 50%),conic-gradient(from -90deg,var(--activity-acid) 0 var(--streak-progress),rgba(53,231,255,.13) var(--streak-progress) 360deg); box-shadow:0 0 34px color-mix(in srgb,var(--activity-acid) 18%,transparent),0 0 0 1px rgba(53,231,255,.32); }
.activity-streak-core::before,.activity-streak-core::after { content:''; position:absolute; border-radius:50%; border:1px dashed color-mix(in srgb,var(--activity-cyan) 50%,transparent); animation:activity-orbit 14s linear infinite; }
.activity-streak-core::before { inset:-9px; }
.activity-streak-core::after { inset:10px; border-style:solid; border-color:color-mix(in srgb,var(--activity-pink) 24%,transparent); animation-direction:reverse; animation-duration:9s; }
.activity-streak-core span,.activity-streak-core small { color:#9bb2bd; font:800 .57rem/1.2 'Courier New',monospace; letter-spacing:.1em; text-transform:uppercase; }
.activity-streak-core strong { color:#fff; font:900 3.35rem/.9 var(--font-display,inherit); text-shadow:0 0 20px var(--activity-cyan); }
.activity-live-status { display:flex; gap:.8rem; align-items:center; padding:1rem; border:1px solid rgba(255,58,212,.25); border-radius:1rem; background:rgba(255,58,212,.045); }
.activity-live-status i { width:12px; height:12px; flex:0 0 auto; border-radius:50%; background:#73818a; box-shadow:0 0 0 6px rgba(115,129,138,.09); }
.activity-live-status.is-online { border-color:rgba(183,255,60,.3); background:rgba(183,255,60,.04); }
.activity-live-status.is-online i { background:var(--activity-acid); box-shadow:0 0 0 6px rgba(183,255,60,.09),0 0 18px var(--activity-acid); animation:activity-pulse 1.8s ease-in-out infinite; }
.activity-live-status strong,.activity-live-status small { display:block; }
.activity-live-status strong { color:#eafdff; font:.75rem 'Courier New',monospace; letter-spacing:.08em; }
.activity-live-status small { margin-top:.25rem; color:#8198a5; line-height:1.35; }

.activity-signal-trail { position:relative; height:30px; margin:.8rem 0 .2rem; overflow:hidden; }
.activity-signal-trail::before { content:''; position:absolute; left:0; right:0; top:14px; height:1px; background:linear-gradient(90deg,transparent,var(--activity-pink),var(--activity-cyan),var(--activity-acid),transparent); opacity:.55; }
.activity-signal-trail i { position:absolute; top:10px; left:-18px; width:9px; height:9px; transform:rotate(45deg); border:1px solid #fff; background:var(--activity-cyan); box-shadow:0 0 12px var(--activity-cyan); animation:activity-packet 6s linear infinite; }
.activity-signal-trail i:nth-child(2) { animation-delay:-2s; background:var(--activity-pink); box-shadow:0 0 12px var(--activity-pink); }
.activity-signal-trail i:nth-child(3) { animation-delay:-4s; background:var(--activity-acid); box-shadow:0 0 12px var(--activity-acid); }

.activity-stat-deck { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:.7rem; margin:1rem 0; }
.activity-stat-deck article { position:relative; overflow:hidden; min-height:115px; padding:1rem; border:1px solid rgba(53,231,255,.14); background:linear-gradient(150deg,rgba(5,14,28,.8),rgba(10,5,19,.76)); }
.activity-stat-deck article::after { content:''; position:absolute; inset:auto 0 0; height:2px; background:linear-gradient(90deg,transparent,var(--activity-cyan),transparent); transform:translateX(-100%); animation:activity-stat-line 5s ease-in-out infinite; }
.activity-stat-deck article:nth-child(2)::after,.activity-stat-deck article:nth-child(5)::after { background:linear-gradient(90deg,transparent,var(--activity-pink),transparent); animation-delay:-1.2s; }
.activity-stat-deck article:nth-child(3)::after { background:linear-gradient(90deg,transparent,var(--activity-acid),transparent); animation-delay:-2.3s; }
.activity-stat-deck span,.activity-stat-deck small { display:block; color:#7793a1; font:.58rem 'Courier New',monospace; letter-spacing:.08em; text-transform:uppercase; }
.activity-stat-deck strong { display:block; margin:.35rem 0 .2rem; color:#f3fdff; font-size:2rem; text-shadow:0 0 14px rgba(53,231,255,.25); }

.activity-console-grid { display:grid; grid-template-columns:minmax(0,1.7fr) minmax(250px,.55fr); gap:1rem; margin-top:1rem; }
.activity-calendar-console,.activity-inspector,.activity-data-grid > section { position:relative; overflow:hidden; border:1px solid rgba(53,231,255,.16); border-radius:1rem; background:rgba(1,5,14,.78); }
.activity-calendar-console { padding:1rem; }
.activity-calendar-console::before,.activity-data-grid > section::before { content:''; position:absolute; inset:0; pointer-events:none; background:linear-gradient(120deg,transparent 0 44%,rgba(53,231,255,.035) 49%,transparent 54%); transform:translateX(-100%); animation:activity-panel-sweep 9s ease-in-out infinite; }
.activity-calendar-console > header { display:flex; justify-content:space-between; gap:1rem; align-items:end; margin-bottom:1rem; }
.activity-window-switch { display:flex; gap:.25rem; padding:.25rem; border:1px solid rgba(53,231,255,.14); background:#040817; }
.activity-window-switch button { padding:.5rem .7rem; border:0; background:transparent; color:#718d9b; font:800 .62rem 'Courier New',monospace; cursor:pointer; }
.activity-window-switch button.is-active { color:#061017; background:var(--activity-cyan); box-shadow:0 0 15px rgba(53,231,255,.4); }
.activity-weekday-row,.activity-neon-calendar { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:.38rem; }
.activity-weekday-row { margin-bottom:.38rem; color:#68828f; text-align:center; font:700 .55rem 'Courier New',monospace; text-transform:uppercase; }
.activity-calendar-blank { min-height:50px; }
.activity-calendar-day { position:relative; display:grid; min-width:0; min-height:50px; place-items:center; padding:.25rem; border:1px solid rgba(91,126,142,.14); border-radius:.55rem; background:rgba(63,85,96,.055); color:#69818d; cursor:pointer; transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease; }
.activity-calendar-day span { font:800 .78rem 'Courier New',monospace; }
.activity-calendar-day small { color:#536b76; font:.48rem 'Courier New',monospace; letter-spacing:.05em; }
.activity-calendar-day i { position:absolute; right:5px; top:5px; width:5px; height:5px; border-radius:50%; background:var(--activity-cyan); box-shadow:0 0 8px var(--activity-cyan); }
.activity-calendar-day.is-active { border-color:rgba(53,231,255,.55); background:linear-gradient(145deg,rgba(53,231,255,.16),rgba(8,20,38,.75)); color:#e9fcff; box-shadow:0 0 12px rgba(53,231,255,.13) inset; }
.activity-calendar-day.is-active small { color:var(--activity-cyan); }
.activity-calendar-day.is-today { border-color:var(--activity-pink); box-shadow:0 0 0 1px rgba(255,58,212,.22) inset,0 0 15px rgba(255,58,212,.18); }
.activity-calendar-day.is-selected,.activity-calendar-day:focus-visible { z-index:2; transform:translateY(-2px) scale(1.035); outline:0; border-color:var(--activity-acid); box-shadow:0 0 0 2px rgba(183,255,60,.16),0 0 22px rgba(183,255,60,.25); }
.activity-calendar-day:hover { border-color:rgba(255,255,255,.55); }
.activity-calendar-key { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:.8rem; margin-top:.8rem; color:#718b97; font-size:.65rem; }
.activity-calendar-key span { display:flex; gap:.35rem; align-items:center; }
.activity-calendar-key i { width:10px; height:10px; border:1px solid rgba(91,126,142,.24); background:rgba(63,85,96,.08); }
.activity-calendar-key i.is-active { border-color:var(--activity-cyan); background:var(--activity-cyan); box-shadow:0 0 8px var(--activity-cyan); }
.activity-calendar-key i.is-today { border-color:var(--activity-pink); box-shadow:0 0 8px var(--activity-pink) inset; }

.activity-inspector { padding:1.2rem; border-color:rgba(255,58,212,.23); }
.activity-inspector::after { content:'DATE NODE'; position:absolute; right:-1.3rem; top:2.5rem; color:rgba(255,58,212,.08); font:900 3rem/1 var(--font-display,inherit); transform:rotate(90deg); }
.activity-inspector__date { position:relative; z-index:1; display:block; margin:.6rem 0; color:#fff; font-size:1.35rem; line-height:1.15; }
.activity-inspector__state { display:inline-flex; padding:.38rem .55rem; border:1px solid rgba(255,58,212,.32); color:#ff9ceb; font:.62rem 'Courier New',monospace; letter-spacing:.08em; }
.activity-inspector__state.is-active { border-color:rgba(183,255,60,.4); color:var(--activity-acid); box-shadow:0 0 15px rgba(183,255,60,.1); }
.activity-inspector dl { display:grid; gap:.1rem; margin:1rem 0; }
.activity-inspector dl div { display:grid; grid-template-columns:90px 1fr; gap:.6rem; padding:.62rem 0; border-bottom:1px solid rgba(255,255,255,.055); }
.activity-inspector dt { color:#68818d; font:.55rem 'Courier New',monospace; text-transform:uppercase; }
.activity-inspector dd { margin:0; color:#c7d9df; font-size:.76rem; overflow-wrap:anywhere; }
.activity-inspector > p:last-child { color:#748e9a; font-size:.76rem; line-height:1.55; }

.activity-data-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; margin-top:1rem; }
.activity-data-grid > section { min-width:0; padding:1rem; }
.activity-data-grid header { margin-bottom:.8rem; }
.activity-week-list,.activity-log-list,.activity-badge-list { display:grid; gap:.55rem; }
.activity-week-row { animation:activity-row-enter .5s ease both; animation-delay:var(--week-delay); }
.activity-week-row > div:first-child { display:flex; justify-content:space-between; gap:.7rem; margin-bottom:.3rem; }
.activity-week-row strong { color:#bed2da; font-size:.72rem; }
.activity-week-row span { color:#6e8995; font-size:.65rem; }
.activity-week-meter,.activity-badge-meter { overflow:hidden; height:6px; border:1px solid rgba(53,231,255,.12); background:rgba(53,231,255,.04); }
.activity-week-meter i,.activity-badge-meter i { display:block; width:var(--week-fill,0%); height:100%; background:linear-gradient(90deg,var(--activity-pink),var(--activity-cyan),var(--activity-acid)); box-shadow:0 0 12px var(--activity-cyan); animation:activity-meter-grow .8s ease both; }
.activity-log-row { display:flex; gap:.65rem; align-items:flex-start; padding:.5rem 0; border-bottom:1px solid rgba(255,255,255,.045); animation:activity-row-enter .5s ease both; animation-delay:var(--log-delay); }
.activity-log-row > span { width:8px; height:8px; flex:0 0 auto; margin-top:.3rem; transform:rotate(45deg); border:1px solid var(--activity-cyan); background:rgba(53,231,255,.2); box-shadow:0 0 8px rgba(53,231,255,.45); }
.activity-log-row strong,.activity-log-row small { display:block; }
.activity-log-row strong { color:#c8dae1; font-size:.7rem; }
.activity-log-row small { margin-top:.15rem; color:#647f8c; font-size:.62rem; }
.activity-badge-progress { padding:.65rem; border:1px solid color-mix(in srgb,var(--badge-signal) 20%,transparent); background:color-mix(in srgb,var(--badge-signal) 3%,transparent); }
.activity-badge-progress > div:first-child { display:flex; gap:.6rem; align-items:center; margin-bottom:.5rem; }
.activity-badge-progress > div:first-child > span { display:grid; width:30px; height:30px; place-items:center; color:var(--badge-signal); border:1px solid color-mix(in srgb,var(--badge-signal) 34%,transparent); }
.activity-badge-progress p { min-width:0; margin:0; }
.activity-badge-progress strong,.activity-badge-progress small { display:block; }
.activity-badge-progress strong { color:#dcecf0; font-size:.73rem; }
.activity-badge-progress small { color:#69828e; font-size:.6rem; }
.activity-badge-progress.is-unlocked { box-shadow:0 0 18px color-mix(in srgb,var(--badge-signal) 9%,transparent) inset; }
.activity-badge-progress.is-unlocked small { color:var(--badge-signal); }
.activity-badge-meter i { width:var(--badge-fill,0%); background:linear-gradient(90deg,color-mix(in srgb,var(--badge-signal) 45%,#000),var(--badge-signal)); box-shadow:0 0 10px var(--badge-signal); }
.activity-identity-note { margin:1rem 0 0; color:#617b87; font-size:.7rem; text-align:right; }

.badge-rule-editor { padding:1rem; border:1px solid rgba(53,231,255,.16); border-radius:.8rem; background:rgba(53,231,255,.025); }
.badge-rule-editor .check-row strong,.badge-rule-editor .check-row small,.badge-assignment small { display:block; }
.badge-rule-editor .check-row small { margin-top:.2rem; color:var(--color-muted); }
.badge-rule-editor .form-grid { margin-top:.8rem; }
.badge-rule-label { color:var(--color-acid)!important; }
.badge-assignment span { min-width:0; }
.badge-assignment small { margin-top:.15rem; color:#718b97; font:.52rem 'Courier New',monospace; text-transform:uppercase; }

@keyframes activity-world-scan { to { background-position:0 240px; } }
@keyframes activity-orbit { to { transform:rotate(360deg); } }
@keyframes activity-pulse { 50% { transform:scale(.78); opacity:.58; } }
@keyframes activity-packet { 0% { left:-18px; opacity:0; } 8%,88% { opacity:1; } 100% { left:calc(100% + 18px); opacity:0; } }
@keyframes activity-stat-line { 0%,14% { transform:translateX(-100%); } 48%,62% { transform:translateX(100%); } 100% { transform:translateX(100%); } }
@keyframes activity-panel-sweep { 0%,18% { transform:translateX(-100%); } 60%,100% { transform:translateX(100%); } }
@keyframes activity-row-enter { from { opacity:0; transform:translateX(-8px); } to { opacity:1; transform:none; } }
@keyframes activity-meter-grow { from { transform:scaleX(0); transform-origin:left; } to { transform:scaleX(1); transform-origin:left; } }

@media(max-width:1120px){.activity-world__header{grid-template-columns:minmax(0,1fr) auto}.activity-live-status{grid-column:1/-1}.activity-stat-deck{grid-template-columns:repeat(3,minmax(0,1fr))}.activity-data-grid{grid-template-columns:1fr 1fr}.activity-data-grid>section:last-child{grid-column:1/-1}}
@media(max-width:820px){.activity-console-grid,.activity-data-grid{grid-template-columns:1fr}.activity-data-grid>section:last-child{grid-column:auto}.activity-calendar-day{min-height:44px}}
@media(max-width:620px){.member-activity-world{padding:1rem;border-radius:1rem}.activity-world__header{grid-template-columns:1fr}.activity-streak-core{width:126px;justify-self:center}.activity-stat-deck{grid-template-columns:1fr 1fr}.activity-stat-deck article:last-child{grid-column:1/-1}.activity-calendar-console>header{align-items:flex-start;flex-direction:column}.activity-window-switch{width:100%}.activity-window-switch button{flex:1}.activity-weekday-row,.activity-neon-calendar{gap:.22rem}.activity-calendar-day{min-height:40px;border-radius:.35rem}.activity-calendar-day span{font-size:.67rem}.activity-calendar-day small{font-size:.42rem}.activity-calendar-blank{min-height:40px}.activity-inspector dl div{grid-template-columns:72px 1fr}}
@media(prefers-reduced-motion:reduce){.member-activity-world *,.member-activity-world::after{animation-duration:.01ms!important;animation-iteration-count:1!important}}
