@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap";*{box-sizing:border-box}body{margin:0;background:#0d1017;color:#f1f2f5;font-family:DM Sans,sans-serif}button,input{font:inherit;cursor:pointer}input{cursor:text}button:focus-visible,input:focus-visible{outline:2px solid #ff7948;outline-offset:2px}.layout{min-height:100vh}aside{position:fixed;inset:0 auto 0 0;width:235px;background:#11151e;border-right:1px solid #282e3a;padding:26px 18px;display:flex;flex-direction:column;z-index:4}.logo{display:flex;align-items:center;gap:10px;margin:0 5px 48px}.logo i{font-style:normal;background:#ff6b35;color:#17151a;font:700 24px Space Grotesk;padding:6px 12px;border-radius:10px}.logo b{font:700 19px Space Grotesk;letter-spacing:1px}.logo small{display:block;font:8px DM Sans;color:#8992a3;letter-spacing:1.5px}.close{display:none;margin-left:auto;background:#202631;border:1px solid #384151;color:#fff;border-radius:6px;width:32px;height:32px;font-size:18px;line-height:1}aside .section-label,.hero small,#matches small{font-size:10px;letter-spacing:1.5px;color:#9099a9;font-weight:700}nav{display:grid;gap:8px;margin-top:15px}nav button{display:flex;align-items:center;gap:8px;width:100%;text-align:left;background:transparent;border:1px solid transparent;padding:13px 10px;border-radius:8px;color:#aab1be;font-size:14px}nav button:disabled{cursor:default;opacity:.6}.soon{margin-left:auto;font-style:normal;font-size:10px;color:#7d8696;border:1px solid #343c4a;border-radius:20px;padding:2px 7px}aside .section-label{margin:0}nav .active{background:#252b36;color:#fff;border:1px solid #343c4a}.sidebottom{margin-top:auto;background:#1d232e;padding:14px;border-radius:9px;font-size:11px}.sidebottom p{color:#929aaa}.sidebottom hr{border:0;border-top:1px solid #343b49;margin:15px 0}main{margin-left:235px}header{height:70px;border-bottom:1px solid #282e3a;display:flex;align-items:center;padding:0 38px;color:#9ba4b3;font-size:12px}header b{color:#fff}header .demo-badge{margin-left:auto;color:#e5c16b;background:#2c2818;border:1px solid #4a4225;border-radius:20px;padding:4px 10px;font-size:10px;letter-spacing:1px;white-space:nowrap}.content{max-width:1300px;padding:35px 38px;margin:auto}.hero{border:1px solid #37323a;border-radius:15px;padding:34px 38px;min-height:270px;background:radial-gradient(ellipse at 80%,#30232a,#191d27 65%);display:flex;align-items:center;justify-content:space-between}.hero h1{font:700 43px/1.1 Space Grotesk;letter-spacing:-2px;margin:17px 0 10px}.hero em{font-style:normal;color:#ff7541}.hero p{font-size:14px;color:#a7afbd;max-width:440px;line-height:1.7}.hero button{background:#ff713b;color:#17151a;border:0;border-radius:7px;padding:12px 16px;font-size:13px;font-weight:800;margin-top:10px}.ball{width:125px;height:125px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#ffb17b,#f45e30 65%,#82301e);display:grid;place-content:center;color:#16151a;font:700 42px Space Grotesk;box-shadow:0 0 70px #ff6b3544;margin-right:70px}.ball span{font-size:20px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:17px 0 42px}.stats article,.analysis,.game{background:#151a24;border:1px solid #2a313e;border-radius:10px;padding:16px}.stats small{display:block;color:#969faf;font-size:10px}.stats b{display:block;font:700 25px Space Grotesk;margin:8px 0}.stats span{color:#8a94a5;font-size:11px}.heading h2{font:600 24px Space Grotesk;margin:8px 0 4px}.heading p{font-size:13px;color:#929aaa}.filters{display:flex;justify-content:space-between;gap:12px;margin:22px 0 13px}.filters button{background:transparent;border:0;color:#9aa3b2;padding:9px 12px;border-radius:6px;font-size:13px}.filters .sel{background:#292f3a;color:#fff}.filters input{background:#151a24;border:1px solid #303746;border-radius:7px;padding:9px 12px;color:#fff;min-width:210px;font-size:13px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.games{display:grid;gap:9px;align-content:start}.game{text-align:left;color:#fff}.game.chosen{border-color:#ad5535;box-shadow:inset 3px 0 #ff713b}.game small{display:flex;justify-content:space-between;font-size:11px}.teams{display:flex;justify-content:space-between;align-items:center;margin:20px 0;font-size:14px}.teams i{font-style:normal;color:#737e8e;font-size:9px}.game footer{border-top:1px solid #2b323e;padding-top:10px;display:flex;justify-content:space-between;font-size:9px;color:#8993a3;font-size:11px}.game footer strong{color:#ff7948}.analysis>small{color:#ff7948}.analysis h3{font:600 20px/1.3 Space Grotesk;margin:12px 0}.analysis h3 i{font: 11px DM Sans;color:#929aaa}.analysis .confidence{font-size:11px;color:#d9b976}.empty{color:#929aaa;font-size:13px;padding:16px;border:1px dashed #303746;border-radius:10px}.analysis p{font-size:12px;color:#b5bdc9;margin:20px 0 10px}.bar{height:9px;display:flex;gap:3px}.bar i{border-radius:6px;background:#ff7948}.bar i:nth-child(2){background:#687487}.bar i:nth-child(3){background:#55c99a}.legend{display:flex;justify-content:space-between;gap:5px;font-size:11px;color:#a2abba;margin-top:10px}.legend b{color:#fff}.analysis hr{border:0;border-top:1px solid #303746;margin:19px 0}.form{display:flex;gap:5px}.form i{font-style:normal;padding:5px 8px;border-radius:5px;font-size:11px}.win{background:#204b3b;color:#68dfa9}.draw{background:#45402b;color:#e5c16b}.loss{background:#4b2b30;color:#ef8b91}.notice{background:#222936;color:#a4adbb;padding:10px;border-radius:6px;margin-top:17px;font-size:11px}.bottom{display:flex;gap:15px;border-top:1px solid #282e3a;margin-top:35px;padding:18px 0;color:#7e8999;font-size:11px}.bottom b{color:#fff;letter-spacing:1px}.bottom span:last-child{margin-left:auto}.hamb,.shade{display:none}@media(max-width:950px){.content{padding:25px 20px}.hero{padding:28px}.ball{margin-right:20px}.grid{grid-template-columns:1fr}}@media(max-width:700px){aside{transform:translate(-100%);transition:.2s;width:270px}aside.open{transform:translate(0)}.close,.hamb{display:block}.shade{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;border:0;z-index:3}main{margin:0}header{height:60px;padding:0 14px;font-size:10px}.hamb{margin-right:12px;background:#202631;border:1px solid #384151;color:#fff;border-radius:8px;width:40px;height:40px;padding:0;font-size:22px;line-height:1;flex-shrink:0}header .demo-badge{font-size:9px;padding:3px 8px;letter-spacing:.5px}.crumbs{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content{padding:16px 13px}.hero{min-height:300px;padding:23px 19px;overflow:hidden;position:relative}.hero h1{font-size:36px}.hero p{max-width:280px}.ball{position:absolute;right:-50px;bottom:-15px;opacity:.2}.stats{grid-template-columns:1fr 1fr;gap:8px;margin:12px 0 30px}.stats article{padding:12px}.filters{flex-direction:column}.filters input{width:100%;font-size:16px}.filters>div{display:flex;overflow:auto}.filters button{white-space:nowrap}.grid{grid-template-columns:1fr}.bottom{flex-wrap:wrap}.bottom span:last-child{margin:0;width:100%}}#analysis{scroll-margin-top:16px}
