*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{color:#f1f1f5;-webkit-font-smoothing:antialiased;background:#0a0a0a;font-family:Barlow,sans-serif}#root{height:100%}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#252525;border-radius:2px}.shell{max-width:1400px;height:100vh;margin:0 auto;display:flex}.sidebar{background:#0d0d0d;border-right:1px solid #181818;flex-direction:column;flex-shrink:0;width:224px;height:100vh;padding:20px 0;display:flex;overflow:hidden}.sidebar-logo{padding:0 18px 24px}.sidebar-logo img{object-fit:contain;height:46px}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:0 10px;display:flex}.nav-btn{cursor:pointer;color:#6b7280;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:11px;width:100%;padding:10px 12px;font-family:Barlow,sans-serif;font-size:14px;font-weight:600;transition:all .15s;display:flex}.nav-btn:hover{color:#d1d5db;background:#181818}.nav-btn.active{color:#eab308;background:#1e1a00}.nav-icon{text-align:center;flex-shrink:0;width:20px;font-size:17px}.sidebar-footer{padding:10px}.rank-card{background:#1a1500;border:1px solid #eab30828;border-radius:12px;padding:12px 14px}.main{flex:1;height:100vh;padding-bottom:70px;overflow:hidden auto}.bottom-nav{z-index:100;padding:6px 0 env(safe-area-inset-bottom,6px);background:#0d0d0d;border-top:1px solid #181818;display:none;position:fixed;bottom:0;left:0;right:0}.bn-inner{justify-content:space-around;display:flex}.bn-btn{cursor:pointer;color:#6b7280;background:0 0;border:none;flex-direction:column;align-items:center;gap:2px;padding:5px 16px;font-family:Barlow,sans-serif;font-size:10px;font-weight:600;transition:color .15s;display:flex}.bn-btn.active{color:#eab308}.bn-btn.home-prominent{margin-top:-10px;position:relative}.bn-btn.home-prominent .bn-icon{background:#1a1a1a;border:2px solid #2a2a2a;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:background .15s,border-color .15s,box-shadow .15s;display:flex}.bn-btn.home-prominent.active .bn-icon{color:#000;background:#eab308;border-color:#eab308;box-shadow:0 4px 14px #eab30866}.bn-btn.home-prominent.active{color:#eab308}.bn-icon{font-size:20px}.ad-banner{z-index:99;background:#0d0d0d;border-top:1px solid #181818;justify-content:center;align-items:center;height:60px;padding:0 12px;transition:bottom .2s;display:flex;position:fixed;bottom:0;left:0;right:0}.stats-name-full{display:inline}.stats-name-short{display:none}@media (width<=768px){.sidebar{display:none}.bottom-nav{display:flex}.main{padding-bottom:calc(58px + env(safe-area-inset-bottom,0px) + 60px + 16px)}.ad-banner{bottom:calc(58px + env(safe-area-inset-bottom,0px))}.stats-name-full{display:none}.stats-name-short{display:inline}}.btn-green{color:#fff;cursor:pointer;background:linear-gradient(135deg,#eab308,#ca8a04);border:none;border-radius:10px;padding:11px 22px;font-family:Barlow,sans-serif;font-size:14px;font-weight:700;transition:opacity .15s,transform .1s}.btn-green:hover{opacity:.88;transform:translateY(-1px)}.btn-orange{color:#fff;cursor:pointer;background:linear-gradient(135deg,#eab308,#ca8a04);border:none;border-radius:10px;padding:11px 22px;font-family:Barlow,sans-serif;font-size:14px;font-weight:700;transition:opacity .15s,transform .1s}.btn-orange:hover{opacity:.88;transform:translateY(-1px)}.btn-ghost{color:#d1d5db;cursor:pointer;background:#1a1a1a;border:1px solid #282828;border-radius:10px;padding:11px 22px;font-family:Barlow,sans-serif;font-size:14px;font-weight:600;transition:all .15s}.btn-ghost:hover{background:#1e1e1e}.inp{color:#f1f1f5;background:#141414;border:1.5px solid #222;border-radius:10px;outline:none;width:100%;padding:11px 13px;font-family:Barlow,sans-serif;font-size:14px;transition:border-color .15s}.inp:focus{border-color:#eab308}.inp::placeholder{color:#3d3d58}.sport-pill{cursor:pointer;color:#6b7280;white-space:nowrap;background:0 0;border:1.5px solid #222;border-radius:999px;flex-shrink:0;align-items:center;gap:5px;padding:6px 13px;font-family:Barlow,sans-serif;font-size:13px;font-weight:700;transition:all .15s;display:inline-flex}.sport-pill:hover{color:#c4c4d4;background:#181818;border-color:#2a2a3e}.divider{color:#3d3d58;align-items:center;gap:10px;font-size:12px;display:flex}.divider:before,.divider:after{content:"";background:#222;flex:1;height:1px}.page-ttl{letter-spacing:-.5px;font-family:Barlow Condensed,sans-serif;font-size:30px;font-weight:900}.fade-in{animation:.22s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes toastIn{0%{opacity:0;transform:translate(-50%)translateY(8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes toastOut{to{opacity:0}}