@import url("https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700&family=Geist+Mono:wght@400;500;600;700&family=Syne:wght@700;800&display=swap");:root{--bg-primary:#13131a;--bg-secondary:#17171f;--bg-card:#1c1c26;--accent-green:#34d399;--accent-red:#f87171;--accent-amber:#fbbf24;--accent-blue:#7b93db;--accent-purple:#7b93db;--accent-cyan:#7b93db;--accent-steel:#7b93db;--text-primary:#e8e8ed;--text-secondary:#6b6b80;--border:hsla(0,0%,100%,.08);--border-focus:rgba(123,147,219,.4);--rating:var(--accent-blue);--warning:var(--accent-amber);--danger:var(--accent-red);--success:var(--accent-green);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--radius-sm:4px;--radius-md:4px;--radius-lg:4px;--radius-xl:4px;--radius-full:9999px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.25);--shadow-md:0 2px 8px -2px rgba(0,0,0,.35);--shadow-lg:0 4px 16px -4px rgba(0,0,0,.4);--shadow-xl:0 8px 24px -6px rgba(0,0,0,.5);--transition:all 180ms ease}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:Geist,-apple-system,BlinkMacSystemFont,sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.08);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.15)}h1,h2,h3,h4,h5,h6{font-family:Geist,sans-serif;font-weight:700;letter-spacing:-.02em;color:#fff}code,pre{font-family:JetBrains Mono,monospace}.container{max-width:100%;margin:0 auto;padding:0 var(--space-6)}.flex-center{display:flex;align-items:center;justify-content:center}.card-base,.glass-panel{background:var(--bg-card);border:1px solid #1e2737;border-radius:var(--radius-lg);padding:var(--space-6);transition:border-color .18s ease;box-shadow:none!important}.card-base:hover,.glass-panel:hover{border-color:hsla(0,0%,100%,.14)}.card-success{background:var(--bg-card);border:1px solid rgba(52,211,153,.15);border-radius:var(--radius-lg);padding:var(--space-6);transition:border-color .18s ease}.card-success:hover{border-color:rgba(52,211,153,.3)}.card-warning{background:var(--bg-card);border:1px solid rgba(251,191,36,.15);border-radius:var(--radius-lg);padding:var(--space-6);transition:border-color .18s ease}.card-warning:hover{border-color:rgba(251,191,36,.3)}.card-danger{background:var(--bg-card);border:1px solid hsla(0,91%,71%,.15);border-radius:var(--radius-lg);padding:var(--space-6);transition:border-color .18s ease}.card-danger:hover{border-color:hsla(0,91%,71%,.3)}.card-info{background:var(--bg-card);border:1px solid rgba(123,147,219,.15);border-radius:var(--radius-lg);padding:var(--space-6);transition:border-color .18s ease}.card-info:hover{border-color:rgba(123,147,219,.3)}.card-purple{background:var(--bg-card);border:1px solid rgba(123,147,219,.15);border-radius:var(--radius-lg);padding:var(--space-6);transition:border-color .18s ease}.card-purple:hover{border-color:rgba(123,147,219,.3)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;font-family:Space Grotesk,sans-serif;font-weight:600;font-size:14px;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:all .15s ease;text-decoration:none;gap:var(--space-2);-webkit-user-select:none;-moz-user-select:none;user-select:none;outline:none}.btn:active{transform:scale(.97)}.btn:focus-visible{box-shadow:0 0 0 2px var(--bg-primary),0 0 0 3px var(--accent-blue)}.btn-primary{background:var(--accent-blue);color:#fff;border-color:transparent}.btn-primary:hover{background:#6a84cc}.btn-success{background:var(--accent-green);color:#111;border-color:transparent}.btn-success:hover{background:#2cc48a}.btn-danger{background:var(--accent-red);color:#fff;border-color:transparent}.btn-danger:hover{background:#e85d5d}.btn-secondary{background:hsla(0,0%,100%,.04);border:1px solid var(--border);color:var(--text-primary)}.btn-secondary:hover{background:hsla(0,0%,100%,.07);border-color:hsla(0,0%,100%,.14)}.btn-ghost{background:transparent;border:1px solid transparent;color:var(--text-secondary)}.btn-ghost:hover{background:hsla(0,0%,100%,.04);color:var(--text-primary)}.btn:disabled{opacity:.35;cursor:not-allowed;transform:none!important}.badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:var(--radius-sm);font-size:11px;font-family:Geist,sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border:1px solid transparent}.badge-active{background:#052e16!important;color:#4ade80!important;border:1px solid #166534!important}.valorant-card{background:#0d1117!important;border:none!important;border-top:2px solid #3b82f6!important;border-radius:4px!important;transition:all .15s ease!important;box-shadow:0 1px 3px rgba(0,0,0,.4)!important}.valorant-card:hover{background:#111827!important;box-shadow:0 2px 4px rgba(0,0,0,.5)!important}.stat-box{background:#0d1117!important;border:none!important;border-left:3px solid #3b82f6!important;border-radius:4px!important;transition:background .15s ease!important}.stat-box:hover{background:#111827!important}.badge-js{background:rgba(245,158,11,.08);color:var(--accent-amber);border-color:rgba(245,158,11,.15)}.badge-py{background:rgba(59,130,246,.08);color:var(--accent-blue);border-color:rgba(59,130,246,.15)}.badge-java{background:rgba(239,68,68,.08);color:var(--accent-red);border-color:rgba(239,68,68,.15)}.nav-header{border-bottom:1px solid var(--border);background:var(--bg-secondary);height:56px;justify-content:space-between;padding:0 var(--space-6);position:-webkit-sticky;position:sticky;top:0;z-index:100}.logo,.nav-header{display:flex;align-items:center}.logo{font-family:Syne,sans-serif;font-size:19px;font-weight:800;text-transform:uppercase;background:linear-gradient(135deg,#fff 40%,var(--accent-blue) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.03em;gap:var(--space-2)}.nav-user{gap:var(--space-4)}.color-wheel-outer,.nav-user{display:flex;align-items:center}.color-wheel-outer{position:relative;width:180px;height:180px;justify-content:center;margin:10px 0}.color-wheel-dial{position:relative;width:100%;height:100%;border-radius:50%;cursor:crosshair;background:conic-gradient(from 90deg,red,#ff0,lime,cyan,blue,#f0f,red);border:1px solid hsla(0,0%,100%,.1);box-shadow:var(--shadow-lg);-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none;overflow:hidden}.color-wheel-inner{position:absolute;top:15%;left:15%;width:70%;height:70%;background:var(--bg-secondary);border-radius:50%;border:1px solid var(--border);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:inset 0 2px 6px rgba(0,0,0,.6);pointer-events:none}.color-wheel-inner-label{font-size:10px;color:var(--text-secondary);text-transform:uppercase;font-weight:700;letter-spacing:.05em}.color-wheel-inner-value{font-family:JetBrains Mono,monospace;font-size:12px;font-weight:700;color:var(--text-primary);margin-top:2px}.color-wheel-pointer{position:absolute;width:20px;height:20px;border-radius:50%;border:2px solid #fff;box-shadow:0 2px 6px rgba(0,0,0,.7);pointer-events:none;display:flex;align-items:center;justify-content:center;transform:translate(-50%,-50%);transition:transform .05s ease-out}.color-wheel-pointer-inner{width:6px;height:6px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.5)}.clean-slider{-webkit-appearance:none;width:100%;height:8px;border-radius:var(--radius-sm);outline:none;border:1px solid var(--border);background:hsla(0,0%,100%,.08)}.clean-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid var(--bg-secondary);box-shadow:0 2px 4px rgba(0,0,0,.6);cursor:pointer;-webkit-transition:transform .1s ease;transition:transform .1s ease}.clean-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.clean-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid var(--bg-secondary);box-shadow:0 2px 4px rgba(0,0,0,.6);cursor:pointer;-moz-transition:transform .1s ease;transition:transform .1s ease}.clean-slider::-moz-range-thumb:hover{transform:scale(1.15)}@media (max-width:768px){.container{padding:0 var(--space-4)}}.input-base{background:hsla(0,0%,100%,.02);border:1px solid var(--border);border-radius:var(--radius-md);padding:8px 12px;color:var(--text-primary);font-family:inherit;font-size:13px;outline:none;transition:var(--transition)}.input-base:focus{border-color:var(--accent-blue);box-shadow:0 0 0 1px var(--accent-blue)}.input-base::placeholder{color:var(--text-secondary)}.select-base{background:hsla(0,0%,100%,.02);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-md);padding:8px 16px;outline:none;font-family:inherit;font-size:13px;cursor:pointer;transition:var(--transition)}.select-base:hover{border-color:hsla(0,0%,100%,.15);background:hsla(0,0%,100%,.04)}.select-base:focus{border-color:var(--accent-blue);box-shadow:0 0 0 1px var(--accent-blue)}.profile-grid{display:grid;grid-template-columns:1fr 1.5fr;grid-gap:var(--space-8);gap:var(--space-8)}@media (max-width:768px){.profile-grid{grid-template-columns:1fr;gap:var(--space-6)}}.kbc-arena-grid{display:grid;grid-template-columns:1fr 300px;grid-gap:var(--space-8);gap:var(--space-8);align-items:start}@media (max-width:1024px){.kbc-arena-grid{grid-template-columns:1fr;gap:var(--space-6)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer-base{background:linear-gradient(90deg,var(--bg-card) 25%,hsla(0,0%,100%,.03) 50%,var(--bg-card) 75%);background-size:200% 100%;animation:shimmer 1.6s linear infinite}@keyframes modalEnter{0%{opacity:0;transform:scale(.97) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-enter{animation:modalEnter .2s ease forwards}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.slide-up-anim{animation:slideUp .25s ease forwards}.card-shine{position:relative;overflow:hidden}.interactive-lift{transition:border-color .18s ease}.interactive-lift:hover{border-color:hsla(0,0%,100%,.14)}.interactive-lift:active{transform:scale(.98)}.theme-debug-duel{border-color:rgba(123,147,219,.15)!important;background:var(--bg-card)!important}.theme-debug-duel:hover{border-color:rgba(123,147,219,.3)!important}.theme-kbc{border-color:rgba(123,147,219,.15)!important;background:var(--bg-card)!important}.theme-kbc:hover{border-color:rgba(123,147,219,.3)!important}.theme-color-match{border-color:rgba(251,191,36,.15)!important;background:var(--bg-card)!important}.theme-color-match:hover{border-color:rgba(251,191,36,.3)!important}.theme-ranked{border-color:rgba(52,211,153,.15)!important;background:var(--bg-card)!important}.theme-ranked:hover{border-color:rgba(52,211,153,.3)!important}.theme-multiplayer{border-color:rgba(123,147,219,.15)!important;background:var(--bg-card)!important}.theme-multiplayer:hover{border-color:rgba(123,147,219,.3)!important}.header-search-btn{background:hsla(0,0%,100%,.02);border:1px solid var(--border);border-radius:var(--radius-md);padding:6px 12px;display:flex;align-items:center;gap:8px;cursor:pointer;color:var(--text-secondary);font-size:12px;transition:var(--transition);flex-grow:1;max-width:700px;margin:0 var(--space-6);justify-content:space-between;outline:none}.header-search-btn:hover{border-color:hsla(0,0%,100%,.15);background:hsla(0,0%,100%,.04)}@media (min-width:768px){.header-search-btn{min-width:420px}}@media (max-width:767px){.header-search-btn{min-width:140px;margin:0 var(--space-2)}}@media (max-width:768px){.container{padding:0 var(--space-4)!important}.card-base,.card-danger,.card-success,.glass-panel{padding:var(--space-4)!important}.btn,button{min-height:44px;display:inline-flex;align-items:center;justify-content:center}h1{font-size:clamp(24px,6vw,36px)!important}h2{font-size:clamp(18px,5vw,24px)!important}h3{font-size:clamp(16px,4vw,20px)!important}}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;grid-gap:32px;gap:32px;padding:40px 24px;align-items:start}.dashboard-column-left,.dashboard-column-right,.dashboard-leaderboard{display:flex;flex-direction:column;gap:32px}@media (max-width:1024px){.dashboard-grid{grid-template-columns:1fr!important;gap:24px!important;padding:24px 16px!important}.dashboard-column-left,.dashboard-column-right{display:contents}.dashboard-hero{grid-column:1!important;grid-row:1!important}.dashboard-profile{grid-column:1!important;grid-row:2!important}.dashboard-games{grid-column:1!important;grid-row:3!important}.dashboard-stats{grid-column:1!important;grid-row:4!important}.dashboard-leaderboard{grid-column:1!important;grid-row:5!important}}.duel-page-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;overflow:hidden}.practice-page-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;overflow:hidden}@media (max-width:1024px){.duel-page-grid,.practice-page-grid{grid-template-columns:1fr!important;overflow-y:auto!important}.duel-page-grid>div,.practice-page-grid>div{position:static!important;height:auto!important;overflow:visible!important}}.color-match-controls-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:28px;gap:28px;margin-top:10px}@media (max-width:768px){.color-match-controls-grid{grid-template-columns:1fr!important;gap:20px!important}}.matchup-grid{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;grid-gap:20px;gap:20px;padding:10px 0}@media (max-width:640px){.matchup-grid{grid-template-columns:1fr!important;justify-items:center;gap:12px!important}.matchup-grid>div:nth-child(2){transform:rotate(90deg);margin:8px 0}}@media (max-width:768px){.hidden-mobile{display:none!important}}@media (max-width:1024px){.hidden-tablet{display:none!important}}@media (max-width:768px){.header-elo-badge,.header-search-btn span:nth-child(2){display:none!important}}@media (max-width:640px){.header-tokens-label,.header-username{display:none!important}}@media (max-width:480px){.header-logo-text{display:none!important}}.performance-visualization-grid{display:grid;grid-template-columns:1fr 220px;grid-gap:20px;gap:20px;align-items:stretch}@media (max-width:768px){.performance-visualization-grid{grid-template-columns:1fr!important;gap:16px!important}}.kbc-options-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--space-4);gap:var(--space-4)}@media (max-width:640px){.kbc-options-grid{grid-template-columns:1fr!important}}.kbc-lifelines-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px}@media (max-width:640px){.kbc-lifelines-grid{grid-template-columns:repeat(2,1fr)!important}}.kbc-endscreen-actions{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:12px;gap:12px}@media (max-width:480px){.kbc-endscreen-actions{grid-template-columns:1fr!important}}.kbc-multiplayer-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;grid-gap:24px;gap:24px;align-items:start}@media (max-width:1024px){.kbc-multiplayer-grid{grid-template-columns:1fr!important}}.form-row-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px}@media (max-width:640px){.form-row-grid{grid-template-columns:1fr!important;gap:16px!important}}@media (max-width:1024px){.duel-page-grid>div:first-child,.practice-page-grid>div:first-child{height:450px!important;position:relative!important}}.hud-logo-wrapper{position:relative;width:72px;height:72px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:visible;transition:border-color .18s ease}.hud-logo-wrapper:hover{border-color:hsla(0,0%,100%,.14)}.hud-logo-wrapper:after,.hud-logo-wrapper:before{content:none}.hud-corner-bl,.hud-corner-tr,.hud-scanline{display:none}.hud-logo-icon{transition:transform .2s ease}.hud-logo-wrapper:hover .hud-logo-icon{transform:scale(1.05)}.input-tactical{background-color:var(--bg-primary)!important;color:#fff!important;border:1px solid var(--border)!important;border-radius:var(--radius-md)!important;padding:10px 14px!important;font-family:JetBrains Mono,monospace!important;font-size:13px!important;outline:none!important;width:100%;transition:border-color .15s ease!important}.input-tactical:hover{border-color:hsla(0,0%,100%,.14)!important}.input-tactical:focus{border-color:var(--accent-blue)!important}.input-tactical::placeholder{color:hsla(0,0%,100%,.25)!important;font-family:JetBrains Mono,monospace!important;font-size:13px!important}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 1000px var(--bg-primary) inset!important;-webkit-text-fill-color:#fff!important;box-shadow:0 0 0 1000px var(--bg-primary) inset!important;color:#fff!important;caret-color:#fff!important;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s;border:1px solid var(--border)!important}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover,input:autofill,input:autofill:active,input:autofill:focus,input:autofill:hover{-webkit-box-shadow:0 0 0 1000px var(--bg-primary) inset!important;-webkit-text-fill-color:#fff!important;box-shadow:0 0 0 1000px var(--bg-primary) inset!important;color:#fff!important;caret-color:#fff!important;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s;border:1px solid var(--border)!important}.panel-tactical{position:relative;background:var(--bg-secondary)!important;border:1px solid var(--border)!important;border-radius:var(--radius-md)!important;transition:border-color .18s ease}.panel-tactical:after,.panel-tactical:before{content:none}.panel-tactical-bl,.panel-tactical-tr{display:none}.panel-accent-blue{--panel-accent:var(--accent-blue)}.panel-accent-red{--panel-accent:var(--accent-red)}.panel-accent-green{--panel-accent:var(--accent-green)}.panel-accent-amber{--panel-accent:var(--accent-amber)}.panel-accent-purple{--panel-accent:var(--accent-blue)}.alert-priority-flash{border:1px solid hsla(0,91%,71%,.3)!important;background-color:hsla(0,91%,71%,.05)}.progress-tactical-bar{background-image:linear-gradient(45deg,hsla(0,0%,100%,.1) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.1) 0,hsla(0,0%,100%,.1) 75%,transparent 0,transparent);background-size:16px 16px;animation:progressStripes 1.2s linear infinite}@keyframes progressStripes{0%{background-position:0 0}to{background-position:16px 0}}@keyframes skeletonShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-box{height:100%;width:100%;border-radius:var(--radius-sm)}.skeleton-box,.skeleton-circle{display:inline-block;background:linear-gradient(90deg,hsla(0,0%,100%,.03) 25%,hsla(0,0%,100%,.08) 50%,hsla(0,0%,100%,.03) 75%);background-size:200% 100%;animation:skeletonShimmer 1.5s ease-in-out infinite}.skeleton-circle{border-radius:var(--radius-full)}.skeleton-text{height:12px;margin-bottom:8px;border-radius:var(--radius-sm);background:linear-gradient(90deg,hsla(0,0%,100%,.03) 25%,hsla(0,0%,100%,.08) 50%,hsla(0,0%,100%,.03) 75%);background-size:200% 100%;animation:skeletonShimmer 1.5s ease-in-out infinite}