.hud{--hud-ink:color-mix(in oklab, var(--color-primary), black 38%);--hud-line:color-mix(in oklab, var(--color-primary), black 14%);--hud-border:color-mix(in oklab, var(--color-primary) 30%, transparent);--hud-border-soft:color-mix(in oklab, var(--color-base-content) 9%, transparent);--hud-surface:color-mix(in oklab, var(--color-base-100) 86%, transparent);--hud-card:color-mix(in oklab, var(--color-base-200) 70%, transparent);--hud-grid:color-mix(in oklab, var(--color-primary) 11%, transparent);--hud-glow:color-mix(in oklab, var(--color-primary) 18%, transparent);--hud-scan:color-mix(in oklab, var(--color-base-content) 2.5%, transparent);--hud-track:color-mix(in oklab, var(--color-base-content) 9%, transparent);--hud-pending:color-mix(in oklab, var(--hud-line) 42%, transparent);--hud-avatar-bg:color-mix(in oklab, var(--color-primary) 14%, var(--color-base-100));color:var(--color-base-content)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .hud{--hud-ink:var(--color-primary);--hud-line:var(--color-primary);--hud-border:color-mix(in oklab, var(--color-primary) 34%, transparent);--hud-border-soft:color-mix(in oklab, var(--color-base-content) 10%, transparent);--hud-surface:color-mix(in oklab, var(--color-base-200) 62%, transparent);--hud-card:color-mix(in oklab, var(--color-base-200) 72%, transparent);--hud-grid:color-mix(in oklab, var(--color-primary) 9%, transparent);--hud-glow:color-mix(in oklab, var(--color-primary) 40%, transparent);--hud-scan:color-mix(in oklab, var(--color-base-content) 3%, transparent);--hud-track:color-mix(in oklab, var(--color-base-content) 10%, transparent);--hud-avatar-bg:color-mix(in oklab, var(--color-primary) 16%, var(--color-base-200))}}:root[data-theme=dark] .hud{--hud-ink:var(--color-primary);--hud-line:var(--color-primary);--hud-border:color-mix(in oklab, var(--color-primary) 34%, transparent);--hud-border-soft:color-mix(in oklab, var(--color-base-content) 10%, transparent);--hud-surface:color-mix(in oklab, var(--color-base-200) 62%, transparent);--hud-card:color-mix(in oklab, var(--color-base-200) 72%, transparent);--hud-grid:color-mix(in oklab, var(--color-primary) 9%, transparent);--hud-glow:color-mix(in oklab, var(--color-primary) 40%, transparent);--hud-scan:color-mix(in oklab, var(--color-base-content) 3%, transparent);--hud-track:color-mix(in oklab, var(--color-base-content) 10%, transparent);--hud-avatar-bg:color-mix(in oklab, var(--color-primary) 16%, var(--color-base-200))}.hud-bg{isolation:isolate;background-color:var(--color-base-100);position:relative;overflow:hidden}.hud-bg:before{content:"";z-index:-2;background-image:linear-gradient(to right, var(--hud-grid) 1px, transparent 1px), linear-gradient(to bottom, var(--hud-grid) 1px, transparent 1px);background-position:-1px -1px;background-size:48px 48px;position:absolute;inset:0;mask-image:linear-gradient(#000,#000 55%,#0000 98%)}.hud-bg:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(ellipse 70% 38rem at 15% -8rem, var(--hud-glow), transparent 70%), radial-gradient(ellipse 50% 30rem at 100% 10rem, color-mix(in oklab, var(--color-accent) 10%, transparent), transparent 70%), repeating-linear-gradient(to bottom, var(--hud-scan) 0 1px, transparent 1px 4px);position:absolute;inset:0}.hud-sweep{z-index:-1;pointer-events:none;background:linear-gradient(to bottom, transparent calc(100% - 14rem), color-mix(in oklab, var(--color-primary) 5%, transparent) calc(100% - 2px), color-mix(in oklab, var(--color-primary) 9%, transparent) 100%);will-change:transform;animation:11s linear infinite hud-sweep;position:absolute;inset:0;transform:translateY(-100%)}@keyframes hud-sweep{to{transform:translateY(100%)}}.hud-panel{background:var(--hud-surface);border:1px solid var(--hud-border-soft);box-shadow:inset 0 1px 0 0 color-mix(in oklab, var(--color-base-content) 5%, transparent), 0 18px 40px -28px var(--hud-glow);-webkit-backdrop-filter:blur(8px);border-radius:.875rem;position:relative}.hud-panel:before{content:"";background:linear-gradient(90deg, transparent, var(--hud-line), transparent);opacity:.75;pointer-events:none;height:1px;position:absolute;top:-1px;left:14%;right:14%}.hud-panel:after{content:"";pointer-events:none;--b:var(--hud-border);background:linear-gradient(var(--b), var(--b)) top left / 14px 1.5px no-repeat, linear-gradient(var(--b), var(--b)) top left / 1.5px 14px no-repeat, linear-gradient(var(--b), var(--b)) bottom right / 14px 1.5px no-repeat, linear-gradient(var(--b), var(--b)) bottom right / 1.5px 14px no-repeat;position:absolute;inset:7px}.hud-skeleton{overflow:hidden}.hud-skeleton>*{display:none}.hud-skeleton:after{background:linear-gradient(100deg, transparent 30%, color-mix(in oklab, var(--color-primary) 10%, transparent) 50%, transparent 70%);background-size:220% 100%;animation:1.6s ease-in-out infinite hud-shimmer;inset:0}@keyframes hud-shimmer{0%{background-position:120% 0}to{background-position:-120% 0}}.hud-card{background:var(--hud-card);border:1px solid var(--hud-border-soft);transition:border-color .2s,box-shadow .2s,transform .2s}.hud-card:hover{border-color:var(--hud-border);box-shadow:0 0 0 1px color-mix(in oklab, var(--color-primary) 12%, transparent), 0 10px 30px -20px var(--hud-glow)}.hud-banner{background:color-mix(in oklab, var(--color-warning) 10%, var(--hud-surface));border:1px solid color-mix(in oklab, var(--color-warning) 45%, transparent)}.hud-title-accent{color:var(--hud-line);text-shadow:0 0 28px color-mix(in oklab, var(--color-primary) 35%, transparent)}.hud-status{background:var(--hud-surface);border:1px solid var(--hud-border);box-shadow:0 0 24px -10px var(--hud-glow);-webkit-backdrop-filter:blur(8px)}.hud-status-warn{border-color:color-mix(in oklab, var(--color-warning) 55%, transparent)}.hud-icon{color:var(--hud-ink);background:color-mix(in oklab, var(--color-primary) 12%, transparent);border:1px solid var(--hud-border)}.hud-icon-warn{color:color-mix(in oklab, var(--color-warning) 65%, var(--color-base-content));background:color-mix(in oklab, var(--color-warning) 14%, transparent);border-color:color-mix(in oklab, var(--color-warning) 45%, transparent)}.hud-avatar{color:var(--hud-ink);background:var(--hud-avatar-bg);clip-path:polygon(25% 3%,75% 3%,100% 50%,75% 97%,25% 97%,0 50%)}.hud-avatar-lead{color:var(--color-primary-content);background:linear-gradient(135deg, var(--color-primary), var(--color-accent))}.hud-avatar-photo{object-fit:cover;background:var(--hud-avatar-bg);clip-path:polygon(25% 3%,75% 3%,100% 50%,75% 97%,25% 97%,0 50%);width:100%;height:100%;position:absolute;inset:0}.hud-avatar-lead>.hud-avatar-photo{width:calc(100% - 4px);height:calc(100% - 4px);inset:2px}.portal-photo{opacity:0;transition:opacity .35s ease-out}.portal-photo[data-loaded]{opacity:1}@media (prefers-reduced-motion:reduce){.portal-photo{transition:none}}.hud-chip{color:var(--hud-ink);background:color-mix(in oklab, var(--color-primary) 12%, transparent)}.hud-ring-track{stroke:var(--hud-track)}.hud-ring-value{filter:drop-shadow(0 0 6px color-mix(in oklab, var(--color-primary) 45%, transparent))}.hud-tick{stroke:var(--hud-track)}.hud-tick-on{stroke:var(--hud-line)}.hud-meter{background:var(--hud-track)}.hud-meter-fill{background:linear-gradient(90deg, var(--hud-line), var(--color-accent));box-shadow:0 0 10px color-mix(in oklab, var(--color-primary) 45%, transparent)}.hud-meter-pending{background:repeating-linear-gradient(-45deg, var(--hud-pending) 0 3px, color-mix(in oklab, var(--hud-pending) 55%, transparent) 3px 6px)}.hud-ring-pending{stroke:var(--hud-pending)}.hud-swatch-done{background:linear-gradient(135deg, var(--hud-line), var(--color-accent))}.hud-swatch-pending{background:var(--hud-pending);box-shadow:inset 0 0 0 1px var(--hud-border)}.hud-swatch-todo{background:var(--hud-track);box-shadow:inset 0 0 0 1px var(--hud-border-soft)}.hud-chart-line{stroke:var(--hud-line);filter:drop-shadow(0 0 4px color-mix(in oklab, var(--color-primary) 50%, transparent))}.hud-chart-dot{background:var(--hud-line);box-shadow:0 0 0 2px var(--color-base-100)}.hud-chart-dot-live{box-shadow:0 0 0 2px var(--color-base-100), 0 0 14px 2px color-mix(in oklab, var(--color-primary) 70%, transparent)}.hud-tooltip{background:var(--color-base-100);border:1px solid var(--hud-border);box-shadow:0 8px 24px -12px color-mix(in oklab, var(--color-base-content) 40%, transparent)}.hud-feed-item:not(:last-child):before{content:"";background:linear-gradient(to bottom, var(--hud-border), transparent);width:1px;position:absolute;top:2.1rem;bottom:-.5rem;left:calc(1rem - .5px)}.hud-feed-node{color:var(--hud-ink);background:color-mix(in oklab, var(--color-primary) 14%, var(--color-base-100));border:1px solid var(--hud-border)}.hud-feed{scrollbar-width:thin;overscroll-behavior:contain;scrollbar-color:var(--hud-border) transparent}.hud-ping{animation:1.8s cubic-bezier(0,0,.2,1) infinite hud-ping}@keyframes hud-ping{75%,to{opacity:0;transform:scale(2.4)}}@media (prefers-reduced-motion:reduce){.hud-sweep,.hud-ping,.hud-skeleton:after{animation:none}.hud-sweep{display:none}.hud-card{transition:none}}@media (width>=64rem){.hud-feed{padding-bottom:2.5rem;mask-image:linear-gradient(#000 calc(100% - 3rem),#0000)}}