@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";
:root{--bg:#0c0f12;--surface:#15191d;--surface-2:#1b2025;--line:#2c3339;--ink:#f2f5f3;--muted:#93a0a2;--lime:#caff35;--orange:#ff6b35;--red:#ff6868;--blue:#67b5ff}*{box-sizing:border-box}html{background:var(--bg)}body{color:var(--ink);background:radial-gradient(ellipse 600px 420px at 79% -5%,#25331966,transparent 75%),var(--bg);margin:0;font-family:Manrope,Arial,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.shell{grid-template-columns:238px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);z-index:3;background:#0e1114e8;flex-direction:column;height:100vh;padding:26px 14px;display:flex;position:sticky;top:0}.brand{letter-spacing:.7px;align-items:center;gap:10px;padding:0 10px 28px;font-family:Barlow Condensed;font-size:22px;font-weight:800;display:flex}.brand-mark{background:var(--lime);color:#111;border-radius:7px;place-items:center;width:27px;height:27px;font-family:Manrope;font-size:14px;display:grid;transform:skew(-8deg)}.nav-label{color:#596267;letter-spacing:1.2px;padding:12px 10px 8px;font:500 10px DM Mono}.nav{gap:3px;display:grid}.nav button{color:#a6b0b2;text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:10px;padding:10px;font-size:13px;font-weight:700;display:flex}.nav button:hover,.nav button.active{color:var(--ink);background:#20262a}.nav button.active{box-shadow:inset 2px 0 0 var(--lime)}.nav svg{stroke-width:1.8px;width:17px;height:17px}.sidebar-bottom{border-top:1px solid var(--line);color:#7d888b;margin-top:auto;padding:14px 10px 0;font-size:11px;line-height:1.7}.online{color:var(--lime);font:500 10px DM Mono}.main{min-width:0;padding:26px 34px 20px}.topbar{justify-content:space-between;align-items:center;margin-bottom:29px;display:flex}.eyebrow{color:var(--lime);letter-spacing:1.3px;text-transform:uppercase;font:500 11px DM Mono}.top-actions{align-items:center;gap:9px;display:flex}.icon-button,.ghost-button{color:#bec7c8;border:1px solid var(--line);background:#181d21;border-radius:7px;align-items:center;gap:7px;height:35px;padding:0 11px;font-size:11px;font-weight:700;display:flex}.icon-button:hover,.ghost-button:hover{color:#fff;border-color:#566066}.primary-button{background:var(--lime);color:#182014;border:0;border-radius:7px;align-items:center;gap:8px;height:35px;padding:0 14px;font-size:11px;font-weight:800;display:flex}.primary-button:hover{background:#d7ff63}.icon-button svg,.primary-button svg{width:15px}h1,h2,h3,p{margin:0}h1{letter-spacing:.4px;text-transform:uppercase;font:800 38px/1 Barlow Condensed}h2{letter-spacing:.3px;text-transform:uppercase;font:800 22px Barlow Condensed}h3{font-size:13px}.subtitle{color:var(--muted);margin-top:8px;font-size:13px}.grid{gap:14px;display:grid}.metric-grid{grid-template-columns:repeat(4,1fr);margin-top:24px}.card{border:1px solid var(--line);background:linear-gradient(135deg,#181d21,#14181b);border-radius:10px}.metric{min-height:131px;padding:17px;position:relative;overflow:hidden}.metric-label{color:#8e999b;letter-spacing:1px;text-transform:uppercase;font:500 10px DM Mono}.metric-value{letter-spacing:.4px;margin-top:12px;font:800 33px/1 Barlow Condensed}.metric-footer{color:#8f9a9d;margin-top:9px;font-size:10px}.up{color:var(--lime)}.down{color:var(--red)}.faceit{color:var(--orange)}.mini-level{color:#343c40;font:800 64px/1 Barlow Condensed;position:absolute;top:41px;right:17px}.content-grid{grid-template-columns:minmax(0,1.65fr) minmax(290px,.82fr);margin-top:14px}.chart-card{min-height:326px;padding:18px 18px 12px}.card-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.card-title{text-transform:uppercase;letter-spacing:.5px;font:800 15px Barlow Condensed}.card-meta{color:#849093;font:500 10px DM Mono}.tabs{gap:4px;display:flex}.tabs button{color:#7f898c;background:0 0;border:0;border-radius:4px;padding:5px 7px;font:500 10px DM Mono}.tabs button.active{color:#141a12;background:var(--lime)}.chart-wrap{height:225px;margin-top:16px}.chart-summary{border-top:1px solid var(--line);gap:28px;padding-top:11px;display:flex}.chart-summary div{color:#8f999b;font-size:10px}.chart-summary strong{color:#edf1ef;margin-top:3px;font:700 14px Barlow Condensed;display:block}.focus-card{background:linear-gradient(135deg,#26331c,#151b17 74%);border-color:#41552e;padding:19px;position:relative;overflow:hidden}.focus-card:after{content:"01";color:#52643b55;font:800 120px/1 Barlow Condensed;position:absolute;top:0;right:14px}.focus-card p{z-index:1;position:relative}.focus-title{text-transform:uppercase;max-width:235px;margin:18px 0 10px;font:800 22px/1.05 Barlow Condensed}.focus-copy{color:#c3cdbd;max-width:270px;font-size:11px;line-height:1.6}.why{color:#b6c2ae;border-top:1px solid #536443;margin-top:16px;padding-top:11px;font-size:10px;line-height:1.6}.pill{color:#d6e6bd;letter-spacing:.5px;border:1px solid #60784c;border-radius:20px;align-items:center;padding:3px 7px;font:500 9px DM Mono;display:inline-flex}.lower-grid{grid-template-columns:1.1fr 1fr .9fr;margin-top:14px}.compact{padding:17px}.list{gap:0;margin-top:11px;display:grid}.list-row{border-bottom:1px solid #293035;justify-content:space-between;align-items:center;gap:6px;padding:10px 0;font-size:11px;display:flex}.list-row:last-child{border-bottom:0}.map-badge{color:#e2e7e4;font:700 11px DM Mono}.status{font:500 10px DM Mono}.win{color:var(--lime)}.loss{color:var(--red)}.progress-bar{background:#29332b;border-radius:5px;height:5px;margin:12px 0 8px;overflow:hidden}.progress-bar i{background:var(--lime);border-radius:5px;height:100%;display:block}.goal-big{margin-top:12px;font:800 24px Barlow Condensed}.muted{color:var(--muted);font-size:10px}.training-item{border-bottom:1px solid #293035;align-items:flex-start;gap:10px;padding:10px 0;display:flex}.training-item:last-child{border:0}.check{appearance:none;border:1px solid #5d6a6b;border-radius:3px;flex:none;width:15px;height:15px;margin:1px 0 0}.check:checked{background:var(--lime);border-color:var(--lime);box-shadow:inset 0 0 0 3px #172015}.training-item label{font-size:11px;font-weight:700}.training-item small{color:#8e999b;margin-top:3px;font-size:10px;display:block}.page{max-width:1180px}.page-section{margin-top:22px}.guide-grid{grid-template-columns:repeat(3,1fr);margin-top:16px}.guide{min-height:155px;padding:17px}.guide-icon{color:var(--lime);font:500 10px DM Mono}.guide h3{text-transform:uppercase;margin:18px 0 7px;font:800 17px Barlow Condensed}.guide p{color:var(--muted);font-size:11px;line-height:1.55}.map-list{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px;display:grid}.map-card{background:linear-gradient(130deg,#202628,#14191d);min-height:160px;padding:17px;position:relative;overflow:hidden}.map-card span{color:var(--lime);font:500 10px DM Mono}.map-card h2{margin-top:42px;font-size:28px}.map-card:after{content:"MAP";color:#2d3638;font:800 70px Barlow Condensed;position:absolute;bottom:-8px;right:-5px}.review-form{max-width:720px;padding:20px}.score-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:15px 0;font-size:12px;font-weight:700;display:flex}.rating-buttons{gap:5px;display:flex}.rating-buttons button{color:#9eaaad;background:#20262a;border:1px solid #344045;border-radius:5px;width:29px;height:29px;font:500 11px DM Mono}.rating-buttons button.selected{background:var(--lime);color:#172014;border-color:var(--lime)}textarea{color:#e4ebe8;resize:vertical;background:#111518;border:1px solid #384348;border-radius:7px;width:100%;min-height:90px;margin-top:16px;padding:11px;font-size:12px}.notice{color:#abb6b5;background:#182125;border:1px solid #354348;border-radius:8px;padding:13px 15px;font-size:11px;line-height:1.5}.footer{border-top:1px solid var(--line);color:#667174;letter-spacing:.3px;margin-top:40px;padding:16px 0 4px;font:500 10px DM Mono}.mobile-nav{display:none}@media (max-width:1020px){.metric-grid{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr}.lower-grid{grid-template-columns:1fr 1fr}.focus-card{min-height:250px}.guide-grid{grid-template-columns:1fr 1fr}}@media (max-width:700px){.shell{display:block}.sidebar{display:none}.main{padding:19px 16px 82px}.topbar{margin-bottom:23px}.top-actions .ghost-button,.top-actions .icon-button{display:none}h1{font-size:32px}.metric-grid{grid-template-columns:1fr 1fr;gap:9px;margin-top:18px}.metric{min-height:108px;padding:13px}.metric-value{margin-top:9px;font-size:28px}.mini-level{font-size:54px;top:34px;right:10px}.content-grid,.lower-grid,.guide-grid,.map-list{grid-template-columns:1fr}.chart-card{min-height:296px;padding:14px}.chart-wrap{height:190px}.lower-grid{gap:10px}.mobile-nav{z-index:5;border-top:1px solid var(--line);background:#111518f5;justify-content:space-around;height:64px;padding:7px 4px;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-nav button{color:#7e898c;background:0 0;border:0;place-items:center;gap:4px;font:500 8px DM Mono;display:grid}.mobile-nav button.active{color:var(--lime)}.mobile-nav svg{width:18px}.tabs button{padding:4px}.top-actions .primary-button{padding:0 10px}.chart-summary{gap:19px}.page-section{margin-top:17px}}