:root{color-scheme:dark;font-family:IBM Plex Sans,Avenir Next,sans-serif;--surface: rgba(8, 20, 30, .82);--surface-strong: rgba(7, 16, 24, .94);--surface-soft: rgba(12, 28, 40, .72);--border: rgba(167, 199, 222, .14);--text: #edf5fa;--muted: #9eb4c6;--blue: #4b94ff;--blue-soft: rgba(75, 148, 255, .18);--orange: #f39a37;--orange-soft: rgba(243, 154, 55, .18);background:radial-gradient(circle at top left,rgba(73,112,158,.28),transparent 32%),radial-gradient(circle at top right,rgba(243,154,55,.12),transparent 24%),linear-gradient(180deg,#071018,#0b1721);color:var(--text)}*,*:before,*:after{box-sizing:border-box}html,body,#app{min-height:100%}body{margin:0}button,select,input{font:inherit}.shell{min-height:100dvh;padding:clamp(.9rem,2vw,1.8rem);display:grid;grid-template-rows:auto minmax(0,1fr);gap:1.25rem}.hero{display:flex;align-items:end;justify-content:space-between;gap:1.5rem}.eyebrow,.panel-eyebrow{margin:0 0 .4rem;font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;color:#87afd4}.hero h1,.panel h2,.stats-panel h2{margin:0}.hero h1{font-size:clamp(2rem,4vw,3.4rem)}.lede,.panel-copy{color:#bdd0de}.file-picker{display:inline-flex;align-items:center;gap:.75rem;padding:.9rem 1.2rem;border:1px solid rgba(169,201,226,.22);border-radius:999px;background:#081723b8}.workspace{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(21rem,.9fr);gap:1rem;min-height:0}.viewport-column{min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:1rem}.viewport-panel,.panel,.stats-panel{position:relative;border:1px solid var(--border);border-radius:1.4rem;background:var(--surface);box-shadow:0 22px 56px #0000003d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.viewport-panel{min-height:30rem;overflow:hidden}.viewport{position:absolute;inset:0}.viewport canvas{display:block;width:100%;height:100%}.replay-load-modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:1.25rem;background:radial-gradient(circle at top,rgba(89,157,219,.18),transparent 30%),#040b12c2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.replay-load-modal[hidden]{display:none}.replay-load-modal__dialog{width:min(28rem,100%);display:grid;gap:.85rem;padding:1.4rem 1.45rem;border-radius:1.35rem;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,#0b1724f5,#070f18f0);box-shadow:0 24px 70px #0006}.replay-load-modal__eyebrow{margin:0;font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#87afd4}.replay-load-modal__title,.replay-load-modal__status,.replay-load-modal__meta{margin:0}.replay-load-modal__title{font-size:clamp(1.45rem,4vw,2.1rem);line-height:1.1;color:#f3f8fc}.replay-load-modal__status{color:#e6f0f7;font-size:1rem}.replay-load-modal__phase-list{display:grid;gap:.7rem}.replay-load-modal__phase-row{display:grid;gap:.38rem}.replay-load-modal__phase-label{margin:0;font-size:.82rem;letter-spacing:.04em;color:#9eb4c6}.replay-load-modal__phase-row[data-state=active] .replay-load-modal__phase-label{color:#edf5fa}.replay-load-modal__phase-row[data-state=complete] .replay-load-modal__phase-label{color:#c5d9e7}.replay-load-modal__phase-bar{overflow:hidden;height:.58rem;border-radius:999px;background:#ffffff1a}.replay-load-modal__phase-fill{width:0%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#4b94ff,#8ec5ff 55%,#f39a37);transition:width .14s ease}.replay-load-modal__phase-row[data-state=complete] .replay-load-modal__phase-fill{opacity:.95}.replay-load-modal__phase-fill[data-indeterminate=true]{width:100%!important;background:linear-gradient(90deg,#4b94ff40,#4b94ffcc 28%,#8ec5fff2,#f39a37cc 72%,#f39a3740);background-size:180% 100%;animation:replay-load-phase-indeterminate 1.1s linear infinite}@keyframes replay-load-phase-indeterminate{0%{background-position:0% 0%}to{background-position:180% 0%}}.replay-load-modal__meta{color:#9eb4c6;font-size:.92rem}.followed-player-overlay{position:absolute;top:1.25rem;left:1.25rem;z-index:2;width:min(24rem,calc(100% - 2.5rem));pointer-events:none}.followed-player-overlay-card{padding:.9rem 1rem;border-radius:1.1rem;border:1px solid rgba(255,255,255,.12);background:#040c12db;box-shadow:0 16px 44px #00000052;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.followed-player-overlay-card.team-blue{border-color:#4b94ff4d;background:linear-gradient(180deg,#133259eb,#071018e6)}.followed-player-overlay-card.team-orange{border-color:#f39a374d;background:linear-gradient(180deg,#572e08eb,#071018e6)}.followed-player-overlay-header{display:flex;justify-content:space-between;align-items:start;gap:.75rem}.followed-player-overlay-title{min-width:0}.followed-player-overlay-eyebrow{margin:0 0 .35rem;font-size:.65rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#87afd4}.followed-player-overlay-name-row{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.followed-player-overlay-team{padding:.22rem .55rem;border-radius:999px;background:#ffffff14;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase}.followed-player-overlay-body{display:grid;gap:.75rem;margin-top:.8rem}.focused-player-module{display:grid;gap:.38rem}.focused-player-module-label{font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#9eb4c6}.focused-player-module-body{display:grid;gap:.05rem}.focused-player-module-body .stat-row{font-size:.76rem;padding:.08rem 0}.empty-state{position:absolute;inset:auto 1.25rem 1.25rem;padding:.95rem 1.15rem;border-radius:1rem;border:1px solid rgba(169,201,226,.14);background:#040c12d1;color:#bfd2de}.stats-panel{padding:1.15rem 1.15rem 1rem}.panel-heading{display:flex;justify-content:space-between;align-items:start;gap:1rem;margin-bottom:1rem}.player-stats-stack{display:grid;gap:.9rem}.player-stats-grid{display:flex;gap:.7rem;flex-wrap:wrap}.player-card{flex:1 1 13rem;min-width:12rem;padding:.85rem;border-radius:1rem;border:1px solid rgba(255,255,255,.08);background:#ffffff09}.player-card.team-blue{background:var(--blue-soft);border-color:#4b94ff42}.player-card.team-orange{background:var(--orange-soft);border-color:#f39a3747}.player-card.shared{background:linear-gradient(180deg,#ffffff0f,#ffffff06),#ffffff09;border-color:#ffffff1f}.player-card-header{display:flex;justify-content:space-between;align-items:center;gap:.4rem;margin-bottom:.45rem}.player-name{font-size:.85rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stat-row{display:flex;justify-content:space-between;gap:.5rem;padding:.15rem 0;font-size:.8rem}.label,.detail-grid dt,.stat-row .label{color:#89a4ba}.stat-row .value,.detail-grid dd{font-variant-numeric:tabular-nums}.role-indicator{flex-shrink:0;padding:.18rem .45rem;border-radius:999px;font-size:.64rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.role-back{background:#ea55552e;color:#ff9b9b}.role-forward{background:#4ac6762e;color:#9ce5a8}.role-other{background:#8495a82e;color:#c0cbd6}.role-mid{background:#f39a372e;color:#ffc680}.stat-module-section{display:grid;gap:.45rem}.stat-module-label{font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#6f889d}.sidebar{min-height:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:1rem}.panel{padding:1.15rem;display:grid;gap:.9rem}.panel>label,.panel>.detail-grid,.panel>.transport-row,.panel>.module-list{margin-top:0}.panel-copy{margin:0;font-size:.92rem;line-height:1.45}.transport-row{display:flex;gap:.75rem}.transport-row>*{flex:1 1 auto}.camera-presets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.camera-presets button{padding:.62rem .75rem;font-size:.84rem}.camera-presets button[data-active=true]{border-color:#8ec5ff6b;background:linear-gradient(180deg,#21476bf5,#0c1b2afa);color:#f3f8fc;box-shadow:inset 0 0 0 1px #8ec5ff1f}button,select,input[type=file],input[type=range]{border-radius:.9rem}button,select,input[type=file]{border:1px solid rgba(255,255,255,.1);padding:.72rem .9rem;background:var(--surface-strong);color:var(--text)}button{cursor:pointer}button:hover:not(:disabled),select:hover:not(:disabled){border-color:#ffffff2e}button:disabled,select:disabled,input:disabled{opacity:.55;cursor:not-allowed}input[type=range]{width:100%;margin-top:.45rem;accent-color:var(--blue)}.metric-readout{font-size:1rem;font-weight:700;font-variant-numeric:tabular-nums}.toggle{display:inline-flex;align-items:center;gap:.55rem;color:#bfd0dd}.detail-grid{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem 1rem}.detail-grid dt,.detail-grid dd{margin:0}.detail-grid dt{font-size:.76rem;margin-bottom:.2rem}.detail-grid dd{font-size:.98rem;color:var(--text);overflow-wrap:anywhere}.module-list{display:flex;flex-wrap:wrap;gap:.5rem}.module-settings{display:grid;gap:.75rem}.module-settings-card{display:grid;gap:.75rem;padding:.85rem .9rem;border-radius:1rem;border:1px solid rgba(255,255,255,.08);background:#ffffff09}.module-settings-subgroup{display:grid;gap:.65rem;padding-top:.15rem;border-top:1px solid rgba(255,255,255,.06)}.module-settings-options{display:grid;gap:.45rem}.module-settings-header{display:flex;align-items:start;justify-content:space-between;gap:.8rem}.module-settings-header h3{margin:.1rem 0 0;font-size:.96rem}.module-settings-eyebrow{margin:0;font-size:.66rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#87afd4}.module-summary-item{appearance:none;display:inline-flex;align-items:center;gap:.4rem;padding:.32rem .58rem;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:var(--muted);font:inherit;font-size:.84rem;cursor:pointer;transition:border-color .14s ease,background-color .14s ease,color .14s ease}.module-summary-item:hover{border-color:#ffffff2e;color:var(--text)}.module-summary-item strong{font-size:.68rem;letter-spacing:.08em;text-transform:uppercase}.module-summary-item[data-active=true]{border-color:#4b94ff38;background:#4b94ff14;color:#dceafb}@media(max-width:1180px){.workspace{grid-template-columns:1fr}.sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:860px){.shell{padding:1rem}.hero{display:grid}.sidebar{grid-template-columns:1fr}.panel-heading{display:grid}.detail-grid{grid-template-columns:1fr 1fr}.viewport-panel{min-height:22rem}.followed-player-overlay{top:1rem;left:1rem;width:min(22rem,calc(100% - 2rem))}}@media(max-width:560px){.detail-grid{grid-template-columns:1fr}.transport-row{flex-direction:column}.followed-player-overlay{position:static;width:100%;padding:1rem 1rem 0}.followed-player-overlay-card{width:100%}}