:root{color-scheme:dark;--bg:#060f1b;--panel:#101f31;--panel2:#14283b;--line:#263d54;--txt:#f3f7ff;--muted:#91a7bc;--teal:#35e2b1;--blue:#67bffc;--yellow:#ffd57b;--radius:20px}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse 700px 460px at 83% 8%,rgba(27,88,109,.19),transparent 74%),var(--bg);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--txt);font-size:15px}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.54;cursor:wait}.shell{max-width:1200px;margin:auto;padding:0 26px}.header{display:flex;justify-content:space-between;align-items:center;padding:22px 0;border-bottom:1px solid rgba(121,175,201,.12);gap:16px}.brand{display:flex;align-items:center;gap:14px}.brand .logo{width:57px;height:57px;background:linear-gradient(130deg,#25d3b4,#57b7f9);border-radius:18px;display:grid;place-items:center;color:#062036;font-size:23px;font-weight:950;letter-spacing:-3px;box-shadow:0 0 35px #31bccc27}.brand .logo span{color:#fff;letter-spacing:0}.brand b{font-size:19px;letter-spacing:1.3px}.brand em{font-style:normal;color:var(--teal)}.brand small{display:block;color:var(--muted);font-size:10px;letter-spacing:2.7px;margin-top:5px;font-weight:650}.header-right{display:flex;align-items:center;gap:14px}.version{background:#1a2e45;border:1px solid #2c4560;color:#acc4d9;border-radius:9px;padding:7px 10px;font-weight:800;font-size:12px}.status{font-size:12px;color:#acbfd0;display:flex;align-items:center;gap:8px}.status i,.mini-dot,.dot{height:8px;width:8px;border-radius:50%;background:var(--teal);display:inline-block;box-shadow:0 0 12px #35e2b180}.status.off i{background:var(--yellow);box-shadow:none}.hero{padding:49px 0 32px;display:flex;align-items:center;justify-content:space-between;gap:24px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:800;color:var(--teal)}h1{font-size:clamp(33px,4vw,55px);line-height:1.11;letter-spacing:-2.5px;margin:17px 0 16px;font-weight:850}h1 span{color:var(--teal)}.hero p{line-height:1.7;max-width:700px;font-size:15px;color:var(--muted);margin:0}.hero-deco{width:195px;min-width:195px;display:flex;flex-direction:column;align-items:center;opacity:.85}.rings{width:151px;height:151px;border:1px solid #2a647b;border-radius:100%;display:grid;place-items:center;box-shadow:0 0 0 18px rgba(49,135,154,.07),0 0 0 38px rgba(49,135,154,.04);position:relative}.rings:before,.rings:after{content:'';position:absolute;width:6px;height:6px;border-radius:50%;background:var(--teal);left:0;top:45px}.rings:after{left:auto;right:12px;top:110px;background:var(--blue)}.rings-core{font-size:45px;font-weight:850;color:var(--teal)}.micro{font-size:9px;color:#6386a0;letter-spacing:2px;margin-top:14px}.searchbox,.card{border:1px solid var(--line);background:linear-gradient(147deg,#132539,#0e1c2f);border-radius:var(--radius)}.searchbox{padding:27px;box-shadow:0 18px 50px rgba(0,0,0,.22);border-top:2px solid var(--teal)}.section-kicker{font-size:11px;color:#c1d0e0;font-weight:760;letter-spacing:1.5px;display:flex;gap:9px;align-items:center}.inputs{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:24px;margin-top:21px}.inputs label{display:block;font-size:10px;color:var(--muted);letter-spacing:1.3px;font-weight:750;margin-bottom:9px}.inputs input{display:block;width:100%;outline:none;background:#091727;border:1px solid #314c64;color:#f4fbff;border-radius:12px;padding:15px 16px;font-size:16px;transition:all .2s}.inputs input:focus{border-color:var(--teal);box-shadow:0 0 0 3px #35e2b117}.inputs input::placeholder{color:#657f94}.vs{color:var(--teal);font-weight:900;letter-spacing:3px;margin-bottom:16px}.formactions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:21px}.formactions span{color:var(--muted);font-size:12px}.formactions button{display:flex;justify-content:center;align-items:center;gap:28px;background:linear-gradient(100deg,#3de5ac,#36c6bc);color:#052634;border:0;border-radius:12px;padding:14px 22px;font-weight:850;min-width:244px;transition:transform .2s}.formactions button:hover{transform:translateY(-2px)}.formactions button span{color:#052634;font-weight:850;font-size:14px}.source-strip{display:flex;gap:16px;align-items:center;flex-wrap:wrap;color:#7996ae;font-size:11px;padding:19px 5px;}.source-strip span:first-child{font-weight:780;color:#a7c0d3}.mini-dot.blue{background:var(--blue);box-shadow:none}.message{display:none;padding:14px 18px;border:1px solid #886143;background:#372a24;border-radius:12px;color:#ffe2ad;line-height:1.5;margin-bottom:17px}.message.visible{display:block}.message.error{border-color:#9d4554;background:#42212e;color:#ffc5ce}.hidden{display:none!important}.results{margin-top:24px}.matchbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 22px}.matchbar h2{font-size:30px;letter-spacing:-1px;margin:8px 0}.muted{color:var(--muted);font-size:12px}.match-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.pill{border:1px solid #33675a;background:#123b35;color:#74f6c8;font-size:12px;border-radius:50px;padding:8px 13px}.pill.ghost{border-color:#284358;background:#122439;color:#a7c2d6}.btn-alt{background:#15293d;border:1px solid #335169;border-radius:10px;color:#cfebff;padding:9px 12px;font-size:12px}.tabs{display:flex;gap:6px;overflow:auto;white-space:nowrap;padding:5px 0 15px;margin-bottom:15px;border-bottom:1px solid #293c51;scrollbar-width:thin}.tabs button{background:transparent;color:#9ab3c8;border:0;padding:12px 17px;border-radius:11px;font-size:13px;font-weight:760}.tabs button.active{background:#193c40;color:var(--teal)}.tabs button:hover{background:#172b42}.panel{display:none;padding-bottom:30px}.panel.active{display:block}.section-head{display:flex;align-items:center;justify-content:space-between;gap:13px;margin:20px 0}.section-head h3{font-size:25px;letter-spacing:-.8px;margin:7px 0}.three-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.metric,.feature{background:#122337;border:1px solid #263f54;border-radius:16px;padding:20px;min-width:0}.metric .heading{font-size:11px;letter-spacing:.9px;color:#9fb5c8;text-transform:uppercase}.metric .value{display:block;font-size:33px;font-weight:850;letter-spacing:-1.3px;margin:12px 0 4px}.metric small{font-size:11px;color:#88a4ba}.metric .value.teal{color:var(--teal)}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.card{padding:20px}.card-head{display:flex;justify-content:space-between;gap:7px;align-items:center}.card h4{margin:0 0 16px;font-size:17px}.card-head h4{margin:0}.card-minor{color:var(--muted);font-size:11px}.comparison{margin-top:18px}.comparison-row{display:grid;grid-template-columns:115px 1fr 105px;gap:10px;align-items:center;font-size:12px;margin-bottom:15px}.comparison-row span{color:#9db5ca}.comparison-row .n{text-align:right;color:#daeeff;font-weight:800}.rail{height:7px;border-radius:10px;background:#263b4d;overflow:hidden}.rail i{display:block;height:100%;background:linear-gradient(90deg,#69bef9,#33e2b4);border-radius:10px}.note{padding:13px 16px;border:1px solid #2e4658;background:#112234;border-radius:12px;color:#a5bdd0;font-size:12px;line-height:1.6;margin:16px 0}.rec-grid,.player-grid,.source-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.rec{padding:23px}.tag{font-size:10px;font-weight:820;letter-spacing:1px;color:var(--teal);text-transform:uppercase}.rec h4{margin:12px 0 20px;font-size:21px}.rec .statline{display:flex;gap:26px}.rec .statline b{font-size:29px;color:#b7eaff}.rec .statline span{display:block;font-size:11px;color:#8eabc1;margin-top:5px}.rec p{line-height:1.65;font-size:12px;color:#a8c0d0}.bar{height:6px;background:#21364b;border-radius:10px;overflow:hidden;margin:16px 0}.bar i{height:100%;background:linear-gradient(90deg,var(--blue),var(--teal));display:block}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left;font-size:13px}th,td{padding:12px;border-bottom:1px solid #294155;vertical-align:middle}th{color:#b1cfdf;font-size:11px;font-weight:800}td{color:#d4e2ed}td:first-child{color:#9bb5ca}td .n{display:block;font-weight:850;font-size:15px;color:#e3f4ff}td small{display:block;font-size:10px;color:#7294ad;margin-top:3px}.mini-row{border-bottom:1px solid #233b4c;padding:11px 0;display:flex;gap:12px;align-items:center;justify-content:space-between;font-size:12px}.mini-row:last-child{border:0}.mini-row small{color:#8da9bf}.mini-row b{font-size:13px}.toggle{display:flex;border:1px solid #325062;background:#0c2030;border-radius:11px;padding:3px}.toggle button{border:0;background:transparent;border-radius:8px;padding:8px 12px;color:#a2bacd;font-weight:800;font-size:12px}.toggle button.active{background:#2e5f6c;color:#fff}.chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.chart-box{min-height:284px}.chart-box header{display:flex;justify-content:space-between;align-items:center;gap:12px}.chart-box h4{margin:0;font-size:16px}.chart-box small{color:#89aabd;font-size:11px}.chart-box canvas{display:block;width:100%;height:178px;margin-top:13px}.legend{display:flex;gap:14px;flex-wrap:wrap;font-size:11px;color:#9ab3c8;margin-top:7px}.legend span:before{content:' ';width:8px;height:8px;background:var(--blue);display:inline-block;margin-right:6px;border-radius:50%}.legend span:last-child:before{background:var(--teal)}.player-grid .card{padding:18px}.player-grid b{font-size:15px}.player-grid p{color:#8faec3;font-size:12px}.player-grid .kpis{display:grid;grid-template-columns:1fr 1fr;gap:10px}.player-grid .kpis div{padding:10px;background:#0b192a;border-radius:9px}.player-grid .kpis b{font-size:18px;color:var(--blue)}.player-grid .kpis span{font-size:10px;color:#86a7bc;display:block}.source-grid{grid-template-columns:repeat(2,1fr);margin-bottom:15px}.source-card{padding:18px}.source-card .top{display:flex;justify-content:space-between;align-items:center;gap:10px}.state{font-size:10px;padding:6px 9px;background:#194839;color:#7ef1b8;border-radius:6px}.state.missing{background:#323b4a;color:#b7c8d4}.state.error{background:#493039;color:#ffd1b8}.source-card p,.source-card small{color:#9fb7c6;font-size:12px;line-height:1.5}.empty{padding:31px;text-align:center;color:#97afc2;border:1px dashed #345265;border-radius:16px;background:#0c1b2b;line-height:1.65}.welcome{text-align:center;margin:40px 0 55px;border:1px solid #233c51;border-radius:22px;padding:45px 22px;background:#0c1b2c}.welcome-icon{font-size:46px;color:var(--teal)}.welcome h3{font-size:24px}.welcome p{color:#9cb7cb;max-width:550px;margin:0 auto;line-height:1.7}.welcome-tags{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-top:26px;color:#618e9e;font-size:11px;font-weight:800}footer{border-top:1px solid #21364a;padding:27px 0 35px;color:#7591a5;font-size:11px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}@media(max-width:820px){.shell{padding:0 17px}.hero-deco{display:none}.hero{padding:36px 0 26px}.two-cols,.chart-grid,.source-grid{grid-template-columns:1fr}.rec-grid,.player-grid{grid-template-columns:repeat(2,1fr)}.card-minor{display:none}.header-right .version{display:none}}@media(max-width:540px){.shell{padding:0 14px}.header{padding:14px 0}.brand .logo{width:47px;height:47px;font-size:21px}.brand b{font-size:14px;letter-spacing:.2px}.brand small{font-size:8px;letter-spacing:1.4px}.status{font-size:0}.status i{width:10px;height:10px}.hero{padding-top:28px}.hero h1{font-size:36px;letter-spacing:-1.5px}.hero p{font-size:13px}.searchbox{padding:18px;border-radius:16px}.inputs{grid-template-columns:1fr;gap:11px}.vs{margin:0;text-align:center;font-size:12px}.formactions{flex-direction:column;align-items:stretch;margin-top:16px}.formactions button{width:100%}.formactions>span{font-size:10px}.source-strip{gap:10px}.source-strip span{font-size:10px}.matchbar{flex-direction:column;align-items:stretch}.matchbar h2{font-size:24px}.match-controls{justify-content:flex-start}.tabs button{padding:10px 13px;font-size:12px}.section-head h3{font-size:21px}.three-metrics{grid-template-columns:repeat(2,1fr)}.three-metrics .metric:last-child{grid-column:span 2}.metric{padding:14px}.metric .value{font-size:26px}.rec-grid,.player-grid{grid-template-columns:1fr}.comparison-row{grid-template-columns:90px 1fr 70px}.table-scroll{margin:0 -4px}table{min-width:535px}.chart-box{padding:15px}.welcome{padding:35px 15px}.welcome-tags{gap:10px}}