: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}.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}}
