:root{--bg: #0b0e16;--panel: #121725;--panel-2: #182033;--line: #232c44;--text: #e6ecff;--muted: #8a96b4;--cyan: #2fd4e6;--cyan-dim: #1c8a99;--accent: #6c7cff;--hot: #ff5a3c;--good: #36d399;--warn: #fbbf24;--bad: #ef4444;--radius: 14px;--radius-lg: 20px;font-synthesis:none}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:radial-gradient(1200px 700px at 70% -10%,#1a2238 0%,var(--bg) 55%);color:var(--text);font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}#app{max-width:1320px;margin:0 auto;padding:18px 22px 36px}.topbar{display:flex;align-items:center;justify-content:space-between;padding:6px 4px 18px}.brand{display:flex;align-items:center;gap:14px}.logo-dot{width:34px;height:34px;border-radius:50%;background:conic-gradient(from 200deg,var(--hot),var(--warn),var(--good),var(--cyan),var(--accent),var(--hot));box-shadow:0 0 22px #2fd4e673}.brand-text h1{font-size:19px;letter-spacing:2.5px;font-weight:700}.brand-text p{font-size:11px;color:var(--muted);letter-spacing:1.2px;margin-top:2px}.status-readout{display:flex;gap:8px}.pill{font-size:11px;letter-spacing:1px;color:var(--cyan);background:#2fd4e614;border:1px solid rgba(47,212,230,.25);padding:6px 11px;border-radius:999px;font-variant-numeric:tabular-nums}.lab{display:grid;grid-template-columns:1fr 348px;gap:20px;align-items:start}@media (max-width: 1080px){.lab{grid-template-columns:1fr}}.tunnel-wrap{display:flex;flex-direction:column;gap:14px}.tunnel-frame{position:relative;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--line);background:linear-gradient(180deg,#eef1f6,#e6eaf2);box-shadow:0 24px 60px -30px #000000b3,inset 0 0 0 1px #fff6;aspect-ratio:16 / 9}#tunnel{display:block;width:100%;height:100%}.tunnel-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.windvane{position:absolute;top:14px;left:16px;display:flex;align-items:center;gap:8px;font-size:12px;letter-spacing:2px;color:#51607c;font-weight:700}.windvane-arrow{font-size:22px;color:var(--cyan-dim)}.windvane-label{color:#51607c}.colorbar{position:absolute;right:16px;top:16px;bottom:16px;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:9px;letter-spacing:.5px;color:#51607c;font-weight:700}.colorbar-gradient{flex:1;width:9px;border-radius:6px;background:linear-gradient(to bottom,#d62a1f,#f06d1d 14%,#f7b733,#cfe04a 46%,#6fdc8c 60%,#34c3e8 76%,#2f6fe6 90%,#2436c8);box-shadow:inset 0 0 0 1px #0000001f}.loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#51607c;font-size:13px;letter-spacing:1px;background:#eef1f6d9;transition:opacity .4s;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.loading.hidden{opacity:0}.roster{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:10px}.chip{position:relative;pointer-events:auto;cursor:pointer;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);overflow:hidden;aspect-ratio:1/1;display:grid;place-items:center;transition:transform .12s,border-color .12s}.chip img{width:100%;height:100%;object-fit:contain;padding:6px}.chip:hover{transform:translateY(-3px);border-color:var(--cyan-dim)}.chip.active{border-color:var(--cyan);box-shadow:0 0 0 1px var(--cyan),0 0 22px -6px var(--cyan)}.chip .chip-name{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:9.5px;letter-spacing:.6px;padding:3px 2px;color:var(--muted);background:linear-gradient(180deg,transparent,rgba(11,14,22,.9))}.chip.loading-thumb:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(47,212,230,.12),transparent);animation:shimmer 1.4s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.panel{display:flex;flex-direction:column;gap:14px}.panel-block{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg);padding:16px}.subject{display:flex;flex-direction:column;gap:3px;padding:14px 18px}.subject-name{font-size:22px;font-weight:700;letter-spacing:1px}.subject-tag{font-size:12px;color:var(--cyan);letter-spacing:.4px}.ctrl-label{display:flex;justify-content:space-between;font-size:11px;letter-spacing:1px;color:var(--muted);margin-bottom:9px}.ctrl-label b{color:var(--cyan);font-variant-numeric:tabular-nums}input[type=range]{-webkit-appearance:none;width:100%;height:6px;border-radius:999px;background:linear-gradient(90deg,var(--cyan) 0%,var(--cyan) 30%,var(--line) 30%);outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#fff;border:3px solid var(--cyan);cursor:pointer;box-shadow:0 2px 8px #0006}.toggles{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.tog{font-size:12px;letter-spacing:.4px;color:var(--muted);background:var(--panel-2);border:1px solid var(--line);border-radius:10px;padding:9px 8px;cursor:pointer;transition:all .12s;font-family:inherit}.tog:hover{color:var(--text)}.tog.active{color:#04222a;background:var(--cyan);border-color:var(--cyan);font-weight:600}.metric .m-label{display:block;font-size:10px;letter-spacing:1px;color:var(--muted);text-transform:uppercase}.metric .m-value{font-variant-numeric:tabular-nums;font-weight:700}.metric.big{padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid var(--line)}.metric.big .m-value{font-size:40px;line-height:1;color:var(--cyan);margin-top:4px;display:block}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 12px}.metric .m-value.sm{font-size:17px;margin-top:3px;display:block}.grade{display:flex;align-items:center;gap:14px}.grade-badge{width:58px;height:58px;flex:none;border-radius:14px;display:grid;place-items:center;font-size:30px;font-weight:800;background:var(--panel-2);border:1px solid var(--line);color:var(--muted)}.grade-badge.A{background:#36d39926;color:var(--good);border-color:var(--good)}.grade-badge.B{background:#6fdc8c26;color:#8fe388;border-color:#8fe388}.grade-badge.C{background:#fbbf2426;color:var(--warn);border-color:var(--warn)}.grade-badge.D{background:#f06d1d26;color:#f0731d;border-color:#f0731d}.grade-badge.F{background:#ef444426;color:var(--bad);border-color:var(--bad)}.grade-title{display:block;font-size:10px;letter-spacing:1px;color:var(--muted)}.grade-verdict{display:block;font-size:13px;line-height:1.4;margin-top:4px}.lb-title{font-size:10px;letter-spacing:1px;color:var(--muted);margin-bottom:10px}#leaderboard{list-style:none;display:flex;flex-direction:column;gap:6px}#leaderboard li{display:flex;align-items:center;gap:10px;font-size:13px;padding:6px 8px;border-radius:8px;background:var(--panel-2)}#leaderboard li.is-current{box-shadow:inset 0 0 0 1px var(--cyan-dim)}#leaderboard .lb-rank{color:var(--muted);width:16px;font-variant-numeric:tabular-nums}#leaderboard .lb-name{flex:1}#leaderboard .lb-cd{color:var(--cyan);font-variant-numeric:tabular-nums;font-weight:700}