:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;--color-bg:#070b10;--color-surface:#111923;--color-surface-raised:#192533;--color-text:#f5f8fc;--color-text-muted:#a8b4c2;--color-telemetry:#35d9e6;--color-ready:#43d17d;--color-pending:#ffb340;--color-danger:#ff5364;--color-focus:#fff;--color-border:#344454;--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--radius-control:.625rem;--radius-card:.875rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--color-bg);min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh;color:var(--color-text);background:var(--color-bg);margin:0;font-size:1.125rem;line-height:1.45}button,input{font:inherit}button:focus-visible,input:focus-visible,a:focus-visible,[tabindex="-1"]:focus-visible{outline:.125rem solid var(--color-focus);outline-offset:.25rem}h1,h2,p,dl,dd,dt{margin:0}h1,h2{line-height:1.1}h1{font-size:clamp(2rem,4vw,3.5rem)}h2{font-size:clamp(1.5rem,2.5vw,2.25rem)}code,time,dd,input,.eyebrow,.product-name,.source-badge,.event-count,.event__index,.app-footer{font-family:var(--font-mono);font-variant-numeric:tabular-nums slashed-zero}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{top:var(--space-3);left:var(--space-3);z-index:20;padding:var(--space-3) var(--space-4);color:var(--color-bg);background:var(--color-focus);border-radius:var(--radius-control);font-weight:800;position:fixed;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.button{min-width:3rem;min-height:3rem;color:var(--color-text);border-radius:var(--radius-control);letter-spacing:.03em;cursor:pointer;background:0 0;border:.125rem solid #0000;padding:.75rem 1rem;font-weight:750}.button--primary{color:var(--color-bg);background:var(--color-telemetry);border-color:var(--color-telemetry)}.button--secondary{color:var(--color-text);background:var(--color-surface-raised);border-color:var(--color-pending)}.button:hover{filter:brightness(1.12)}.state-page{place-items:center;min-height:100vh;padding:clamp(1rem,5vw,4rem);display:grid}.selection-card,.loading-card{background:var(--color-surface);border:.0625rem solid var(--color-border);border-radius:var(--radius-card);width:min(100%,48rem);padding:clamp(1.5rem,5vw,3rem)}.brand-lockup{min-width:0}.brand-lockup--selection{padding-bottom:var(--space-8);border-bottom:.0625rem solid var(--color-border)}.product-name{color:var(--color-text);letter-spacing:.08em;font-size:1rem;font-weight:850}.product-descriptor{margin-top:var(--space-1);color:var(--color-text-muted);letter-spacing:.04em;font-size:1rem}.selection-card h1,.loading-card h1{margin-top:var(--space-8)}.selection-card__lead{margin-top:var(--space-3);color:var(--color-text-muted);font-weight:650}.code-form{margin-top:var(--space-8)}.code-form label{margin-bottom:var(--space-2);letter-spacing:.04em;font-size:1rem;font-weight:750;display:block}.code-form__controls{gap:var(--space-3);grid-template-columns:minmax(0,1fr) auto;display:grid}.code-form input{min-width:0;min-height:3rem;color:var(--color-text);background:var(--color-bg);border:.125rem solid var(--color-border);border-radius:var(--radius-control);letter-spacing:.14em;text-transform:uppercase;padding:.65rem .9rem;font-size:clamp(1.35rem,4vw,2rem);font-weight:800}.code-form input::placeholder{color:var(--color-text-muted);opacity:.65}.code-form input[aria-invalid=true]{border-color:var(--color-danger)}.field-hint,.field-error{min-height:1.6rem;margin-top:var(--space-2);font-size:1rem}.field-hint{color:var(--color-text-muted)}.field-error{color:var(--color-danger);font-weight:750}.source-badge{min-height:2rem;margin-top:var(--space-6);padding:var(--space-1) var(--space-2);color:var(--color-pending);background:color-mix(in srgb, var(--color-pending) 12%, transparent);border:.0625rem solid var(--color-pending);border-radius:999px;align-items:center;font-size:.875rem;font-weight:750;display:inline-flex}.loading-card{text-align:center}.retained-code{margin-top:var(--space-8)}.retained-code dt{color:var(--color-text-muted);font-size:1rem;font-weight:700}.retained-code dd{margin-top:var(--space-1);color:var(--color-telemetry);font-size:clamp(2rem,6vw,3rem);font-weight:800}.loading-mark{gap:var(--space-2);margin-top:var(--space-8);justify-content:center;display:flex}.loading-mark span{background:var(--color-telemetry);border-radius:50%;width:.75rem;height:.75rem;animation:1.2s ease-in-out infinite loading-pulse}.loading-mark span:nth-child(2){animation-delay:.12s}.loading-mark span:nth-child(3){animation-delay:.24s}@keyframes loading-pulse{50%{opacity:.25}}.spectator-app{flex-direction:column;min-height:100vh;display:flex}.match-header{gap:var(--space-6);padding:var(--space-6) clamp(1rem, 3vw, 2.5rem);background:var(--color-surface);border-bottom:.0625rem solid var(--color-border);grid-template-columns:minmax(12rem,.8fr) minmax(15rem,auto) minmax(29rem,1.4fr) auto;align-items:center;display:grid}.match-header .source-badge{margin-top:0}.match-title{text-align:center;min-width:0}.match-title h1{overflow-wrap:anywhere;font-size:clamp(1.75rem,3vw,3rem)}.countdown{margin-top:var(--space-2);color:var(--color-pending);font-family:var(--font-mono);font-size:clamp(2rem,4vw,4rem);font-weight:850;line-height:1}.match-status{border:.0625rem solid var(--color-border);border-radius:var(--radius-control);grid-template-columns:repeat(3,minmax(0,1fr));min-width:0;display:grid}.match-status>div{min-width:0;padding:var(--space-3) var(--space-4)}.match-status>div+div{border-left:.0625rem solid var(--color-border)}.match-status dt{color:var(--color-text-muted);letter-spacing:.05em;font-size:.875rem;font-weight:700}.match-status dd{margin-top:var(--space-1);overflow-wrap:anywhere;font-size:1.125rem;font-weight:800}.match-status [data-testid=match-code]{color:var(--color-telemetry);letter-spacing:.08em}.connection{gap:var(--space-2);align-items:center;display:flex}.status-shape{background:currentColor;border:.125rem solid;border-radius:50%;flex:none;width:.7rem;height:.7rem}.connection--connected,.connection--restored{color:var(--color-ready)}.connection--degraded{color:var(--color-pending)}.connection-banner{gap:var(--space-4);padding:var(--space-3) clamp(1rem, 3vw, 2.5rem);border-bottom:.125rem solid;justify-content:space-between;align-items:center;display:flex}.connection-banner>div{gap:var(--space-2) var(--space-6);flex-wrap:wrap;align-items:baseline;display:flex}.connection-banner strong{letter-spacing:.04em}.connection-banner span{font-family:var(--font-mono)}.connection-banner--degraded{color:var(--color-pending);background:color-mix(in srgb, var(--color-pending) 12%, var(--color-bg));border-color:var(--color-pending)}.connection-banner--recovery{color:var(--color-ready);background:color-mix(in srgb, var(--color-ready) 12%, var(--color-bg));border-color:var(--color-ready)}.dashboard{width:min(100%,100rem);margin:0 auto;padding:clamp(1rem,3vw,2.5rem)}.player-grid{gap:var(--space-6);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.player-card{background:var(--color-surface);border:.0625rem solid var(--color-border);border-radius:var(--radius-card);min-width:0;padding:clamp(1rem,2.5vw,2rem)}.player-card--empty{border-style:dashed;flex-direction:column;justify-content:center;min-height:17rem;display:flex}.player-card--dead{border-color:var(--color-danger)}.player-card--respawning{border-color:var(--color-pending)}.player-card--disconnected{border-color:var(--color-text-muted)}.eyebrow{color:var(--color-telemetry);letter-spacing:.08em;font-size:.9rem;font-weight:750}.player-card h2{margin-top:var(--space-1);overflow-wrap:anywhere}.player-card__heading{gap:var(--space-4);justify-content:space-between;align-items:flex-start;display:flex}.player-card__heading>div:first-child{min-width:0}.player-statuses{gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.player-card__heading .player-statuses{justify-content:flex-end;margin-top:0}.player-status{gap:var(--space-2);min-height:2rem;padding:var(--space-1) var(--space-2);border:.0625rem solid;border-radius:999px;align-items:center;font-size:.875rem;font-weight:750;display:inline-flex}.player-status.is-positive{color:var(--color-ready)}.player-status.is-negative{color:var(--color-text-muted)}.player-status__shape{background:currentColor;border-radius:.1rem;flex:none;width:.55rem;height:.55rem}.life-state{gap:var(--space-2);min-height:2.5rem;margin-top:var(--space-6);padding:var(--space-2) var(--space-3);border-radius:var(--radius-control);font-family:var(--font-mono);letter-spacing:.06em;border:.125rem solid;align-items:center;font-size:1rem;font-weight:850;display:flex}.life-state--alive{color:var(--color-ready);background:color-mix(in srgb, var(--color-ready) 10%, transparent)}.life-state--dead{color:var(--color-danger);background:color-mix(in srgb, var(--color-danger) 12%, transparent)}.life-state--respawning{color:var(--color-pending);background:color-mix(in srgb, var(--color-pending) 12%, transparent)}.life-state--disconnected{color:var(--color-text-muted);background:color-mix(in srgb, var(--color-text-muted) 10%, transparent)}.life-state__shape{background:currentColor;border:.125rem solid;flex:none;width:.75rem;height:.75rem}.life-state--alive .life-state__shape{border-radius:50%}.life-state--respawning .life-state__shape{background:0 0;border-radius:50%}.health-block{margin-top:var(--space-8)}.health-heading{gap:var(--space-4);color:var(--color-text-muted);justify-content:space-between;align-items:baseline;font-weight:700;display:flex}.health-heading strong{overflow-wrap:anywhere;max-width:100%;color:var(--color-text);font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:clamp(2rem,5vw,4rem);line-height:1}.health-meter{width:100%;height:1rem;margin-top:var(--space-4);appearance:none;background:var(--color-surface-raised);border:0;border-radius:.2rem;overflow:hidden}.health-meter::-webkit-progress-bar{background:var(--color-surface-raised)}.health-meter::-webkit-progress-value{background:var(--color-telemetry)}.health-meter::-moz-progress-bar{background:var(--color-telemetry)}.player-card--dead .health-meter::-webkit-progress-value{background:var(--color-danger)}.player-card--respawning .health-meter::-webkit-progress-value{background:var(--color-danger)}.player-card--dead .health-meter::-moz-progress-bar{background:var(--color-danger)}.player-card--respawning .health-meter::-moz-progress-bar{background:var(--color-danger)}.combat-score{margin-top:var(--space-6);border-top:.0625rem solid var(--color-border);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.combat-score>div{min-width:0;padding-top:var(--space-4)}.combat-score>div+div{padding-left:var(--space-4);border-left:.0625rem solid var(--color-border)}.combat-score dt{color:var(--color-text-muted);letter-spacing:.05em;font-size:.875rem;font-weight:750}.combat-score dd{margin-top:var(--space-1);color:var(--color-text);font-family:var(--font-mono);font-size:clamp(1.75rem,4vw,3rem);font-weight:850;line-height:1}.empty-copy{margin-top:var(--space-4);color:var(--color-text-muted);font-weight:650}.event-panel{margin-top:var(--space-6);background:var(--color-surface);border:.0625rem solid var(--color-border);border-radius:var(--radius-card);padding:clamp(1rem,2.5vw,2rem)}.panel-heading{gap:var(--space-4);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;display:flex}.panel-heading h2{margin-top:var(--space-1)}.event-count{color:var(--color-text-muted);font-size:.9rem}.event-list{margin:var(--space-6) 0 0;padding:0;list-style:none}.event{gap:var(--space-4);padding:var(--space-3) 0;border-top:.0625rem solid var(--color-border);grid-template-columns:auto minmax(0,1fr) auto;align-items:baseline;display:grid}.event__index{color:var(--color-telemetry);font-weight:750}.event__copy{gap:var(--space-1) var(--space-3);flex-wrap:wrap;align-items:baseline;min-width:0;display:flex}.event__kind{padding:.1rem var(--space-2);font-family:var(--font-mono);letter-spacing:.06em;border:.0625rem solid;border-radius:999px;font-size:.75rem;font-weight:850}.event--eliminated .event__index,.event--eliminated .event__kind{color:var(--color-danger)}.event--respawned .event__index,.event--respawned .event__kind{color:var(--color-ready)}.event p{overflow-wrap:anywhere;min-width:0;font-weight:650}.event time{color:var(--color-text-muted);font-size:.95rem}.watch-another{width:100%;margin-top:var(--space-6)}.app-footer{padding:var(--space-4) clamp(1rem, 3vw, 2.5rem);color:var(--color-text-muted);border-top:.0625rem solid var(--color-border);text-align:center;margin-top:auto;font-size:.9rem}@media (width<=90rem){.match-header{grid-template-columns:minmax(0,1fr) auto}.match-title{text-align:right}.match-status{grid-column:1/-1}}@media (width<=52rem){.player-grid,.match-header{grid-template-columns:minmax(0,1fr)}.match-title{text-align:left}.match-status{grid-template-columns:minmax(0,1fr)}.match-status>div+div{border-top:.0625rem solid var(--color-border);border-left:0}.player-card__heading{display:block}.player-card__heading .player-statuses{margin-top:var(--space-4);justify-content:flex-start}}@media (width<=40rem){.code-form__controls{grid-template-columns:minmax(0,1fr)}.connection-banner{flex-direction:column;align-items:stretch}.connection-banner .button{width:100%}.health-heading{flex-direction:column;align-items:flex-start}.event{grid-template-columns:auto minmax(0,1fr)}.event time{grid-column:2}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.loading-mark span{opacity:1}}.phase-guidance{margin-top:var(--space-2);color:var(--color-text-muted);font-size:1rem;line-height:1.45}.roster-heading{gap:var(--space-4);margin-bottom:var(--space-4);justify-content:space-between;align-items:baseline;display:flex}.roster-heading h2,.roster-heading span{font-family:var(--font-mono);color:var(--color-text-muted);font-size:1rem}.result-panel{margin-bottom:var(--space-6);padding:var(--space-6);border:.0625rem solid var(--color-ready);border-radius:var(--radius-card);background:var(--color-surface)}.result-panel h2{margin-top:var(--space-2);overflow-wrap:anywhere}.app-footer p+p{margin-top:var(--space-2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.life-state__label{overflow-wrap:anywhere;min-width:0}