:root{--bg:#061326;--panel:#0c213d;--panel2:#102a4c;--line:#244566;--text:#f5f7fb;--muted:#9fc0e6;--gold:#ffc044;--blue:#3785f5;--red:#f34f68;--green:#45dc9a}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 100% 0,#1b2029 0,#061326 40%);color:var(--text);font-family:Inter,system-ui,sans-serif}body.light{--bg:#eef4fb;--panel:#fff;--panel2:#eef5ff;--line:#cbd9e8;--text:#10213a;--muted:#54708f;background:#eef4fb}header{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:28px;padding:12px max(20px,calc((100vw - 1320px)/2));background:#061326eF;border-bottom:1px solid var(--line)}body.light header{background:#fffffff0}.brand{display:flex;align-items:center;gap:10px;min-width:260px}.brand>span{background:var(--gold);padding:12px;border-radius:14px}.brand small{display:block;color:var(--muted);font-weight:800}.brand strong{font-size:22px}.brand strong span{color:var(--gold)}nav{display:flex;gap:6px;flex:1}button,select,input{font:inherit}nav button,.status button{border:0;background:transparent;color:var(--muted);padding:11px 13px;border-radius:11px;font-weight:700;cursor:pointer}nav button.active{background:#112d50;color:#fff}.status{display:flex;align-items:center;gap:8px}.status b{color:var(--gold);background:#2a2b25;padding:9px 12px;border-radius:20px;font-size:13px}main{max-width:1320px;margin:auto;padding:28px 18px 70px}.view{display:none}.view.active{display:block}.hero,.panel,.filters,.match-card{background:var(--panel);border:1px solid var(--line);border-radius:22px}.hero{display:flex;justify-content:space-between;gap:30px;padding:30px}.hero h1,h1{font-size:38px;max-width:800px;margin:10px 0}.hero small,.panel>small,.view>small{color:var(--gold);font-weight:900;letter-spacing:.08em}.hero p,p{color:var(--muted)}.metrics{display:grid;grid-template-columns:repeat(3,120px);gap:12px;align-self:center}.metric{border:1px solid var(--line);border-radius:18px;padding:18px;text-align:center}.metric strong{font-size:27px;display:block}.metric span{font-size:12px;color:var(--muted)}.grid2{display:grid;grid-template-columns:1.6fr 1fr;gap:18px;margin-top:18px}.panel{padding:20px;margin-top:18px}.panel h2{margin:8px 0 14px}.filters{display:grid;grid-template-columns:1fr 2fr 1fr;gap:12px;padding:14px;margin:18px 0}.filters select,.filters input{width:100%;background:var(--panel2);border:1px solid var(--line);color:var(--text);padding:13px;border-radius:12px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.match-card{padding:16px}.match-head,.team-row,.prob-labels,.actions{display:flex;justify-content:space-between;align-items:center}.match-head small{color:var(--gold);font-weight:800}.team-row{margin:16px 0}.team{display:flex;align-items:center;gap:10px}.logo{width:42px;height:42px;object-fit:contain}.badge{width:42px;height:42px;border-radius:12px;background:var(--panel2);display:grid;place-items:center;font-weight:900}.team-copy strong,.team-copy small{display:block}.team-copy small{color:var(--muted)}.prob{font-size:24px;font-weight:900}.bar{height:10px;border-radius:99px;display:flex;overflow:hidden;background:#163558}.bar i:first-child{background:var(--red)}.bar i:last-child{background:var(--blue)}.prob-labels{font-size:13px;color:var(--muted);margin:12px 0 7px}.quick{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:14px;margin:16px 0}.quick div{padding:10px;text-align:center;border-right:1px solid var(--line)}.quick div:last-child{border:0}.quick span{display:block;font-size:11px;color:var(--muted)}.primary{width:100%;border:0;border-radius:12px;padding:12px;background:var(--gold);font-weight:900;cursor:pointer}.topfive{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.topitem{background:var(--panel2);padding:14px;border-radius:14px;text-align:center}.topitem strong{display:block;color:var(--green)}.labrow{margin:14px 0}.labrow div{display:flex;justify-content:space-between}.labrow i{display:block;height:9px;background:#17375b;border-radius:99px;overflow:hidden;margin-top:6px}.labrow b{display:block;height:100%;background:var(--blue)}.simulation{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;text-align:center;gap:30px}.simulation .ring{width:130px;height:130px;border:12px solid var(--blue);border-radius:50%;display:grid;place-items:center}.simulation strong{font-size:28px}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--line)}dialog{width:min(980px,94vw);max-height:90vh;overflow:auto;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:22px;padding:24px}dialog::backdrop{background:#000a}#closeDialog{float:right;border:0;background:var(--panel2);color:var(--text);font-size:24px;border-radius:9px}.detailhero{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px}.detailhero .right{text-align:right}.coach{background:var(--panel2);padding:16px;border-radius:14px;color:var(--muted)}#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#000;color:#fff;padding:10px 16px;border-radius:99px;opacity:0;transition:.2s}#toast.show{opacity:1}@media(max-width:900px){header{flex-wrap:wrap}.brand{min-width:0}nav{order:3;overflow:auto;width:100%}.status b{display:none}.grid2,.cards{grid-template-columns:1fr}.topfive{grid-template-columns:repeat(2,1fr)}.hero{display:block}.metrics{grid-template-columns:repeat(3,1fr);margin-top:20px}.filters{grid-template-columns:1fr}.hero h1,h1{font-size:30px}}@media(max-width:520px){.cards{grid-template-columns:1fr}.topfive{grid-template-columns:1fr}.metrics{grid-template-columns:1fr 1fr}.detailhero{grid-template-columns:1fr;text-align:center}.detailhero .right{text-align:center}.simulation{grid-template-columns:1fr}.simulation .ring{margin:auto}}