:root{--bg-body:#0a0c10;--bg-elevated:#0e1118;--bg-card:#12151c;--bg-chip:#1a1e2a;--border:#1e2330;--border-hover:#2a3040;--text-primary:#e0e4ec;--text-body:#c8cdd8;--text-secondary:#8890a0;--text-muted:#6b7390;--gold:#d4a14a;--gold-hover:#e8c06a;--gold-pressed:#c4912a;--green:#2ecc71;--red:#e74c3c;--shadow-sm:0 1px 4px #0003;--shadow-md:0 2px 12px #0000004d;--shadow-lg:0 4px 20px #0006}*{box-sizing:border-box;margin:0;padding:0}html{font-size:130%;overflow:hidden}body{background:var(--bg-body);color:var(--text-body);-webkit-font-smoothing:antialiased;zoom:1.15;font-family:system-ui,-apple-system,sans-serif;overflow-x:hidden}button{-webkit-tap-highlight-color:transparent;font-family:inherit}input[type=range]{accent-color:var(--gold)}input[type=text]:focus{border-color:var(--gold)!important}kbd{background:var(--bg-card);border:1px solid var(--border);color:var(--text-body);border-radius:3px;padding:1px 4px;font-size:9px}::selection{color:#fff;background:#d4a14a44}:focus-visible,button:focus-visible{outline-offset:2px;outline:2px solid #d4a14a55}@keyframes pulseOut{0%{opacity:.5;transform:scale(.5)}to{opacity:0;transform:scale(2.5)}}@keyframes breathe{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.8;transform:scale(1.3)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes livePulse{0%,to{box-shadow:0 0 #2ecc7166}50%{box-shadow:0 0 0 4px #2ecc7100}}@keyframes shimmer{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}@keyframes recPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.slide-bg{z-index:100;opacity:0;pointer-events:none;background:#0009;transition:opacity .2s;position:fixed;inset:0}.slide-bg.open{opacity:1;pointer-events:auto}.slide-panel{z-index:101;background:#080a10;border-left:1px solid #1c2030;width:min(460px,92vw);transition:transform .25s;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(100%)}.slide-panel.open{transform:translate(0)}.slide-hdr{z-index:1;background:#0e1118;border-bottom:1px solid #1c2030;align-items:center;gap:8px;padding:14px 16px;display:flex;position:sticky;top:0}.slide-close{color:#6b7390;cursor:pointer;margin-left:auto;padding:4px 8px;font-size:16px}.slide-close:hover{color:#e0e4ee}.slide-body{padding:16px}.v2-section{margin-bottom:14px}.v2-section-head{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;padding:6px 0;display:flex}.v2-section-title{color:#6b7390;text-transform:uppercase;letter-spacing:1.5px;flex:1;font-size:10px;font-weight:700}.v2-section-arrow{color:#6b7390;font-size:8px;transition:transform .2s}.v2-section-arrow.open{transform:rotate(180deg)}.analysis-btn{color:#d4a14a;cursor:pointer;letter-spacing:.3px;background:#0e1118;border:1px solid #d4a14a33;border-radius:6px;width:100%;margin-top:6px;margin-bottom:16px;padding:10px;font-size:11px;font-weight:600;transition:all .15s}.analysis-btn:hover{background:#141820;border-color:#d4a14a}.curve-svg{cursor:crosshair;touch-action:none;border-radius:4px;width:100%;height:auto;display:block}.grid-line{stroke:#1e2330;stroke-width:.5px}.grid-label{fill:#6b7390;font-family:system-ui;font-size:7px}.curve-area{opacity:.1}.curve-line{fill:none;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}.curve-point{cursor:grab;transition:r .1s}.curve-point:hover{r:7}.point-ring{fill:#0d0f14;pointer-events:none}.point-label{text-anchor:middle;pointer-events:none;font-family:monospace;font-size:8px;font-weight:700}.fullmatch-overlay{z-index:200;background:#060810;flex-direction:column;display:none;position:fixed;inset:0;overflow:hidden}.fullmatch-overlay.open{display:flex}.fullmatch-header{background:#0c0f18;border-bottom:1px solid #1c2030;flex-shrink:0;align-items:center;gap:8px;padding:10px 16px;display:flex}.fullmatch-header .close-btn{color:#6b7390;cursor:pointer;margin-left:auto;padding:4px 8px;font-size:16px}.fullmatch-header .close-btn:hover{color:#e0e4ec}.fullmatch-body{flex:1;padding:16px;overflow:hidden auto}.fullmatch-teams{grid-template-columns:1fr auto 1fr;gap:0;min-height:100%;display:grid}.fullmatch-team{min-width:0;padding:0 8px}.fullmatch-vs{writing-mode:vertical-lr;color:#d4a14a33;letter-spacing:3px;flex-shrink:0;align-items:center;padding:0 4px;font-size:12px;font-weight:800;display:flex}@media (width<=900px){.fullmatch-teams{flex-direction:column;display:flex}.fullmatch-vs{writing-mode:horizontal-tb;padding:4px 0}}@media (width<=480px){html{font-size:112%}.slide-panel{border-left:none!important;width:100vw!important}.slide-body{padding:10px}.fullmatch-body{padding:8px}.fullmatch-header{padding:8px 10px}.fullmatch-body>div:first-child{-webkit-overflow-scrolling:touch;overflow-x:auto}.fullmatch-team{padding:0 2px}}@media (width<=768px){.slide-panel{width:min(460px,100vw)!important}}.tutorial-backdrop{z-index:500;background:#00000040;justify-content:center;align-items:flex-end;padding-bottom:72px;animation:.3s tut-fade-in;display:flex;position:fixed;inset:0}.tutorial-card{-webkit-backdrop-filter:blur(12px);background:#0e1118ee;border:1px solid #d4a14a33;border-radius:12px;width:calc(100% - 32px);max-width:400px;animation:.4s tut-slide-up;overflow:hidden;box-shadow:0 8px 40px #00000080,0 0 80px #d4a14a14}@media (width<=768px){.tutorial-backdrop{padding-bottom:80px}}.tutorial-step{padding:28px 24px 20px;display:none}.tutorial-step.active{animation:.3s tut-step-in;display:block}.tutorial-step-icon{margin-bottom:12px;font-size:28px}.tutorial-step-title{color:#d4a14a;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:8px;font-size:15px;font-weight:800}.tutorial-step-body{color:#8890a0;font-size:13px;line-height:1.6}.tutorial-step-body strong{color:#e0e4ec;font-weight:600}.tutorial-step-hint{color:#6b7390;background:#12151c;border:1px solid #1e2330;border-radius:6px;margin-top:10px;padding:8px 10px;font-size:11px;line-height:1.5}.tutorial-step-hint .hint-gold{color:#d4a14a}.tutorial-footer{background:#0c0f14;border-top:1px solid #1e2330;justify-content:space-between;align-items:center;padding:14px 24px;display:flex}.tutorial-dots{gap:6px;display:flex}.tutorial-dot{background:#1e2330;border-radius:50%;width:6px;height:6px;transition:all .25s}.tutorial-dot.active{background:#d4a14a;transform:scale(1.3)}.tutorial-dot.done{background:#d4a14a55}.tutorial-skip{color:#6b7390;cursor:pointer;background:0 0;border:none;padding:4px 8px;font-family:inherit;font-size:11px;transition:color .15s}.tutorial-skip:hover{color:#8890a0}.tutorial-next{color:#0a0c10;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background:#d4a14a;border:none;border-radius:6px;padding:7px 18px;font-family:inherit;font-size:12px;font-weight:700;transition:opacity .15s}.tutorial-next:hover{opacity:.85}@keyframes tut-fade-in{0%{opacity:0}to{opacity:1}}@keyframes tut-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes tut-step-in{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}@media (width<=480px){.tutorial-card{max-width:340px}.tutorial-step{padding:22px 18px 16px}.tutorial-footer{padding:12px 18px}}.app-layout{color:#c8cdd8;background:#0a0c10;height:100vh;display:flex;overflow:hidden}.sidebar{background:#0c0f18;border-right:1px solid #1e2330;flex-direction:column;flex-shrink:0;width:200px;transition:width .2s;display:flex;overflow:hidden;box-shadow:2px 0 16px #00000059}.sidebar.collapsed{width:56px}.main-content{flex-direction:column;flex:1;align-items:center;padding:20px;display:flex;overflow:hidden auto}.main-content::-webkit-scrollbar{width:4px}.main-content::-webkit-scrollbar-track{background:0 0}.main-content::-webkit-scrollbar-thumb{background:#1e2330;border-radius:2px}.main-content::-webkit-scrollbar-thumb:hover{background:#2a3040}.tab-bar{z-index:50;background:#0c0f18;border-top:1px solid #1e2330;justify-content:space-around;align-items:center;height:62px;display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 16px #0006}.tab-btn{color:#6b7390;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;text-transform:uppercase;letter-spacing:.5px;background:0 0;border:none;flex-direction:column;align-items:center;gap:3px;padding:6px 12px;font-family:inherit;font-size:10px;font-weight:600;transition:color .15s;display:flex}.tab-btn.active{color:#d4a14a}.tab-btn .tab-icon{font-size:18px;line-height:1}.mobile-bottom{z-index:50;flex-direction:column;display:none;position:fixed;bottom:0;left:0;right:0}@media (width<=768px){.sidebar{display:none}.mobile-bottom,.tab-bar{display:flex}.main-content{padding:14px 14px 96px}}.app-footer{text-align:center;border-top:1px solid #1e2330;margin-top:auto;padding:20px 16px 12px}@media (width<=768px){.app-footer{padding:16px 12px 80px}}.scout-grid{grid-template-columns:1fr 1fr 1fr;align-items:start;gap:16px;width:100%;margin-top:4px;padding-bottom:16px;display:grid}@media (width<=960px){.scout-grid{grid-template-columns:1fr 1fr;gap:14px}}@media (width<=640px){.scout-grid{grid-template-columns:1fr;gap:16px;padding-bottom:24px}}