.pixel-blast-container{width:100%;height:100%;position:relative;overflow:hidden}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes tooltip-fade-in{0%{opacity:0;transform:translate(-50%) translateY(-4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes card-pulse{0%,to{opacity:.4}50%{opacity:.8}}@keyframes hover-card-fade-in{0%{opacity:0;transform:translateY(8px) scale(.985);filter:blur(1.5px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important}}*{scrollbar-width:thin;scrollbar-color:var(--color-border-light) transparent}*::-webkit-scrollbar{width:6px;height:6px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--color-border-light);border-radius:3px}*::-webkit-scrollbar-thumb:hover{background:#666}.agent-card-close:hover{color:var(--color-text-bright)}.agent-card-close:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.popover-btn:hover{background:var(--color-surface-hover, rgba(255, 255, 255, .05))}.popover-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.agent-hover-card{position:relative;background:radial-gradient(circle at 16% 8%,#818cf829,#818cf800 36%),linear-gradient(165deg,#131834fa,#0b0e21fa);border:1px solid rgba(148,163,184,.28);border-radius:10px;box-shadow:0 18px 38px #00000094,0 0 0 1px #818cf814 inset;padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2);animation:hover-card-fade-in .18s cubic-bezier(.22,1,.36,1);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);will-change:opacity,transform}.agent-hover-card:before{content:"";position:absolute;right:-7px;top:22px;width:12px;height:12px;transform:rotate(45deg);background:#0d1022fa;border-top:1px solid rgba(148,163,184,.28);border-right:1px solid rgba(148,163,184,.28)}.agent-hover-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:10px;border:1px solid rgba(255,255,255,.04);pointer-events:none}.agent-hover-card__header{display:grid;grid-template-columns:auto 1fr;gap:var(--space-3);align-items:stretch}.agent-hover-card__sprite{flex-shrink:0;padding:2px;border-radius:var(--radius-md);background:linear-gradient(180deg,#0a0d1fe6,#0c1026cc);border:1px solid rgba(129,140,248,.24);box-shadow:inset 0 0 0 1px #ffffff08}.agent-hover-card__meta{min-width:0;display:flex;flex-direction:column;gap:var(--space-2)}.agent-hover-card__meta-top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.agent-hover-card__name{min-width:0;font-weight:700;font-size:.8rem;line-height:1.1;letter-spacing:.01em;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.agent-hover-card__status{font-size:var(--text-2xs);color:var(--color-text-muted);border:1px solid rgba(148,163,184,.4);border-radius:999px;padding:2px 6px;background:#94a3b81f;text-transform:uppercase;letter-spacing:.05em;flex-shrink:0}.agent-hover-card__status.is-active{color:#b6f8cf;border-color:#4ade80a6;background:#4ade802e}.agent-hover-card__faction{width:fit-content;font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:.06em;border:1px solid transparent;border-radius:999px;padding:2px 8px;font-weight:600}.agent-hover-card__stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.agent-hover-card__stat{display:flex;flex-direction:column;gap:2px;border:1px solid rgba(148,163,184,.24);background:#0f16318c;border-radius:var(--radius-sm);padding:5px 7px}.agent-hover-card__stat-label{font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.agent-hover-card__stat-value{font-size:var(--text-sm);color:var(--color-text-bright);font-weight:600;line-height:1.05}.agent-hover-card__actions-label{font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-muted);margin-top:2px}.agent-hover-card__actions{display:grid;grid-template-columns:1fr;gap:5px}.agent-hover-card__actions button{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);border-radius:6px;border:1px solid rgba(148,163,184,.3);background:linear-gradient(180deg,#ffffff0f,#ffffff05);color:var(--color-text-bright);font-size:var(--text-xs);cursor:pointer;text-align:left;font-weight:600;transition:transform .1s ease,border-color .1s ease,background .1s ease,color .1s ease}.agent-hover-card__actions button:hover{transform:translateY(-1px);background:linear-gradient(180deg,#818cf845,#818cf824);border-color:#a5b4fcd9;color:#f5f7ff}.agent-hover-card__actions button:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px}@keyframes timeline-live-glow{0%,to{text-shadow:0 0 2px rgba(74,222,128,.45),0 0 6px rgba(74,222,128,.24)}50%{text-shadow:0 0 4px rgba(74,222,128,.6),0 0 9px rgba(74,222,128,.34)}}.timeline-controls-wrap{width:min(700px,100%);margin-bottom:var(--space-2);display:flex;flex-direction:column;gap:4px}.timeline-controls{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-2);padding:0}.timeline-slider-wrap{display:flex;align-items:center}.timeline-slider{width:100%;margin:0;height:10px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent}.timeline-slider::-webkit-slider-runnable-track{height:2px;background:#94a3b88c;border-radius:999px}.timeline-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;margin-top:-6px;background:var(--color-text-dim);border:1px solid rgba(255,255,255,.3)}.timeline-slider:enabled::-webkit-slider-thumb{background:var(--color-accent);border-color:#ffffff80}.timeline-slider::-moz-range-track{height:2px;background:#94a3b88c;border-radius:999px}.timeline-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--color-text-dim);border:1px solid rgba(255,255,255,.3)}.timeline-slider:enabled::-moz-range-thumb{background:var(--color-accent);border-color:#ffffff80}.timeline-slider:disabled{opacity:.75}.timeline-btn{border:none;background:transparent;color:var(--color-text-bright);cursor:pointer;font-size:var(--text-xs);font-family:var(--font-header);font-weight:700;text-shadow:0 0 4px rgba(255,255,255,.2);line-height:1;padding:0}.timeline-btn:disabled{opacity:.72;cursor:not-allowed}.timeline-btn-play{min-width:32px;padding:0 2px 0 0}.timeline-status-wrap{display:inline-flex;align-items:center;gap:var(--space-2)}.timeline-live-label{color:var(--color-text-bright);font-size:var(--text-2xs);font-family:var(--font-header);font-weight:700;letter-spacing:.08em;text-shadow:0 0 4px rgba(255,255,255,.2)}.timeline-live-label.is-live{color:var(--color-success);animation:timeline-live-glow 2.2s ease-in-out infinite}.timeline-status-line{color:var(--color-text-muted);font-size:var(--text-2xs);height:14px;padding-left:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.timeline-status-line.is-error{color:var(--color-danger)}.pixel-hover-agent-card{--pixel-hover-faction-accent: var(--color-accent);position:absolute;right:8px;bottom:8px;z-index:7;width:252px;display:grid;grid-template-columns:auto 1fr;gap:8px;padding:7px 8px;border-radius:8px;border:1px solid rgba(148,163,184,.35);border-left:2px solid var(--pixel-hover-faction-accent);background:radial-gradient(circle at 90% 8%,#818cf829,#818cf800 42%),linear-gradient(160deg,#0b0f20f0,#070b1af0);box-shadow:0 8px 22px #00000073,inset 0 0 0 1px #ffffff0a;pointer-events:none}.pixel-hover-agent-card__sprite{margin:0;color:var(--pixel-hover-faction-accent);text-shadow:0 0 4px var(--pixel-hover-faction-accent);font-family:monospace;font-size:4.3px;line-height:4.7px;white-space:pre;padding:3px;border-radius:4px;background:#ffffff08;border:1px solid rgba(148,163,184,.22)}.pixel-hover-agent-card__meta{min-width:0;display:flex;flex-direction:column;gap:3px}.pixel-hover-agent-card__name{color:var(--pixel-hover-faction-accent);font-size:var(--text-xs);font-weight:700;line-height:1.1;letter-spacing:.01em;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;margin-bottom:1px}.pixel-hover-agent-card__faction{width:fit-content;color:var(--pixel-hover-faction-accent);border:1px solid var(--pixel-hover-faction-accent);border-radius:999px;padding:1px 6px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;line-height:1.35;margin-bottom:2px}.pixel-hover-agent-card__row{display:grid;grid-template-columns:72px 1fr;align-items:baseline;gap:10px;font-size:11px;line-height:1.2}.pixel-hover-agent-card__row span:first-child{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:10px;white-space:nowrap}.pixel-hover-agent-card__row span:last-child{color:var(--color-text-secondary);text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (min-width: 768px) and (max-width: 1024px){.main-grid{grid-template-columns:280px 1fr!important}.right-sidebar{grid-column:1 / -1}}@media (max-width: 767px){.main-grid{grid-template-columns:1fr!important;overflow:auto!important}.hide-mobile{display:none!important}.skill-cta{position:static!important;transform:none!important;width:100%;justify-content:center}.timeline-controls{grid-template-columns:auto 1fr;grid-template-areas:"play status" "slider slider";row-gap:6px}.timeline-btn-play{grid-area:play}.timeline-slider-wrap{grid-area:slider}.timeline-status-wrap{grid-area:status;justify-content:flex-end}.pixel-hover-agent-card{width:228px}}