@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{--ink-rgb:17,17,20;--bg-page:#f6f6f8;--surface-1:#fff;--surface-2:#efeff2;--surface-3:#e4e4e9;--overlay:rgba(20,20,26,.45);--neutral-100:#f2f2f4;--neutral-200:#e4e4e8;--neutral-300:#d0d0d6;--neutral-400:#a8a8b2;--neutral-500:#76767f;--neutral-600:#5a5a63;--neutral-700:#3f3f47;--neutral-800:#26262c;--neutral-900:#141418;--text-1:#161619;--text-2:#55555e;--text-3:#86868f;--text-on-red:#fff;--border-subtle:rgba(var(--ink-rgb),0.08);--border:rgba(var(--ink-rgb),0.14);--border-strong:rgba(var(--ink-rgb),0.22);--shadow-sm:0 1px 2px rgba(17,17,24,.08);--shadow-md:0 4px 12px rgba(17,17,24,.1);--shadow-lg:0 12px 32px rgba(17,17,24,.14);--shadow-xl:0 20px 48px rgba(17,17,24,.18);--red-50:#fff1f2;--red-100:#ffd9dc;--red-200:#fca5ac;--red-300:#f87178;--red-400:#f23e48;--red-500:#e11d2e;--red-600:#c2162a;--red-700:#9e1122;--red-tint-bg:rgba(225,29,46,.1);--red-tint-border:rgba(225,29,46,.28);--focus-ring:var(--red-500);--success:#1fa463;--success-tint:rgba(31,164,99,.14);--warning:#b5821a;--warning-tint:rgba(181,130,26,.14);--loss:#c2566b;--loss-tint:rgba(194,86,107,.14);--tier-bronze:#b0703c;--tier-silver:#8a8f99;--tier-gold:#c99a1e;--tier-plat:#2ba89a;--tier-diamond:#3d82e0;--tier-master:#9f4fe0;--tier-gm:var(--red-500);--rarity-common:var(--neutral-500);--rarity-rare:#3d82e0;--rarity-epic:#9f4fe0;--rarity-legendary:#c99a1e;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--ease-out:cubic-bezier(0.16,1,0.3,1);--t-fast:120ms;--t:160ms;--t-slow:220ms;--transition:color var(--t),background-color var(--t),border-color var(--t),box-shadow var(--t);--font-sans:"Geist",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"Geist Mono",ui-monospace,"SF Mono",Menlo,monospace;--font-display:"Syne",var(--font-sans);--bg-primary:var(--bg-page);--bg-secondary:var(--surface-2);--bg-card:var(--surface-1);--bg-tertiary:var(--surface-2);--accent-green:var(--success);--accent-red:var(--loss);--accent-amber:var(--warning);--accent-blue:var(--neutral-500);--accent-purple:var(--neutral-500);--accent-cyan:var(--neutral-500);--accent-steel:var(--neutral-500);--text-primary:var(--text-1);--text-secondary:var(--text-2);--border-focus:var(--red-500);--rating:var(--text-1);--danger:var(--loss)}[data-theme=dark]{--ink-rgb:255,255,255;--bg-page:#0a0a0c;--surface-1:#101013;--surface-2:#17171b;--surface-3:#1e1e23;--overlay:rgba(6,6,8,.72);--neutral-100:#17171b;--neutral-200:#26262c;--neutral-300:#34343c;--neutral-400:#4a4a54;--neutral-500:#6e6e7a;--neutral-600:#8a8a96;--neutral-700:#a8a8b3;--neutral-800:#d4d4da;--neutral-900:#f4f4f6;--text-1:#f4f4f6;--text-2:#a8a8b3;--text-3:#6e6e7a;--shadow-sm:0 1px 2px rgba(0,0,0,.4);--shadow-md:0 4px 12px rgba(0,0,0,.45);--shadow-lg:0 12px 32px rgba(0,0,0,.55);--shadow-xl:0 20px 48px rgba(0,0,0,.6);--success:#2fbf71;--success-tint:rgba(47,191,113,.12);--warning:#e0a82e;--warning-tint:rgba(224,168,46,.12);--tier-silver:#9fa7b3;--tier-gold:#e0b341;--tier-plat:#46c9b8;--tier-diamond:#5b9bf5;--tier-master:#b569f0;--rarity-rare:#4f9df5;--rarity-epic:#b56bf0;--rarity-legendary:#e0b341}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-page);color:var(--text-1);font-family:var(--font-sans);font-size:14px;line-height:1.45;overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}::selection{background:var(--red-tint-bg);color:var(--text-1)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--neutral-300);border-radius:var(--radius-full);border:2px solid var(--bg-page)}::-webkit-scrollbar-thumb:hover{background:var(--neutral-400)}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);font-weight:700;letter-spacing:-.02em;color:var(--text-1);line-height:1.2}h1{font-size:28px}h2{font-size:22px}h3{font-size:18px;letter-spacing:-.01em}h3,h4{font-weight:600}h4{font-size:15px;letter-spacing:0}code,pre{font-family:var(--font-mono)}a{color:inherit}.mono,.tnum{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1,"tnum"}.label{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3)}.container{max-width:1280px;margin:0 auto;padding:0 var(--space-6)}.flex-center{display:flex;align-items:center;justify-content:center}.card-base,.glass-panel{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-6);transition:border-color var(--t)}.card-base:hover,.glass-panel:hover{border-color:var(--border)}.card-success{background:var(--surface-1);border:1px solid var(--success-tint);border-radius:var(--radius-lg);padding:var(--space-6);transition:border-color var(--t)}.card-success:hover{border-color:var(--success)}.card-warning{background:var(--surface-1);border:1px solid var(--warning-tint);border-radius:var(--radius-lg);padding:var(--space-6);transition:border-color var(--t)}.card-warning:hover{border-color:var(--warning)}.card-danger{background:var(--surface-1);border:1px solid var(--loss-tint);border-radius:var(--radius-lg);padding:var(--space-6);transition:border-color var(--t)}.card-danger:hover{border-color:var(--loss)}.card-info,.card-purple{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-6);transition:border-color var(--t)}.card-info:hover,.card-purple:hover{border-color:var(--border)}.panel{background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.valorant-card{background:var(--surface-1);border:1px solid var(--border-subtle);border-top:2px solid var(--red-500);border-radius:var(--radius-lg);transition:border-color var(--t),background var(--t)}.valorant-card:hover{background:var(--surface-2);border-color:var(--border);border-top-color:var(--red-500)}.stat-box{background:var(--surface-1);border:1px solid var(--border-subtle);border-left:3px solid var(--red-500);border-radius:var(--radius-md);transition:background var(--t)}.stat-box:hover{background:var(--surface-2)}.stat-tile{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);display:flex;flex-direction:column;gap:var(--space-2);transition:border-color var(--t)}.stat-tile:hover{border-color:var(--border)}.stat-tile .stat-label{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3)}.stat-tile .stat-value{font-family:var(--font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:24px;font-weight:600;color:var(--text-1);line-height:1}.stat-delta{font-family:var(--font-mono);font-size:12px;font-weight:600}.stat-delta.up{color:var(--success)}.stat-delta.down{color:var(--loss)}.elo-chip{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:13px;font-weight:600;color:var(--text-1)}.elo-chip .elo-label{font-size:11px;color:var(--text-3);text-transform:uppercase;letter-spacing:.04em}.btn,.elo-chip .elo-label{font-family:var(--font-sans)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:0 16px;height:38px;font-weight:600;font-size:14px;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:background var(--t),border-color var(--t),color var(--t),transform var(--t-fast);text-decoration:none;gap:var(--space-2);-webkit-user-select:none;-moz-user-select:none;user-select:none;outline:none;white-space:nowrap}.btn:active{transform:scale(.97)}.btn:focus-visible{box-shadow:0 0 0 2px var(--bg-page),0 0 0 4px var(--focus-ring)}.btn-sm{height:32px;padding:0 12px;font-size:13px}.btn-lg{height:44px;padding:0 22px;font-size:15px}.btn-primary{background:var(--red-500);color:var(--text-on-red)}.btn-primary:hover{background:var(--red-600)}.btn-primary:active{background:var(--red-700)}.btn-secondary{background:var(--surface-2);border-color:var(--border);color:var(--text-1)}.btn-secondary:hover{background:var(--surface-3);border-color:var(--border-strong)}.btn-ghost{background:transparent;border-color:transparent;color:var(--text-2)}.btn-ghost:hover{background:var(--surface-2);color:var(--text-1)}.btn-success{background:var(--success);color:#08130c}.btn-success:hover{filter:brightness(1.08)}.btn-danger{background:transparent;border-color:var(--loss-tint);color:var(--loss)}.btn-danger:hover{background:var(--loss-tint);border-color:var(--loss)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:var(--radius-sm);font-size:11px;font-family:var(--font-sans);font-weight:600;text-transform:uppercase;letter-spacing:.05em;border:1px solid var(--border-subtle);background:var(--surface-2);color:var(--text-2)}.badge-active{background:var(--success-tint);color:var(--success);border-color:transparent}.badge-live{background:var(--red-tint-bg);color:var(--red-300);border-color:var(--red-tint-border)}.badge-live:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--red-500);box-shadow:0 0 0 0 var(--red-500);animation:livePulse 1.6s var(--ease-out) infinite}@keyframes livePulse{0%{box-shadow:0 0 0 0 rgba(225,29,46,.5)}70%{box-shadow:0 0 0 6px rgba(225,29,46,0)}to{box-shadow:0 0 0 0 rgba(225,29,46,0)}}.badge-java,.badge-js,.badge-py{background:var(--surface-2);color:var(--text-2);border-color:var(--border-subtle);font-family:var(--font-mono);letter-spacing:0}.badge-tactical{font-family:var(--font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.tier-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:var(--radius-sm);font-size:11px;font-weight:700;letter-spacing:.04em;border:1px solid;background:color-mix(in srgb,currentColor 12%,transparent)}.tier-bronze{color:var(--tier-bronze)}.tier-silver{color:var(--tier-silver)}.tier-gold{color:var(--tier-gold)}.tier-plat{color:var(--tier-plat)}.tier-diamond{color:var(--tier-diamond)}.tier-master{color:var(--tier-master)}.tier-gm{color:var(--tier-gm)}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--surface-3);color:var(--text-1);font-weight:700;font-family:var(--font-sans);border:2px solid var(--border);flex-shrink:0}.avatar-ring-tier{border-color:currentColor}.data-row{display:grid;align-items:center;min-height:48px;padding:0 var(--space-4);border-bottom:1px solid var(--border-subtle);transition:background var(--t-fast)}.data-row:hover{background:var(--surface-2)}.data-row.is-you{background:var(--red-tint-bg);box-shadow:inset 2px 0 0 var(--red-500)}.data-row .rank-num{font-family:var(--font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:600;color:var(--text-2)}.data-row.rank-1 .rank-num{color:var(--tier-gold)}.data-row.rank-2 .rank-num{color:var(--tier-silver)}.data-row.rank-3 .rank-num{color:var(--tier-bronze)}.data-header{display:grid;align-items:center;padding:var(--space-2) var(--space-4);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);position:-webkit-sticky;position:sticky;top:0;background:var(--surface-1);z-index:2}.data-header,.tabs{border-bottom:1px solid var(--border)}.tabs{display:flex;gap:var(--space-1)}.tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;cursor:pointer;padding:10px 14px;font-size:14px;font-weight:500;color:var(--text-2);position:relative;transition:color var(--t)}.tab.active,.tab:hover{color:var(--text-1)}.tab.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--red-500)}.segmented{display:inline-flex;padding:3px;gap:2px;background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.segment,.segmented button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;cursor:pointer;padding:6px 14px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;color:var(--text-2);transition:background var(--t-fast),color var(--t-fast)}.segment:hover,.segmented button:hover{color:var(--text-1)}.segment.active,.segmented button.active{background:var(--surface-3);color:var(--text-1);box-shadow:inset 0 0 0 1px var(--border)}.segment.active.accent,.segmented button.active.accent{background:var(--red-500);color:var(--text-on-red);box-shadow:none}.progress{height:8px;border-radius:var(--radius-full);background:var(--surface-3);overflow:hidden}.progress>.fill{height:100%;background:var(--red-500);border-radius:inherit;transition:width var(--t-slow) var(--ease-out)}.progress.success>.fill{background:var(--success)}.xp-bar{height:6px;border-radius:var(--radius-full);background:var(--surface-3);overflow:hidden}.xp-bar>.fill{height:100%;background:var(--red-500);border-radius:inherit;transition:width var(--t-slow) var(--ease-out)}.timer{font-family:var(--font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:600;color:var(--text-1);letter-spacing:.02em}.timer.warn{color:var(--red-400)}.timer.crit{color:var(--red-500);animation:timerPulse 1s steps(2) infinite}@keyframes timerPulse{50%{opacity:.55}}.matchup-grid{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;grid-gap:var(--space-5);gap:var(--space-5);padding:var(--space-2) 0}.vs-divider{font-family:var(--font-display);font-weight:800;font-size:16px;color:var(--text-3);letter-spacing:.05em}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--space-3);padding:var(--space-12) var(--space-6);color:var(--text-2)}.empty-state .empty-icon{color:var(--text-3);opacity:.8}.empty-state .empty-title{color:var(--text-1);font-weight:600;font-size:15px}.toast{background:var(--surface-3);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);box-shadow:var(--shadow-lg);color:var(--text-1);display:flex;align-items:center;gap:var(--space-3)}.toast.success{border-left:3px solid var(--success)}.toast.error{border-left:3px solid var(--loss)}.nav-header{border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg-page) 80%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);height:52px;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:var(--font-display);font-size:18px;font-weight:800;text-transform:none;color:var(--text-1);letter-spacing:-.02em;gap:var(--space-2)}.nav-user{display:flex;align-items:center;gap:var(--space-3)}.nav-pill{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--surface-2);border:1px solid var(--border-subtle);padding:5px 10px;border-radius:var(--radius-md);font-size:13px;transition:border-color var(--t),background var(--t)}.nav-pill:hover{border-color:var(--border)}.color-wheel-outer{position:relative;width:180px;height:180px;display:flex;align-items:center;justify-content:center;margin:10px 0}.color-wheel-dial{position:relative;width:100%;height:100%;cursor:crosshair;background:conic-gradient(from 90deg,red,#ff0,lime,cyan,blue,#f0f,red);box-shadow:var(--shadow-md);-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none;overflow:hidden}.color-wheel-dial,.color-wheel-inner{border-radius:50%;border:1px solid var(--border)}.color-wheel-inner{position:absolute;top:15%;left:15%;width:70%;height:70%;background:var(--surface-1);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-3);text-transform:uppercase;font-weight:700;letter-spacing:.05em}.color-wheel-inner-value{font-family:var(--font-mono);font-size:12px;font-weight:700;color:var(--text-1);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;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:var(--radius-full);outline:none;border:none;background:var(--surface-3)}.clean-slider::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid var(--surface-1);box-shadow:0 2px 6px rgba(0,0,0,.6);cursor:pointer;-webkit-transition:transform var(--t-fast);transition:transform var(--t-fast)}.clean-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.clean-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid var(--surface-1);box-shadow:0 2px 6px rgba(0,0,0,.6);cursor:pointer}.clean-slider:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px var(--red-tint-bg)}.input-base{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);padding:9px 12px;color:var(--text-1);font-family:inherit;font-size:14px;outline:none;transition:var(--transition);width:100%}.input-base:hover{border-color:var(--border-strong)}.input-base:focus{border-color:var(--red-500);box-shadow:0 0 0 3px var(--red-tint-bg)}.input-base::placeholder{color:var(--text-3)}.input-base.error{border-color:var(--loss)}.input-base.error:focus{box-shadow:0 0 0 3px var(--loss-tint)}.select-base{background:var(--surface-2);color:var(--text-1);border:1px solid var(--border);border-radius:var(--radius-md);padding:9px 14px;outline:none;font-family:inherit;font-size:14px;cursor:pointer;transition:var(--transition)}.select-base:hover{border-color:var(--border-strong)}.select-base:focus{border-color:var(--red-500);box-shadow:0 0 0 3px var(--red-tint-bg)}.input-tactical{background-color:var(--surface-2);color:var(--text-1);border:1px solid var(--border);border-radius:var(--radius-md);padding:10px 14px;font-family:var(--font-mono);font-size:13px;outline:none;width:100%;transition:border-color var(--t),box-shadow var(--t)}.input-tactical:hover{border-color:var(--border-strong)}.input-tactical:focus{border-color:var(--red-500);box-shadow:0 0 0 3px var(--red-tint-bg)}.input-tactical::placeholder{color:var(--text-3);font-family:var(--font-mono);font-size:13px}input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--surface-2) inset!important;-webkit-text-fill-color:var(--text-1)!important;caret-color:var(--text-1);-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{-webkit-box-shadow:0 0 0 1000px var(--surface-2) inset!important;-webkit-text-fill-color:var(--text-1)!important;caret-color:var(--text-1);-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s;border:1px solid var(--border)!important}.profile-grid{display:grid;grid-template-columns:1fr 1.5fr;grid-gap:var(--space-8);gap:var(--space-8)}.kbc-arena-grid{grid-template-columns:1fr 300px;grid-gap:var(--space-8)}.dashboard-grid,.kbc-arena-grid{display:grid;gap:var(--space-8);align-items:start}.dashboard-grid{grid-template-columns:minmax(0,1fr) 340px;grid-gap:var(--space-8);padding:var(--space-8) var(--space-6);max-width:1400px;margin:0 auto}.dashboard-column-left,.dashboard-column-right,.dashboard-leaderboard{display:flex;flex-direction:column;gap:var(--space-6)}.duel-page-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;overflow:hidden}.practice-page-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;overflow:hidden}.color-match-controls-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:28px;gap:28px;margin-top:10px}.performance-visualization-grid{display:grid;grid-template-columns:1fr 220px;grid-gap:var(--space-5);gap:var(--space-5);align-items:stretch}.kbc-options-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--space-3);gap:var(--space-3)}.kbc-lifelines-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:var(--space-3);gap:var(--space-3)}.kbc-endscreen-actions{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--space-3);gap:var(--space-3)}.kbc-multiplayer-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;grid-gap:var(--space-6);gap:var(--space-6);align-items:start}.form-row-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-5);gap:var(--space-5)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer-base{background:linear-gradient(90deg,var(--surface-1) 25%,var(--surface-2) 50%,var(--surface-1) 75%);background-size:200% 100%;animation:shimmer 1.6s linear infinite}@keyframes modalEnter{0%{opacity:0;transform:scale(.98) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-enter{animation:modalEnter .2s var(--ease-out) forwards}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.slide-up-anim{animation:slideUp .25s var(--ease-out) forwards}.interactive-lift{transition:border-color var(--t),transform var(--t-fast)}.interactive-lift:hover{border-color:var(--border-strong)}.interactive-lift:active{transform:scale(.985)}.theme-color-match,.theme-debug-duel,.theme-kbc,.theme-multiplayer,.theme-ranked{border-color:var(--border-subtle);background:var(--surface-1)}.theme-color-match:hover,.theme-debug-duel:hover,.theme-kbc:hover,.theme-multiplayer:hover,.theme-ranked:hover{border-color:var(--border)}.theme-featured{border-color:var(--red-tint-border)}.theme-featured:hover{border-color:var(--red-500)}.header-search-btn{background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:7px 12px;display:flex;align-items:center;gap:8px;cursor:pointer;color:var(--text-3);font-size:13px;transition:var(--transition);flex-grow:1;max-width:560px;margin:0 var(--space-6);justify-content:space-between;outline:none}.header-search-btn:hover{border-color:var(--border);background:var(--surface-3);color:var(--text-2)}.header-search-btn .kbd{font-family:var(--font-mono);font-size:11px;color:var(--text-3);background:var(--surface-3);border:1px solid var(--border-subtle);padding:2px 6px;border-radius:var(--radius-xs)}@media (min-width:768px){.header-search-btn{min-width:320px}}@media (max-width:767px){.header-search-btn{min-width:120px;margin:0 var(--space-2)}}.panel-tactical{background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:border-color var(--t)}.panel-tactical:hover{border-color:var(--border)}.alert-priority-flash{border:1px solid var(--loss-tint);background:var(--loss-tint);border-radius:var(--radius-md)}.progress-tactical-bar{background:var(--red-500)}.hud-logo-wrapper{position:relative;width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:border-color var(--t)}.hud-logo-wrapper:hover{border-color:var(--border)}.hud-logo-icon{transition:transform var(--t)}.hud-logo-wrapper:hover .hud-logo-icon{transform:scale(1.05)}@keyframes skeletonShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-box,.skeleton-circle,.skeleton-text{display:inline-block;background:linear-gradient(90deg,var(--surface-1) 25%,var(--surface-2) 50%,var(--surface-1) 75%);background-size:200% 100%;animation:skeletonShimmer 1.5s ease-in-out infinite}.skeleton-box{height:100%;width:100%;border-radius:var(--radius-sm)}.skeleton-circle{border-radius:var(--radius-full)}.skeleton-text{height:12px;margin-bottom:8px;border-radius:var(--radius-xs)}.hide-on-mobile{display:flex!important}.show-on-mobile{display:none!important}.mobile-nav-drawer{display:flex;flex-direction:column;background:var(--surface-1);border-bottom:1px solid var(--border);padding:var(--space-4) var(--space-6);gap:var(--space-3);position:absolute;top:52px;left:0;width:100%;z-index:99;box-shadow:var(--shadow-lg);animation:slideDown .2s var(--ease-out) forwards}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mobile-nav-item{display:flex;align-items:center;justify-content:space-between;padding:12px var(--space-4);background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-1);text-decoration:none;font-size:14px;font-weight:500;transition:var(--transition)}.mobile-nav-item:active,.mobile-nav-item:hover{border-color:var(--border);background:var(--surface-3)}.mobile-nav-item-danger{border-color:var(--loss-tint);background:var(--loss-tint);color:var(--loss)!important}.mobile-nav-item-danger:active,.mobile-nav-item-danger:hover{border-color:var(--loss)}:root{--cc-padding:24px}@media (max-width:767px){:root{--cc-padding:8px}}.cc-stats-strip{display:grid;grid-template-columns:repeat(3,1fr);background:var(--surface-2);border-bottom:1px solid var(--border);padding:12px 20px;grid-gap:16px;gap:16px}.cc-menu-grid{display:grid;grid-template-columns:1.4fr 1fr;height:340px}.cc-action-list{border-right:1px solid var(--border);overflow-y:auto;overflow-x:hidden;padding:12px}@media (max-width:1024px){.dashboard-grid{grid-template-columns:1fr!important;gap:var(--space-6)!important;padding:var(--space-6) var(--space-4)!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,.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}.duel-page-grid>div:first-child,.practice-page-grid>div:first-child{height:450px!important;position:relative!important}.kbc-arena-grid{grid-template-columns:1fr;gap:var(--space-6)}.kbc-multiplayer-grid{grid-template-columns:1fr!important}.hidden-tablet{display:none!important}}@media (max-width:768px){.container{padding:0 var(--space-4)}.card-base,.card-danger,.card-info,.card-success,.card-warning,.glass-panel{padding:var(--space-4)!important}.btn,button{min-height:40px}h1{font-size:clamp(22px,6vw,28px)}h2{font-size:clamp(18px,5vw,22px)}h3{font-size:clamp(16px,4vw,18px)}.profile-grid{grid-template-columns:1fr;gap:var(--space-6)}.color-match-controls-grid{grid-template-columns:1fr!important;gap:20px!important}.performance-visualization-grid{grid-template-columns:1fr!important;gap:16px!important}.header-elo-badge,.hidden-mobile{display:none!important}}@media (max-width:767px){.hide-on-mobile{display:none!important}.show-on-mobile{display:flex!important}.header-logo-text{display:none}.cc-stats-strip{padding:10px 16px!important;gap:8px!important}.cc-menu-grid,.cc-stats-strip{grid-template-columns:1fr!important}.cc-menu-grid{height:380px!important}.cc-action-list{border-right:none!important;padding:12px 8px!important}}@media (max-width:640px){.matchup-grid{grid-template-columns:1fr!important;justify-items:center;gap:var(--space-3)!important}.matchup-grid>div:nth-child(2){transform:rotate(90deg);margin:8px 0}.kbc-options-grid{grid-template-columns:1fr!important}.kbc-lifelines-grid{grid-template-columns:repeat(2,1fr)!important}.form-row-grid{grid-template-columns:1fr!important;gap:16px!important}.header-tokens-label,.header-username{display:none!important}}@media (max-width:480px){.kbc-endscreen-actions{grid-template-columns:1fr!important}.header-logo-text{display:none!important}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}