:root{--bg-base:#0a0e0a;--bg-panel:#131a13;--bg-elevated:#1c261c;--border:#2a352a;--accent:#a3e635;--accent-dim:#4d7c0f;--accent-hover:#bef264;--text:#e4e7e4;--text-dim:#6b7569;--danger:#dc2626;--warning:#f59e0b;--success:#a3e635;--font-display:"Rajdhani", sans-serif;--font-body:"Inter", sans-serif;--font-mono:"JetBrains Mono", monospace}*,:before,:after{box-sizing:border-box}body{font-family:var(--font-body);color:var(--text);background-color:var(--bg-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:linear-gradient(#a3e63506 1px,#0000 1px),linear-gradient(90deg,#a3e63506 1px,#0000 1px);background-size:48px 48px;min-height:100vh;margin:0;font-size:16px;line-height:1.5}body:after{content:"";pointer-events:none;z-index:9999;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000008 2px 4px);position:fixed;inset:0}#root{z-index:1;width:100%;max-width:100%;min-height:100vh;margin:0 auto;position:relative}h1,h2,h3{font-family:var(--font-display);text-transform:uppercase;letter-spacing:2.5px;color:var(--text);margin:0;font-weight:700}p{margin:0}button{font-family:var(--font-display);letter-spacing:1.5px;text-transform:uppercase;border-radius:2px;font-weight:600;transition:background-color .15s,border-color .15s,color .15s,box-shadow .15s}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tactical-panel{background:linear-gradient(var(--accent-dim), var(--accent-dim)) top left / 14px 2px no-repeat, linear-gradient(var(--accent-dim), var(--accent-dim)) top left / 2px 14px no-repeat, linear-gradient(var(--accent-dim), var(--accent-dim)) top right / 14px 2px no-repeat, linear-gradient(var(--accent-dim), var(--accent-dim)) top right / 2px 14px no-repeat, linear-gradient(var(--accent-dim), var(--accent-dim)) bottom left / 14px 2px no-repeat, linear-gradient(var(--accent-dim), var(--accent-dim)) bottom left / 2px 14px no-repeat, linear-gradient(var(--accent), var(--accent)) bottom right / 14px 2px no-repeat, linear-gradient(var(--accent), var(--accent)) bottom right / 2px 14px no-repeat, var(--bg-panel);border:1px solid var(--border);border-radius:2px;position:relative}.tactical-panel-accent{background:linear-gradient(var(--accent), var(--accent)) top left / 14px 2px no-repeat, linear-gradient(var(--accent), var(--accent)) top left / 2px 14px no-repeat, linear-gradient(var(--accent-dim), var(--accent-dim)) top right / 14px 2px no-repeat, linear-gradient(var(--accent-dim), var(--accent-dim)) top right / 2px 14px no-repeat, linear-gradient(var(--accent-dim), var(--accent-dim)) bottom left / 14px 2px no-repeat, linear-gradient(var(--accent-dim), var(--accent-dim)) bottom left / 2px 14px no-repeat, linear-gradient(var(--accent), var(--accent)) bottom right / 14px 2px no-repeat, linear-gradient(var(--accent), var(--accent)) bottom right / 2px 14px no-repeat, var(--bg-panel);border:1px solid var(--border);border-radius:2px}@keyframes radar-sweep{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes radar-pulse{0%,to{opacity:.4;transform:scale(.85)}50%{opacity:1;transform:scale(1)}}.radar-spinner{border:2px solid var(--border);background:radial-gradient(circle,#a3e63514 0%,#0000 70%);border-radius:50%;width:80px;height:80px;margin:0 auto 24px;position:relative;overflow:hidden}.radar-spinner:before{content:"";border:1px dashed #a3e63540;border-radius:50%;margin:12px;position:absolute;inset:0}.radar-spinner:after{content:"";background:linear-gradient(90deg, var(--accent), transparent);transform-origin:0;width:50%;height:2px;animation:2s linear infinite radar-sweep;position:absolute;top:50%;left:50%}.radar-spinner .radar-dot{background:var(--accent);border-radius:50%;width:6px;height:6px;margin:-3px 0 0 -3px;animation:1.5s ease-in-out infinite radar-pulse;position:absolute;top:50%;left:50%}.leaderboard-row-top1{border-left:3px solid var(--accent)!important;background:linear-gradient(90deg,#a3e6351f 0%,#0000 60%)!important}.leaderboard-row-top2{border-left:3px solid var(--accent-dim)!important;background:linear-gradient(90deg,#a3e6350f 0%,#0000 60%)!important}.leaderboard-row-top3{background:linear-gradient(90deg,#4d7c0f1a 0%,#0000 60%)!important;border-left:3px solid #6b8f2a!important}.layout{min-height:100vh;display:flex}.layout__main{flex-direction:column;flex:1;min-width:0;display:flex}.layout__content{flex:1;padding:24px;overflow-y:auto}.layout-loading{min-height:100vh;color:var(--text-dim);font-family:var(--font-display);letter-spacing:2px;justify-content:center;align-items:center;display:flex}.sidebar{background-color:var(--bg-panel);border-right:1px solid var(--border);z-index:200;flex-direction:column;flex-shrink:0;width:240px;display:flex}.sidebar__brand{border-bottom:1px solid var(--border);padding:24px 20px}.sidebar__brand-tag{font-family:var(--font-mono);color:var(--accent-dim);letter-spacing:4px;font-size:10px;display:block}.sidebar__brand-name{font-family:var(--font-display);color:var(--accent);letter-spacing:4px;font-size:28px;font-weight:700;line-height:1.1;display:block}.sidebar__nav{flex-direction:column;flex:1;gap:4px;padding:16px 12px;display:flex}.sidebar__link{color:var(--text-dim);font-family:var(--font-display);letter-spacing:1px;border-left:3px solid #0000;border-radius:2px;align-items:center;gap:12px;padding:12px 14px;font-size:13px;font-weight:600;text-decoration:none;transition:background-color .15s,color .15s,border-color .15s;display:flex}.sidebar__link:hover{background-color:var(--bg-elevated);color:var(--text)}.sidebar__link--active{color:var(--accent);border-left-color:var(--accent);background-color:#a3e63514}.sidebar__link-icon{text-align:center;flex-shrink:0;width:20px;font-size:16px}.sidebar__footer{border-top:1px solid var(--border);padding:16px}.sidebar__user{align-items:center;gap:10px;margin-bottom:12px;display:flex}.sidebar__avatar{border:1px solid var(--border);border-radius:2px;flex-shrink:0;width:36px;height:36px}.sidebar__user-info{flex-direction:column;min-width:0;display:flex}.sidebar__username{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.sidebar__elo{font-family:var(--font-mono);color:var(--accent);font-size:11px}.sidebar__logout{width:100%;color:var(--text-dim);border:1px solid var(--border);cursor:pointer;background:0 0;padding:10px;font-size:11px}.sidebar__logout:hover{color:var(--danger);border-color:var(--danger)}.sidebar-overlay{cursor:pointer;z-index:150;background:#0a0e0ab3;border:none;display:none;position:fixed;inset:0}.topbar{background-color:var(--bg-panel);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;height:60px;padding:0 24px;display:flex}.topbar__left{align-items:center;gap:12px;min-width:0;display:flex}.topbar__menu-btn{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:2px;width:36px;height:36px;padding:0;display:none}.topbar__menu-icon{font-size:18px;line-height:1}.topbar__breadcrumb{align-items:center;gap:8px;min-width:0;display:flex}.topbar__breadcrumb-root{font-family:var(--font-mono);color:var(--text-dim);letter-spacing:2px;white-space:nowrap;font-size:10px}.topbar__breadcrumb-sep{color:var(--border);font-size:12px}.topbar__breadcrumb-current{font-family:var(--font-display);color:var(--text);letter-spacing:1.5px;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.topbar__right{flex-shrink:0;align-items:center;gap:10px;display:flex}.topbar__elo{font-family:var(--font-mono);color:var(--accent);font-size:22px;font-weight:700;line-height:1}.topbar__elo-label{font-family:var(--font-mono);color:var(--text-dim);letter-spacing:2px;margin-right:4px;font-size:10px}.topbar__avatar{border:1px solid var(--border);border-radius:50%;width:32px;height:32px}.topbar__username{color:var(--text);white-space:nowrap;text-overflow:ellipsis;max-width:120px;font-size:13px;font-weight:600;overflow:hidden}.dashboard{flex-direction:column;gap:24px;width:100%;max-width:1200px;margin:0 auto;display:flex}.dashboard-hero{cursor:pointer;padding:40px 36px;transition:box-shadow .2s;background-image:linear-gradient(135deg, #a3e6351f 0%, transparent 50%), linear-gradient(var(--accent-dim), var(--accent-dim)) top left / 14px 2px no-repeat, linear-gradient(var(--accent-dim), var(--accent-dim)) top left / 2px 14px no-repeat, linear-gradient(var(--accent-dim), var(--accent-dim)) top right / 14px 2px no-repeat, linear-gradient(var(--accent-dim), var(--accent-dim)) top right / 2px 14px no-repeat, linear-gradient(var(--accent-dim), var(--accent-dim)) bottom left / 14px 2px no-repeat, linear-gradient(var(--accent-dim), var(--accent-dim)) bottom left / 2px 14px no-repeat, linear-gradient(var(--accent), var(--accent)) bottom right / 14px 2px no-repeat, linear-gradient(var(--accent), var(--accent)) bottom right / 2px 14px no-repeat, var(--bg-panel)!important}.dashboard-hero:hover,.dashboard-hero:focus-visible{box-shadow:0 0 0 1px var(--accent-dim), 0 8px 32px #a3e63514}.dashboard-hero__tag{font-family:var(--font-mono);color:var(--accent-dim);letter-spacing:3px;margin-bottom:8px;font-size:11px;display:block}.dashboard-hero__title{color:var(--text);margin-bottom:8px;font-size:36px}.dashboard-hero__subtitle{color:var(--text-dim);margin-bottom:20px;font-size:15px}.dashboard-hero__cta{font-family:var(--font-display);color:var(--accent);letter-spacing:2px;font-size:14px;font-weight:700;display:inline-block}.dashboard-stats{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.dashboard-stat-card{flex-direction:column;gap:8px;padding:20px;display:flex}.dashboard-stat-card__label{font-family:var(--font-display);color:var(--text-dim);letter-spacing:2px;font-size:11px}.dashboard-stat-card__value{font-family:var(--font-mono);color:var(--text);font-size:32px;font-weight:700;line-height:1}.dashboard-stat-card__value--accent{color:var(--accent)}.dashboard-stat-card__value--success{color:var(--success)}.dashboard-stat-card__value--danger{color:var(--danger)}.dashboard-section-title{letter-spacing:2px;margin-bottom:16px;font-size:14px}.dashboard-actions{padding:24px}.dashboard-actions__grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.dashboard-btn{cursor:pointer;border-radius:2px;width:100%;padding:14px 20px;font-size:13px}.dashboard-btn--primary{background-color:var(--accent);color:var(--bg-base);border:1px solid var(--accent-hover);font-weight:700}.dashboard-btn--secondary{background-color:var(--accent-dim);color:var(--text);border:1px solid var(--accent)}.dashboard-btn--outline{background-color:var(--bg-elevated);color:var(--text);border:1px solid var(--border)}.dashboard-recent{padding:24px}.dashboard-recent__header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.dashboard-recent__header .dashboard-section-title{margin-bottom:0}.dashboard-recent__link{color:var(--accent);font-family:var(--font-mono);cursor:pointer;letter-spacing:1px;background:0 0;border:none;padding:4px 8px;font-size:12px}.dashboard-recent__list{flex-direction:column;gap:8px;display:flex}.dashboard-match-row{background-color:var(--bg-elevated);border:1px solid var(--border);border-left-width:3px;border-radius:2px;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.dashboard-match-row__left{flex-direction:column;gap:4px;display:flex}.dashboard-match-row__result{font-family:var(--font-display);letter-spacing:2px;font-size:12px;font-weight:700}.dashboard-match-row__map{color:var(--text-dim);font-size:14px}.dashboard-match-row__right{align-items:center;gap:20px;display:flex}.dashboard-match-row__kda{font-family:var(--font-mono);color:var(--text);font-size:15px}.dashboard-match-row__elo{font-family:var(--font-mono);text-align:right;min-width:45px;font-size:15px;font-weight:700}.dashboard-empty{color:var(--text-dim);text-align:center;padding:24px 0;font-size:14px}.profile-page{justify-content:center;width:100%;display:flex}.profile-page__card{text-align:center;width:100%;max-width:720px;padding:48px}.profile-page__avatar{border:2px solid var(--border);border-radius:2px;width:96px;height:96px;margin-bottom:16px}.profile-page__username{letter-spacing:2px;margin-bottom:32px;font-size:22px}.profile-page__stats{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.profile-page__stat{background-color:var(--bg-elevated);border:1px solid var(--border);border-radius:2px;flex-direction:column;gap:4px;padding:16px;display:flex}.profile-page__stat-value{font-family:var(--font-mono);color:var(--text);font-size:28px;font-weight:700;line-height:1}.profile-page__stat-value--accent{color:var(--accent)}.profile-page__stat-value--success{color:var(--success)}.profile-page__stat-value--danger{color:var(--danger)}.profile-page__stat-label{font-family:var(--font-display);color:var(--text-dim);letter-spacing:2px;font-size:10px}@media (width<=900px){.dashboard-stats{grid-template-columns:repeat(2,1fr)}.dashboard-actions__grid{grid-template-columns:1fr}.profile-page__stats{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.sidebar{transition:transform .25s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:4px 0 24px #0006}.sidebar--open{transform:translate(0)}.sidebar-overlay{display:block}.topbar__menu-btn{justify-content:center;align-items:center;display:flex}.topbar__username{display:none}.layout__content{padding:16px}.dashboard-hero{padding:28px 20px}.dashboard-hero__title{font-size:26px}}@media (width<=480px){.dashboard-stats{grid-template-columns:1fr 1fr}.topbar__breadcrumb-root,.topbar__breadcrumb-sep{display:none}}