@import"https://fonts.googleapis.com/css2?family=Tektur:wght@400;700&family=JetBrains+Mono:wght@400;700&display=swap&subset=cyrillic";:root{--accent-primary: #ffff00;--accent-bright: #fbff00;--accent-dim: rgba(255, 255, 0, .4);--accent-hover: #e6e600;--neon-cyan: var(--accent-primary);--neon-yellow: var(--accent-primary);--neon-magenta: var(--accent-primary);--system-red: #ff3131;--system-green: var(--accent-primary);--cyber-bg: #050505;--cyber-surface: #101014;--cyber-grid: rgba(255, 255, 0, .05);--text-main: #e0e0e0;--text-muted: #888;--text-on-accent: #000000;--glow-primary: 0 0 10px var(--accent-dim);--glow-cyan: var(--glow-primary);--glow-magenta: var(--glow-primary);--glow-yellow: var(--glow-primary);--text-mono: "JetBrains Mono", monospace;--text-header: "Tektur", sans-serif}[data-theme=light]{--accent-primary: #000000;--accent-bright: #000000;--accent-dim: rgba(0, 0, 0, .1);--accent-hover: #333333;--cyber-bg: #ffffff;--cyber-surface: #ffffff;--cyber-grid: rgba(0, 0, 0, .05);--text-main: #000000;--text-muted: #444444;--text-on-accent: #ffffff;--neon-cyan: var(--accent-primary);--neon-yellow: var(--accent-primary);--neon-magenta: var(--accent-primary);--system-green: var(--accent-primary);--glow-primary: none;--glow-cyan: none;--glow-magenta: none;--glow-yellow: none}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--text-header);background-color:var(--cyber-bg);color:var(--text-main);min-height:100vh;overflow-x:hidden;background-image:linear-gradient(var(--cyber-grid) 1px,transparent 1px),linear-gradient(90deg,var(--cyber-grid) 1px,transparent 1px);background-size:30px 30px;transition:background .3s,color .3s}.noise-overlay,.crt-overlay,.scanline-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000}.noise-overlay{background:url(https://grainy-gradients.vercel.app/noise.svg);opacity:.05;mix-blend-mode:overlay}[data-theme=light] .noise-overlay{opacity:.02}.crt-overlay{background:radial-gradient(#12101000 50%,#0003),linear-gradient(#12101000 50%,#0000000d 50%);background-size:100% 100%,100% 4px}.scanline-overlay{height:100px;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.03) 50%,transparent);animation:scanline 8s linear infinite;opacity:.1}.cyber-card{background:var(--cyber-surface);border:1px solid var(--neon-cyan);padding:20px;box-shadow:var(--glow-cyan);clip-path:polygon(0 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%);transition:all .2s}.cyber-card:hover{border-color:var(--neon-magenta);box-shadow:var(--glow-magenta)}.cyber-btn{background:transparent;border:2px solid var(--neon-cyan);color:var(--neon-cyan);font-family:var(--text-header);padding:10px 20px;cursor:pointer;text-transform:uppercase;clip-path:polygon(10% 0,100% 0,100% 70%,90% 100%,0 100%,0 30%);transition:all .3s}.cyber-btn:hover:not(:disabled){background:var(--accent-primary)!important;color:var(--text-on-accent)!important;box-shadow:var(--glow-primary)}.cyber-btn:hover:not(:disabled) *{color:var(--text-on-accent)!important}.cyber-btn:disabled{opacity:.5;cursor:not-allowed}.cyber-badge{font-family:var(--text-header);font-size:.7rem;padding:2px 8px;border:1px solid var(--neon-yellow);color:var(--neon-yellow);text-transform:uppercase}.glitch-text{font-size:1.5rem;letter-spacing:4px;color:var(--neon-cyan);position:relative}.cyber-loader,.view-loader{display:flex;align-items:center;justify-content:center;height:100vh;font-family:Tektur,sans-serif;color:var(--neon-cyan);letter-spacing:5px;animation:pulse 2s infinite}.view-loader{height:300px}.cyber-container{padding:0 5%;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);max-width:1400px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column}.hud-header{display:flex;justify-content:space-between;align-items:center;padding:20px 0;padding-top:calc(20px + env(safe-area-inset-top));border-bottom:2px solid var(--neon-cyan);margin-bottom:30px}.app-title{font-size:2rem;color:var(--text-main);text-shadow:var(--glow-cyan)}.neural-clock{font-size:1.4rem;color:var(--neon-cyan);text-shadow:var(--glow-cyan)}.hud-nav{display:flex;gap:10px}.nav-btn{background:transparent;border:1px solid var(--glass-overlay);color:var(--text-muted);padding:8px;width:42px;height:42px;cursor:pointer;clip-path:polygon(15% 0,100% 0,85% 100%,0 100%);transition:.3s;display:flex;align-items:center;justify-content:center}.nav-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px}.nav-btn.active{background:var(--accent-primary)!important;color:var(--text-on-accent)!important;border-color:var(--accent-primary)!important;box-shadow:var(--glow-primary)}.nav-btn.active *{color:var(--text-on-accent)!important}@media(max-width:768px){.hud-header{flex-direction:column;gap:15px;text-align:center}.profile-hero-card-centered{grid-template-columns:1fr!important;gap:20px}.nav-btn{padding:12px 15px;font-size:.8rem}.cyber-btn{min-height:50px;display:flex;align-items:center;justify-content:center}}@keyframes scanline{0%{transform:translateY(-100px)}to{transform:translateY(100vh)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .4s ease-out}@keyframes syncAppear{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pulse{0%{opacity:.4}50%{opacity:1;text-shadow:0 0 15px var(--neon-cyan)}to{opacity:.4}}@keyframes beamSlide{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.active-selection-beam{position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--neon-cyan);box-shadow:0 0 10px var(--neon-cyan);animation:beamSlide .3s ease-out}@keyframes timerDrain{0%{width:100%}to{width:0%}}.tab-view{animation:tabGlitchedIn .3s cubic-bezier(.19,1,.22,1)}@keyframes tabGlitchedIn{0%{opacity:0;transform:translate(10px);filter:brightness(2) contrast(2)}50%{opacity:.5;transform:translate(-5px)}to{opacity:1;transform:translate(0);filter:brightness(1) contrast(1)}}.cyber-btn:active{transform:scale(.98);filter:brightness(1.2)}.login-overlay{position:fixed;inset:0;background:#000000e6;display:flex;justify-content:center;align-items:center;z-index:3000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.login-window{width:100%;max-width:500px;padding:40px;border-width:2px}.login-header{margin-bottom:30px;text-align:center}.header-line{height:2px;background:linear-gradient(90deg,transparent,var(--neon-cyan),transparent);margin-top:10px}.login-hint{font-size:.8rem;color:var(--text-muted);margin-bottom:20px;text-transform:uppercase;letter-spacing:2px}.provider-grid{display:flex;flex-direction:column;gap:15px}.oauth-btn{width:100%;position:relative;border-color:var(--provider-color)!important;color:var(--provider-color)!important;overflow:hidden;text-align:left;padding-left:30px}.oauth-btn:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--provider-color)}.oauth-btn:hover{background:var(--provider-color)!important;color:#000!important;box-shadow:0 0 20px var(--provider-color)!important}.provider-tag{position:absolute;right:15px;font-size:.5rem;opacity:.5}.auth-status-panel{padding:30px;text-align:center}.status-indicator{position:relative;overflow:hidden;border:1px solid var(--neon-cyan);padding:20px;margin-bottom:20px}.status-indicator.connecting{border-color:var(--neon-yellow);color:var(--neon-yellow)}.status-indicator.success{border-color:var(--system-green);color:var(--system-green)}.scanner-line{position:absolute;top:0;left:0;width:100%;height:4px;background:currentColor;opacity:.3;animation:scan 1.5s linear infinite}@keyframes scan{0%{top:0}to{top:100%}}.status-text{font-size:1.2rem;margin-bottom:5px}.provider-id{font-size:.7rem;opacity:.7}.data-stream-mini{font-family:var(--text-mono);font-size:.6rem;color:var(--text-muted);text-align:left;line-height:1.5}.match-grid-full{display:flex;flex-direction:column;gap:15px;margin-top:20px}.multi-line-match{display:flex;flex-direction:column;gap:15px;padding:20px;background:#ffffff05;position:relative}.match-line-0{display:flex;justify-content:space-between;align-items:center;margin-bottom:-10px}.match-timer-container{flex:1}.match-timer{font-family:var(--text-mono);font-size:.8rem;color:var(--neon-yellow);font-weight:700;letter-spacing:1px}.locked-timer{color:var(--system-red)}.match-time-tag{font-size:.6rem;font-family:var(--text-mono);color:var(--text-muted);opacity:.6}.team-meta-container{display:flex;align-items:center;gap:10px;flex:1;justify-content:flex-end}.team-meta-container.team-right{justify-content:flex-start}.team-name{font-family:var(--text-header);font-size:.9rem;color:var(--text-main);text-transform:uppercase;letter-spacing:1px;flex:1;text-align:right}.team-right .team-name{text-align:left}.team-logo-placeholder{display:none}.team-score-block{display:flex;align-items:center;gap:12px;min-width:120px;justify-content:center}.cyber-input-score{width:40px;background:#0009;border:1px solid var(--accent-primary);color:var(--accent-primary);text-align:center;font-family:var(--text-mono);font-weight:700;outline:none;transition:.2s}[data-theme=light] .cyber-input-score{background:#fff;border-color:#000;color:#000}.cyber-input-score:focus{border-color:var(--neon-yellow);box-shadow:var(--glow-yellow)}.outcome-selector-hud{display:flex;gap:5px;background:#0003;padding:5px;border-radius:4px;justify-content:center}.toggle-mini-cyber{background:transparent;border:1px solid rgba(255,255,255,.1);color:var(--text-muted);padding:8px 15px;cursor:pointer;transition:.2s;min-width:45px;position:relative;overflow:hidden}.toggle-mini-cyber.active{background:var(--accent-primary)!important;color:var(--text-on-accent)!important;box-shadow:var(--glow-primary)}.toggle-mini-cyber.active *{color:var(--text-on-accent)!important}.toggle-mini-cyber.blocked{opacity:.2;cursor:not-allowed}.match-card.locked{border-color:var(--system-green);opacity:.9;background:#00ff6608}.match-card.locked .cyber-input-score{border-color:#ffffff1a;color:var(--text-muted);cursor:not-allowed}.lock-icon{font-size:1rem;text-shadow:0 0 10px var(--neon-yellow);animation:pulse-lock 2s infinite}@keyframes pulse-lock{0%{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}to{opacity:.8;transform:scale(1)}}.sub-nav-hud{display:flex;gap:10px;margin-bottom:20px}.sub-nav-btn{background:transparent;border:1px solid var(--neon-cyan);color:var(--neon-cyan);padding:8px 20px;font-family:var(--text-mono);font-size:.7rem;clip-path:polygon(10% 0,100% 0,90% 100%,0 100%);cursor:pointer;transition:all .3s;text-transform:uppercase}.sub-nav-btn:hover{background:#00f3ff1a;box-shadow:0 0 10px var(--neon-cyan)}.sub-nav-btn.active{background:var(--neon-cyan);color:#000;box-shadow:0 0 15px var(--neon-cyan)}[data-theme=light] .sub-nav-btn{border-color:#000;color:#000}[data-theme=light] .sub-nav-btn.active{background:#000;color:#fff;box-shadow:none}.empty-history-msg{padding:40px;text-align:center;color:var(--text-muted);font-family:var(--text-mono);font-size:.8rem;letter-spacing:2px}.avatar-hud{display:flex;flex-direction:column;align-items:center}.avatar-frame{width:100px;height:100px;border:2px solid var(--neon-cyan);background:#000;clip-path:polygon(15% 0,100% 0,100% 85%,85% 100%,0 100%,0 15%);display:flex;justify-content:center;align-items:center;box-shadow:var(--glow-cyan)}.south-park-avatar-container{background:#111;transition:.2s}.south-park-avatar-container:hover{transform:scale(1.05) rotate(1deg)}.avatar-id-stamp-mini{position:absolute;bottom:4px;width:100%;text-align:center;font-size:.5rem;opacity:.5;color:#fff}.profile-hero-card-centered{display:grid;grid-template-columns:auto 1fr auto;gap:40px;align-items:center;max-width:900px;margin:0 auto}.user-title{font-size:2.2rem;margin-bottom:10px}.info-row{margin-bottom:5px;opacity:.9}.info-row .value{color:var(--neon-cyan);margin-left:10px}.stat-val{font-size:2rem;color:var(--neon-yellow);text-shadow:var(--glow-yellow)}.progress-bar-cyber{width:100%;height:6px;background:#ffffff0d;margin:10px 0;overflow:hidden}.progress-fill-cyber{height:100%;background:linear-gradient(90deg,var(--neon-cyan),var(--neon-yellow));transition:.5s}.profile-actions{display:flex;gap:10px;margin-top:15px}.warn-btn{border-color:var(--neon-magenta)!important;color:var(--neon-magenta)!important}.warn-btn:hover{background:#ff00ff1a;box-shadow:0 0 15px var(--neon-magenta)}.account-switcher-container{margin-top:40px;padding:30px;background:#0006;border:1px solid var(--accent-dim);clip-path:polygon(0 0,100% 0,100% 70%,95% 100%,0 100%);position:relative;border-left:4px solid var(--accent-primary)}.section-subtitle{font-size:.9rem;color:var(--neon-cyan);margin-bottom:25px;letter-spacing:3px;text-shadow:var(--glow-cyan)}.users-list-horizontal{display:flex;gap:25px;overflow-x:auto;padding:10px 5px;scrollbar-width:thin;scrollbar-color:var(--neon-cyan) transparent}.user-mini-card{display:flex;flex-direction:column;align-items:center;gap:10px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);min-width:100px;position:relative;padding:15px;background:#ffffff08}.user-mini-card:hover{transform:translateY(-8px);background:#00ffff0d;box-shadow:0 5px 20px #00000080}.mini-name{font-size:.75rem;color:#fff;text-transform:uppercase;text-align:center;letter-spacing:1px}.edit-profile-fields{display:flex;flex-direction:column;gap:15px;width:100%;max-width:300px}.name-edit-input{width:100%!important;text-align:left!important;padding:10px!important}.settings-grid-full{display:flex;flex-direction:column;gap:20px}.settings-item-hud{display:flex;flex-direction:column;gap:10px}.settings-toggle-group-cyber{display:flex;gap:5px}.cyber-toggle-btn{background:transparent;border:1px solid rgba(255,255,255,.1);color:var(--text-muted);padding:5px 12px;cursor:pointer}.cyber-toggle-btn.active{background:var(--accent-primary)!important;color:var(--text-on-accent)!important;box-shadow:var(--glow-primary)}.cyber-toggle-btn.active *{color:var(--text-on-accent)!important}.system-log-overlay{position:fixed;inset:0;background:#000000e6;display:flex;justify-content:center;align-items:center;z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}[data-theme=light] .system-log-overlay{background:#fffc}.premium-sync-card{width:450px;background:linear-gradient(135deg,var(--cyber-surface),var(--cyber-bg));border:1px solid var(--accent-primary);border-left:5px solid var(--accent-primary);padding:30px;position:relative;box-shadow:0 20px 50px #00000080,0 0 30px var(--accent-dim);animation:syncAppear .4s cubic-bezier(.18,.89,.32,1.28)}.sync-success-header{display:flex;align-items:center;gap:15px;margin-bottom:25px;border-bottom:1px solid var(--accent-dim);padding-bottom:15px}.success-icon{width:24px;height:24px;background:var(--accent-primary);color:var(--text-on-accent);border-radius:50%;display:flex;justify-content:center;align-items:center;font-weight:700;font-size:1rem;box-shadow:0 0 15px var(--accent-dim)}.header-text{font-family:var(--text-mono);color:var(--accent-primary);text-transform:uppercase;letter-spacing:2px;font-weight:600}.sync-content{margin-bottom:25px}.sync-score-display{font-size:2.5rem;font-family:var(--text-mono);color:#fff;text-align:center;margin-bottom:15px;text-shadow:0 0 20px rgba(255,255,255,.2)}.sync-hint-text{color:var(--text-muted);font-size:.85rem;line-height:1.6;text-align:center;font-family:var(--text-mono)}.sync-footer{display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.05);padding-top:15px;font-size:.6rem;color:#ffffff4d;font-family:var(--text-mono)}.sync-timer-bar{position:absolute;bottom:0;left:0;width:100%;height:2px;background:#ffffff1a}.sync-timer-fill{height:100%;background:var(--accent-primary);width:100%;animation:timerDrain 2s linear forwards}