:root{--bg:#0b1020;--panel:#151c33;--panel-2:#1c2542;--line:#2a3558;--text:#f2f5ff;--muted:#9aa6cc;--accent:#4fc3f7;--accent-2:#f4b942;--ok:#4cd98a;--warn:#f4b942;--bad:#ff6b6b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0}html{font-size:clamp(9px,.833333vw,24px)}html,body,#root{height:100%}body{background:radial-gradient(120% 120% at 20% 0%, #172047 0%, var(--bg) 55%);color:var(--text);cursor:none;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}body:hover{cursor:default}button{font:inherit;color:inherit;cursor:pointer}.app{flex-direction:column;gap:1.25rem;height:100%;padding:1.5rem 2rem .75rem;display:flex;position:relative}.header{justify-content:space-between;align-items:center;display:flex}.brand{align-items:center;gap:1rem;display:flex}.brand-logo{width:auto;height:3.6rem;display:block}.brand-title{border-left:1px solid var(--line);padding-left:1rem}.brand-name{letter-spacing:.01em;font-size:1.9rem;font-weight:700}.brand-sub{color:var(--muted);margin-top:.15rem;font-size:1.1rem}.header-right{align-items:center;gap:1rem;display:flex}.clock{font-variant-numeric:tabular-nums;text-align:right;min-width:5.5rem;font-size:1.9rem;font-weight:600}.tabs{background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:.25rem;display:flex}.tab{color:var(--muted);background:0 0;border:0;border-radius:999px;padding:.4rem 1.2rem;font-size:1.1rem}.tab.on{background:var(--accent);color:#07101f;font-weight:700}.pill{border:1px solid;border-radius:999px;align-items:center;gap:.5rem;padding:.35rem .9rem;font-size:1rem;font-weight:600;display:inline-flex}.pill-ok{color:var(--ok)}.pill-warn{color:var(--warn)}.pill-bad{color:var(--bad);animation:1.4s infinite blink}.dot{background:currentColor;border-radius:50%;width:.6rem;height:.6rem}.stage{flex:1;min-height:0;display:flex}.scene{flex-direction:column;flex:1;gap:1.25rem;min-height:0;animation:.5s fade;display:flex}.card{background:linear-gradient(180deg, var(--panel-2), var(--panel));border:1px solid var(--line);border-radius:1.2rem;padding:1.4rem 1.7rem}.bar{background:#ffffff14;border-radius:999px;width:100%;overflow:hidden}.bar-fill{border-radius:999px;height:100%;transition:width 1s}.stat-label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:1rem}.stat-value{font-variant-numeric:tabular-nums;font-size:3rem;font-weight:800;line-height:1.1}.stat-target{color:var(--muted);font-size:1rem}.total{justify-content:space-between;align-items:center;gap:2rem;display:flex}.total-title{font-size:1.6rem;font-weight:700}.total-attain{color:var(--accent);font-size:4.2rem;font-weight:800}.team-grid{flex:1;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:1.25rem;min-height:0;display:grid}.team{border-top:.35rem solid var(--team);flex-direction:column;justify-content:space-between;display:flex}.team-head{align-items:center;gap:1rem;display:flex}.team-head h2{flex:1;font-size:1.9rem}.rank{color:var(--team,var(--muted));min-width:2.5rem;font-size:1.6rem;font-weight:800}.attain{color:var(--team);font-size:3rem;font-weight:800}.stats{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.list{flex-direction:column;flex:1;min-height:0;display:flex}.list-head{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--line);padding-bottom:.7rem;font-size:1rem}.list-row{border-bottom:1px solid #ffffff0d;flex:1;min-height:0;font-size:1.5rem}.list-row:last-child{border-bottom:0}.list-head,.list-row{align-items:center;column-gap:1.5rem;display:grid}.people-cols{grid-template-columns:3rem 20rem 1fr 6rem 6rem 9rem 6rem}.breakdown-cols{grid-template-columns:14rem 1fr 7rem 7rem 10rem}.num{text-align:right;font-variant-numeric:tabular-nums}.strong{font-weight:800}.who{flex-direction:column;display:flex}.who small{color:var(--team);font-size:.95rem}.notice{color:var(--muted);text-align:center;max-width:50rem;margin:auto;font-size:2rem}.rotator{background:var(--accent);height:.3rem;animation:linear forwards grow;position:absolute;bottom:0;left:0}.footer{text-align:center;color:var(--muted);opacity:.6;padding-bottom:.2rem;font-size:.85rem}.sound-badge{z-index:5;background:#0b1020cc;padding:.2rem .7rem;font-size:.85rem;position:fixed;bottom:.6rem;right:1.5rem}.sound-badge.quiet{opacity:.45}.celebrate{z-index:10;background:#050814d1;place-items:center;animation:.3s fade;display:grid;position:fixed;inset:0}.celebrate-card{text-align:center;background:linear-gradient(180deg, var(--panel-2), var(--panel));border:.2rem solid var(--team);box-shadow:0 0 6rem color-mix(in srgb, var(--team) 55%, transparent);border-radius:2rem;padding:3rem 6rem;animation:.6s cubic-bezier(.2,1.4,.4,1) pop}.celebrate-kicker{letter-spacing:.2em;text-transform:uppercase;color:var(--team);font-size:1.8rem}.celebrate-name{margin:.6rem 0;font-size:6rem;font-weight:800}.celebrate-course{font-size:3.4rem;font-weight:700}.celebrate-team{color:var(--muted);margin-top:.8rem;font-size:1.8rem}.confetti span{border-radius:.15rem;width:.8rem;height:1.4rem;animation:3.2s linear infinite fall;position:absolute;top:-2rem}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes grow{0%{width:0}to{width:100%}}@keyframes blink{50%{opacity:.45}}@keyframes fall{to{transform:translateY(110vh)rotate(720deg)}}@media (prefers-reduced-motion:reduce){.confetti{display:none}.pill-bad,.celebrate-card,.scene{animation:none}}.mkt-top{grid-template-columns:1fr 1.35fr;gap:1.25rem;display:grid}.mkt-title{margin-bottom:.7rem;font-size:1.25rem;font-weight:700}.mkt-title small{color:var(--muted);margin-left:.6rem;font-size:.95rem;font-weight:400}.mkt-steps{grid-auto-columns:1fr;grid-auto-flow:column;gap:1rem;display:grid}.mkt-step{--c:var(--muted);border-top:.28rem solid var(--c);border-radius:.1rem;padding-top:.5rem}.mkt-step .stat-value{font-size:2.5rem}.mkt-step .stat-label{color:color-mix(in srgb, var(--c) 55%, var(--muted))}.tone-1{--c:#7e8ab0}.tone-2{--c:#6a9fd8}.tone-3{--c:var(--accent)}.tone-4{--c:var(--ok)}.tone-4 .stat-value{color:var(--ok)}.tone-warn{--c:#e8b04a}.tone-lost{--c:#ef8472}.mkt-leaks{grid-template-columns:1fr 2fr;gap:1.5rem;display:grid}.mkt-group-label{color:var(--c);letter-spacing:.02em;margin-bottom:.45rem;font-size:.85rem;font-weight:600}.mkt-main{flex:1;grid-template-columns:1.7fr 1fr;gap:1.25rem;min-height:0;display:grid}.mkt-side{flex-direction:column;gap:1.25rem;min-height:0;display:flex}.mkt-side .card{flex-direction:column;flex:1;min-height:0;padding:.85rem 1.2rem;display:flex}.mkt-cols{grid-template-columns:9rem 5rem minmax(8rem,1fr) 6rem 6.5rem 6.5rem 6.5rem 6.5rem 6.5rem;column-gap:1rem}.mkt-channels .list-row{font-size:1.25rem}.mkt-channels .list-head{font-size:.9rem}.mkt-q{align-items:center;gap:.8rem;display:flex}.mkt-q .bar{background:#ffffff0f;flex:1}.mkt-q .bar-fill{background:linear-gradient(90deg, #3a8fc0, var(--accent))!important}.mkt-reg{color:var(--ok)}.mkt-flag{color:#ef8472;font-weight:700}.mkt-note{color:var(--muted);padding-top:.6rem;font-size:.95rem}.mkt-def{padding-top:0;font-size:.9rem}.mkt-trend{flex-direction:column;flex:1;min-height:0;display:flex}.mkt-trend svg{flex:1;width:100%;min-height:0}.mkt-legend{color:var(--muted);align-items:center;gap:1.2rem;padding-bottom:.3rem;font-size:.95rem;display:flex}.mkt-readout{color:var(--text);margin-left:auto}.mkt-key{vertical-align:-.1rem;border-radius:.2rem;width:.9rem;height:.9rem;margin-right:.4rem;display:inline-block}.mkt-key-leads,.mkt-bar-leads{fill:#7e8ab052;background:#7e8ab052}.mkt-key-qual,.mkt-bar-qual{fill:var(--accent);background:var(--accent)}.mkt-day.on .mkt-bar-leads{fill:#7e8ab08c}.mkt-day.on .mkt-bar-qual{fill:#8bdcff}.mkt-grid{stroke:#ffffff12;stroke-width:1px}.mkt-axis{fill:var(--muted);font-size:11px}.mkt-val{fill:var(--text);font-size:11px;font-weight:700}.mkt-heat{table-layout:fixed;border-collapse:separate;border-spacing:3px;font-variant-numeric:tabular-nums;width:100%;font-size:.95rem}.mkt-heat th{color:var(--muted);text-align:left;white-space:nowrap;padding:0 .4rem;font-weight:600;line-height:1.35}.mkt-heat thead th{text-align:center;text-transform:uppercase;letter-spacing:0;white-space:nowrap;font-size:.72rem}.mkt-heat th:first-child{width:22%}.mkt-heat td{text-align:center;color:#fff;background:#ffffff08;border-radius:.35rem;padding:.04rem .3rem;font-weight:700;line-height:1.35}.mkt-heat td.faint{color:var(--muted);font-weight:600}.mkt-heat td:hover{outline:2px solid var(--text);outline-offset:-2px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}
