.hud{--tone-gold:oklch(76% .15 80);--tone-gold-ink:oklch(48% .11 70);--tone-green:var(--color-primary);--tone-green-ink:color-mix(in oklab, var(--color-primary), black 40%);--tone-teal:oklch(70% .12 210);--tone-teal-ink:oklch(46% .1 215);--tone-violet:oklch(66% .16 300);--tone-violet-ink:oklch(47% .16 300)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .hud{--tone-gold:oklch(82% .14 85);--tone-gold-ink:oklch(85% .12 85);--tone-green-ink:oklch(80% .16 150);--tone-teal:oklch(78% .11 205);--tone-teal-ink:oklch(84% .09 205);--tone-violet:oklch(74% .14 300);--tone-violet-ink:oklch(83% .1 300)}}:root[data-theme=dark] .hud{--tone-gold:oklch(82% .14 85);--tone-gold-ink:oklch(85% .12 85);--tone-green-ink:oklch(80% .16 150);--tone-teal:oklch(78% .11 205);--tone-teal-ink:oklch(84% .09 205);--tone-violet:oklch(74% .14 300);--tone-violet-ink:oklch(83% .1 300)}:where(.team-card,.team-badge){--tone:var(--tone-green);--tone-ink:var(--tone-green-ink)}:where(.team-card,.team-badge)[data-tone=gold]{--tone:var(--tone-gold);--tone-ink:var(--tone-gold-ink)}:where(.team-card,.team-badge)[data-tone=teal]{--tone:var(--tone-teal);--tone-ink:var(--tone-teal-ink)}:where(.team-card,.team-badge)[data-tone=violet]{--tone:var(--tone-violet);--tone-ink:var(--tone-violet-ink)}.team-grid{grid-template-columns:minmax(0,1fr);gap:.75rem;display:grid}@media (width>=40rem){.team-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}}@media (width>=56rem){.team-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=76rem){.team-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem}}.team-card{height:100%;color:var(--color-base-content);background:var(--hud-card);border:1px solid var(--hud-border-soft);border-radius:1rem;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"photo name""photo position""badges badges""live live";align-content:start;column-gap:1rem;padding:1rem;transition:border-color .2s,box-shadow .2s,transform .2s;display:grid;position:relative}.team-card:hover{border-color:var(--hud-border);box-shadow:0 0 0 1px color-mix(in oklab, var(--color-primary) 12%, transparent), 0 14px 34px -22px var(--hud-glow);transform:translateY(-2px)}.team-card:active{transform:translateY(0)}.team-card>.team-photo{--size:4.5rem;grid-area:photo}.team-card-open{color:var(--hud-ink);opacity:.35;pointer-events:none;transition:opacity .2s;position:absolute;top:.625rem;right:.625rem}.team-card:hover .team-card-open,.team-card:has(.team-card-hit:focus-visible) .team-card-open{opacity:1}.team-name{overflow-wrap:anywhere;grid-area:name;align-self:end;padding-right:1rem;font-size:1.0625rem;font-weight:600;line-height:1.2}.team-card-hit{font:inherit;text-align:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0}.team-card-hit:after{content:"";z-index:1;border-radius:1rem;position:absolute;inset:0}.team-card-hit:focus-visible{outline:none}.team-card-hit:focus-visible:after{outline:2px solid var(--hud-line);outline-offset:3px}.team-position{color:var(--tone-ink);grid-area:position;align-self:start;margin-top:.25rem;font-size:.9375rem;font-weight:600;line-height:1.3}.team-divider{display:none}.team-card-badges{grid-area:badges;margin-top:.875rem}@media (width>=40rem){.team-card{text-align:center;flex-direction:column;align-items:center;padding:1.5rem 1.25rem 1.25rem;display:flex}.team-card>.team-photo{--size:8.5rem;margin-top:1.125rem}.team-name{align-self:auto;padding-inline:1rem;font-size:1.1875rem}.team-position{align-self:auto;margin-top:1.125rem;font-size:1.0625rem}.team-divider{background:color-mix(in oklab, var(--color-base-content) 22%, transparent);width:2.75rem;height:1px;margin-top:.875rem;display:block}.team-card-badges{margin-top:1rem}}.team-badges{flex-direction:column;gap:.5rem;width:100%;display:flex}.team-badge{text-align:left;background:color-mix(in oklab, var(--tone) 9%, transparent);border:1px solid color-mix(in oklab, var(--tone) 38%, transparent);border-radius:.75rem;align-items:center;gap:.75rem;padding:.625rem .75rem;display:flex}.team-badge-icon{width:2.25rem;height:2.25rem;color:var(--tone-ink);background:color-mix(in oklab, var(--tone) 12%, transparent);border:1px solid color-mix(in oklab, var(--tone) 45%, transparent);border-radius:9999px;flex-shrink:0;place-items:center;display:grid}.team-badge-text{flex-direction:column;min-width:0;display:flex}.team-badge-title{color:var(--tone-ink);font-size:.9375rem;font-weight:600;line-height:1.25}.team-badge-desc{color:color-mix(in oklab, var(--tone-ink) 70%, var(--color-base-content));margin-top:.125rem;font-size:.8125rem;line-height:1.35}@media (width>=40rem){.team-dialog-badges{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}}.team-live{grid-area:live;width:100%;margin-top:auto;display:block}.team-live:not(:empty){padding-top:.875rem}.team-live-row{align-items:center;gap:.5rem;display:flex}.team-meter{border-radius:9999px;flex:1;height:.25rem;display:block;position:relative;overflow:hidden}.team-meter-bar{border-radius:9999px;transition:width .9s cubic-bezier(.16,1,.3,1);display:block;position:absolute;inset:0 auto 0 0}.team-live-count{font-family:var(--font-mono);font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0;font-size:.6875rem;font-weight:600}.team-photo{--size:5.5rem;--pad:3px;width:var(--size);height:var(--size);padding:var(--pad);background:var(--hud-border);border-radius:9999px;flex-shrink:0;display:block;position:relative}@media (width>=40rem){.team-photo{--size:6.5rem}}.team-photo-lead{background:linear-gradient(135deg, var(--color-primary), var(--color-accent));box-shadow:0 0 22px -6px var(--hud-glow)}.team-photo>img,.team-photo>.team-initials{width:100%;height:100%;box-shadow:0 0 0 2px var(--color-base-100);border-radius:9999px;display:grid}.team-photo>img{object-fit:cover;object-position:50% 15%;background:var(--hud-avatar-bg)}.team-initials{font-family:var(--font-mono);font-size:calc(var(--size) * .3);letter-spacing:.04em;color:var(--hud-ink);background:radial-gradient(circle at 30% 25%, color-mix(in oklab, var(--color-primary) 16%, transparent), transparent 60%), var(--hud-avatar-bg);place-items:center;font-weight:600}.team-photo-xl{--size:6rem}@media (width>=40rem){.team-photo-xl{--size:11rem;--pad:4px}}.team-photo-portal{inset:var(--pad);pointer-events:none;border-radius:9999px;display:block;position:absolute}.team-photo-portal:empty{display:none}.team-photo-portal>img{object-fit:cover;background:var(--hud-avatar-bg);width:100%;height:100%;box-shadow:0 0 0 2px var(--color-base-100);border-radius:9999px;display:block}.team-dash-link{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--hud-ink);text-underline-offset:4px;align-items:center;gap:.375rem;font-size:.75rem;font-weight:600;display:inline-flex}.team-dash-link:hover{text-decoration:underline}.team-dash-link:focus-visible{outline:2px solid var(--hud-line);outline-offset:3px;border-radius:4px}.team-dash-link svg{transition:transform .2s}.team-dash-link:hover svg{transform:translate(3px)}.team-band-toggle:hover{color:var(--hud-ink)}.team-band-toggle:focus-visible{outline:2px solid var(--hud-line);outline-offset:3px}dialog.team-dialog{width:min(60rem,100vw - 2rem);max-width:none;max-height:calc(100dvh - 2rem);color:var(--color-base-content);background:var(--color-base-100);border:1px solid var(--hud-border);box-shadow:0 30px 80px -30px #0000008c, 0 0 60px -30px var(--hud-glow);border-radius:1.25rem;margin:auto;padding:0;overflow:hidden}dialog.team-dialog[open]{flex-direction:column;display:flex}dialog.team-dialog::backdrop{-webkit-backdrop-filter:blur(6px);background:#040c0a9e}@media (width<40rem){dialog.team-dialog{border-width:1px 0 0;border-radius:1.25rem 1.25rem 0 0;width:100%;max-height:calc(100dvh - .75rem);margin:auto 0 0}}.team-dialog-head{border-bottom:1px solid var(--hud-border-soft);background:linear-gradient(100deg, color-mix(in oklab, var(--color-primary) 8%, transparent), transparent 55%), var(--color-base-100)}.team-scroll{scrollbar-width:thin;scrollbar-color:var(--hud-border) transparent}.team-icon-btn{color:var(--color-base-content);background:color-mix(in oklab, var(--color-base-content) 6%, transparent);border:1px solid var(--hud-border-soft)}.team-icon-btn:hover{border-color:var(--hud-border);background:color-mix(in oklab, var(--color-primary) 12%, transparent)}.team-icon-btn:focus-visible{outline:2px solid var(--hud-line);outline-offset:2px}.team-role{color:var(--color-base-content);background:color-mix(in oklab, var(--color-base-content) 7%, transparent);border:1px solid var(--hud-border-soft)}.team-role-lead{color:var(--hud-ink);background:color-mix(in oklab, var(--color-primary) 13%, transparent);border-color:var(--hud-border)}.team-done-row:not(:last-child){border-bottom:1px solid var(--hud-border-soft)}.team-whole-task{color:var(--hud-ink);background:color-mix(in oklab, var(--color-primary) 12%, transparent)}.team-bar{background:linear-gradient(to top, var(--hud-line), var(--color-accent));border-radius:4px 4px 0 0;transition:height .6s cubic-bezier(.16,1,.3,1),filter .15s}.team-bar-partial{background:repeating-linear-gradient(-45deg, var(--hud-line) 0 3px, color-mix(in oklab, var(--hud-line) 45%, transparent) 3px 6px)}.team-bar-active{filter:brightness(1.15) drop-shadow(0 0 6px var(--hud-glow))}.team-skel{background:linear-gradient(100deg, var(--hud-track) 30%, color-mix(in oklab, var(--color-primary) 12%, var(--hud-track)) 50%, var(--hud-track) 70%);background-size:220% 100%;animation:1.6s ease-in-out infinite hud-shimmer}@media (prefers-reduced-motion:no-preference){dialog.team-dialog[open]{animation:.26s cubic-bezier(.16,1,.3,1) team-dialog-in}dialog.team-dialog[open]::backdrop{animation:.2s ease-out team-fade}}@keyframes team-dialog-in{0%{opacity:0;transform:translateY(14px)scale(.985)}}@keyframes team-fade{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.team-card,.team-card-open,.team-meter-bar,.team-bar,.team-dash-link svg{transition:none}.team-card:hover,.team-dash-link:hover svg{transform:none}.team-skel{animation:none}}