@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:clamp(1.2rem,5vw,2rem);color:var(--text-main);text-shadow:var(--glow-cyan)}.neural-clock{font-size:clamp(.9rem,4vw,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}.profile-hero-card-centered{display:grid;grid-template-columns:auto 1fr auto;gap:40px;align-items:center;max-width:900px;margin:0 auto}@media(max-width:768px){.hud-header{flex-direction:column;gap:10px;text-align:center;padding:15px 0}.profile-hero-card-centered{grid-template-columns:1fr!important;gap:15px;padding:15px}.nav-btn{padding:8px 12px;font-size:.75rem}.cyber-btn{min-height:44px;display:flex;align-items:center;justify-content:center;font-size:.8rem}}@media(max-width:400px){.app-title{font-size:1.1rem}.hud-nav{gap:5px}.nav-btn{width:38px;height:38px}}@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:10px;padding:12px 15px;background:#ffffff05;position:relative;border:1px solid rgba(255,255,255,.05)}.match-line-0{display:flex;flex-direction:column;align-items:center;gap:5px;margin-bottom:5px}.match-timer-container{flex:1}.match-timer{font-family:var(--text-mono);font-size:.75rem;color:var(--neon-yellow);font-weight:700;letter-spacing:1px;text-align:center}.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:.65rem;color:var(--text-main);text-transform:uppercase;letter-spacing:.5px;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:45px;padding:2px 0;background:#0009;border:1px solid var(--accent-primary);color:var(--accent-primary);text-align:center;font-family:var(--text-mono);font-weight:700;font-size:16px;outline:none;transition:.2s;appearance:textfield;-moz-appearance:textfield}.cyber-input-score::-webkit-outer-spin-button,.cyber-input-score::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}[data-theme=light] .cyber-input-score{background:#fff;border-color:#000;color:#000}.cyber-input-score:focus{border-color:var(--neon-yellow);box-shadow:0 0 10px #ffff004d}.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:6px 12px;cursor:pointer;transition:.2s;min-width:40px;font-size:.75rem;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;justify-content:center}.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}.history-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:15px}.history-match-card{background:#ffffff08;border:1px solid rgba(0,243,255,.1);padding:10px 12px;position:relative;font-family:var(--text-mono);font-size:.75rem;transition:.3s}.history-match-card:hover{background:#ffffff0d;border-color:var(--neon-cyan)}.pts-badge-corner{position:absolute;top:5px;right:5px;background:var(--neon-cyan);color:#000;padding:2px 6px;font-size:.65rem;font-weight:900;clip-path:polygon(10% 0,100% 0,100% 100%,0 100%);box-shadow:0 0 10px #00f3ff80}.history-main-row{margin-bottom:8px}.history-teams{display:flex;justify-content:flex-start;align-items:center;gap:8px;font-weight:700;color:var(--text-main);margin-bottom:4px;padding-right:50px}.h-team-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px}.h-vs{color:var(--text-muted);font-size:.6rem;opacity:.5}.history-pred-score{display:flex;gap:5px;font-size:.7rem}.h-label{opacity:.6}.h-value{color:var(--neon-yellow);font-weight:700}.history-result-row{margin-top:5px;padding-top:5px;border-top:1px dotted rgba(255,255,255,.1);font-size:.65rem;display:flex;gap:5px}.h-res-label{color:var(--system-green)}.h-res-value{font-weight:700;color:var(--system-green)}.history-footer{margin-top:8px;display:flex;justify-content:space-between;font-size:.6rem;opacity:.5}.h-outcome-badge{background:#ffffff0d;padding:1px 4px;border-radius:2px}[data-theme=light] .history-match-card{background:#f0f0f0;border-color:#ccc;color:#000}[data-theme=light] .h-team-name{color:#000}[data-theme=light] .pts-badge-corner{background:#000;color:#fff;box-shadow:none}.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)}.profile-section-centered{display:flex;justify-content:center;padding:20px 10px;perspective:1200px}.premium-card-wrapper{width:100%;max-width:380px;position:relative;z-index:10}.game-card{--theme-color: #00ff00;--theme-color-rgb: 0, 255, 0;--theme-glow: rgba(0, 255, 0, .6);--glass-bg: rgba(10, 20, 15, .85);background:#050505;background-image:radial-gradient(circle at 50% 30%,#141414cc,#000 80%),repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(var(--theme-color-rgb),.02) 2px,rgba(var(--theme-color-rgb),.02) 4px);border:1px solid #333;border-radius:16px;padding:4px;position:relative;box-shadow:0 20px 50px #000000e6,0 0 0 1px #ffffff1a,0 0 30px #000c inset;overflow:hidden;transition:transform .4s cubic-bezier(.25,.46,.45,.94),box-shadow .4s;aspect-ratio:9 / 15;display:flex;flex-direction:column}.game-card:hover{transform:translateY(-8px) scale(1.02) rotateX(2deg);box-shadow:0 30px 60px #000,0 0 25px var(--theme-glow);z-index:100}.game-card.rank-observer{--theme-color: #a0a0a0;--theme-color-rgb: 160, 160, 160;--theme-glow: rgba(160, 160, 160, .5)}.game-card.rank-analyst{--theme-color: #00ff00;--theme-color-rgb: 0, 255, 0;--theme-glow: rgba(0, 255, 0, .6)}.game-card.rank-strategist{--theme-color: #00ffff;--theme-color-rgb: 0, 255, 255;--theme-glow: rgba(0, 255, 255, .6)}.game-card.rank-visionary{--theme-color: #ff00ff;--theme-color-rgb: 255, 0, 255;--theme-glow: rgba(255, 0, 255, .6)}.game-card.rank-oracle{--theme-color: #ffd700;--theme-color-rgb: 255, 215, 0;--theme-glow: rgba(255, 215, 0, .7)}.card-frame-outer{position:absolute;inset:0;pointer-events:none;z-index:20;border-radius:14px;overflow:hidden}.frame-border{position:absolute;background:#1a1a1a;border:1px solid rgba(255,255,255,.1);box-shadow:0 0 10px #000c}.frame-border.top{top:0;left:30px;right:30px;height:12px;border-top:none;background:linear-gradient(to bottom,#222,#111)}.frame-border.bottom{bottom:0;left:30px;right:30px;height:12px;border-bottom:none;background:linear-gradient(to top,#222,#111)}.frame-border.left{left:0;top:40px;bottom:40px;width:8px;border-left:none;background:linear-gradient(to right,#222,#111)}.frame-border.right{right:0;top:40px;bottom:40px;width:18px;border-right:none;background:linear-gradient(to left,#222,#111);display:flex;align-items:center;justify-content:center}.frame-corner{position:absolute;width:40px;height:40px;background:#111;border:1px solid var(--theme-color);box-shadow:0 0 10px var(--theme-glow);z-index:25}.frame-corner.top-left{top:0;left:0;clip-path:polygon(0 0,100% 0,100% 20%,20% 100%,0 100%);border-bottom:none;border-right:none}.frame-corner.top-right{top:0;right:0;clip-path:polygon(0 0,100% 0,100% 100%,80% 100%,0 20%);border-bottom:none;border-left:none}.frame-corner.bottom-left{bottom:0;left:0;clip-path:polygon(0 0,20% 0,100% 80%,100% 100%,0 100%);border-top:none;border-right:none}.frame-corner.bottom-right{bottom:0;right:0;clip-path:polygon(80% 0,100% 0,100% 100%,0 100%,0 80%);border-top:none;border-left:none}.security-module-integrated{position:absolute;top:5px;left:5px;pointer-events:auto}.frame-icon-btn{background:transparent;border:none;color:var(--theme-color);opacity:.6;cursor:pointer;transition:.3s;filter:drop-shadow(0 0 2px var(--theme-glow))}.frame-icon-btn:hover,.frame-icon-btn.active{opacity:1;transform:scale(1.1);filter:drop-shadow(0 0 5px var(--theme-glow))}.frame-corner.bottom-right{display:flex;align-items:center;justify-content:center;pointer-events:auto}.gear-btn{position:absolute;bottom:5px;right:5px}.vertical-id-container{writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);display:flex;gap:10px;align-items:center}.mono-id{font-family:monospace;font-size:.55rem;color:var(--theme-color);letter-spacing:2px;opacity:.8}.mono-batch{font-family:monospace;font-size:.4rem;color:#555;letter-spacing:1px}.card-content-layer{flex:1;display:flex;flex-direction:column;padding:20px 40px;z-index:5;position:relative}.holo-container{position:relative;width:140px;height:140px;margin:30px auto 20px;display:flex;justify-content:center;align-items:center}.holo-ring{display:block;position:absolute;inset:0;border:1px solid var(--theme-color);background:transparent;border-radius:16px;z-index:5;pointer-events:none;box-shadow:inset 0 0 10px var(--theme-glow)}.holo-avatar-mask{width:130px;height:130px;background:transparent;border-radius:16px;display:flex;justify-content:center;align-items:center;position:relative;z-index:2;overflow:hidden;filter:drop-shadow(0 0 15px var(--theme-glow))}.holo-glitch-overlay{position:absolute;inset:0;background:repeating-linear-gradient(transparent 0,transparent 2px,var(--theme-color) 3px);opacity:.05;z-index:3;pointer-events:none;mix-blend-mode:screen}.identity-module{text-align:center;margin-bottom:20px}.card-name-premium{font-family:Tektur,sans-serif;font-size:1.8rem;margin:0;color:#fff;text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 10px rgba(0,0,0,.8);position:relative}.card-role-implant{display:inline-flex;align-items:center;gap:8px;background:#0009;border:1px solid var(--theme-color);padding:4px 12px;margin-top:8px;border-radius:2px;position:relative;cursor:pointer;transition:.3s}.card-role-implant:hover{background:var(--theme-glow);box-shadow:0 0 15px var(--theme-glow)}.card-role-implant:hover .role-text-premium{color:#000}.implant-light{width:6px;height:6px;background:var(--theme-color);border-radius:50%;box-shadow:0 0 5px var(--theme-color);animation:blink 2s infinite}.role-text-premium{font-size:.7rem;color:var(--theme-color);font-weight:700;letter-spacing:1px}@keyframes blink{50%{opacity:.3}}.power-block{margin-top:auto;background:#0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:2px solid var(--theme-color);border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-evenly;padding:15px 5px;position:relative;gap:10px}.stat-chamber{flex:1;display:flex;flex-direction:column;align-items:center;position:relative;padding:8px;background:linear-gradient(135deg,rgba(255,255,255,.03) 0%,transparent 100%);border:1px solid rgba(255,255,255,.05);border-radius:6px;transition:.3s}.stat-chamber:hover{background:#ffffff14;border-color:var(--theme-color);box-shadow:0 0 15px rgba(var(--theme-color-rgb),.2);transform:translateY(-2px)}.stat-chamber:not(:last-child):after{content:none}.chamber-label{font-size:.5rem;color:#fff9;margin-bottom:4px;text-transform:uppercase;letter-spacing:1px;font-weight:600}.chamber-val{font-size:1.3rem;font-weight:900;color:#fff;font-family:Courier New,monospace;text-shadow:0 2px 4px #000}.chamber-val.highlight{color:var(--theme-color);text-shadow:0 0 10px var(--theme-glow)}.chamber-icon{margin-top:auto;color:var(--theme-color);opacity:.8;filter:drop-shadow(0 0 3px var(--theme-glow));transform:scale(.9)}.auth-footer{margin-top:15px;text-align:center;font-size:.55rem;font-family:monospace;color:#444}.auth-label{color:#333;margin-right:5px}.auth-val{color:#555}.password-overlay-glass{position:absolute;top:35%;left:10%;right:10%;background:#000000f2;border:1px solid var(--theme-color);padding:20px;z-index:50;display:flex;flex-direction:column;align-items:center;box-shadow:0 0 30px #000;border-radius:8px}.pass-label{font-size:.6rem;color:var(--theme-color);margin-bottom:10px;letter-spacing:2px}.pass-val-large{font-size:1.2rem;font-family:monospace;color:#fff;margin-bottom:15px;letter-spacing:1px}.copy-btn-premium{background:var(--theme-color);color:#000;font-weight:700;display:flex;align-items:center;gap:8px;padding:8px 20px;clip-path:polygon(10% 0,100% 0,90% 100%,0% 100%)}.edit-profile-fields-card{display:flex;flex-direction:column;gap:12px;width:100%;align-items:center;justify-content:center;padding:10px 0}.name-edit-input{width:90%!important;max-width:250px;text-align:center;font-size:1.2rem!important;padding:10px!important;background:#000000b3!important;border:1px solid var(--theme-color)!important;color:#fff!important;font-family:Tektur,sans-serif!important;text-transform:uppercase;letter-spacing:2px}.cyber-btn-xs{background:var(--theme-color);color:#000;border:none;padding:6px 15px;font-family:inherit;font-weight:700;cursor:pointer;clip-path:polygon(10% 0,100% 0,90% 100%,0% 100%)}.rank-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:9999}.rank-modal-content{background:#000;border:2px solid var(--neon-cyan);box-shadow:0 0 30px #0ff3;padding:30px;max-width:450px;width:90%;position:relative;clip-path:polygon(10% 0,100% 0,100% 90%,90% 100%,0 100%,0 10%)}.rank-modal-title{color:var(--neon-cyan);text-shadow:var(--glow-cyan);margin-bottom:25px;font-size:1.2rem;letter-spacing:2px;text-align:center;text-transform:uppercase}.rank-list{display:flex;flex-direction:column;gap:12px;margin-bottom:30px}.rank-item{padding:12px 15px;border-left:3px solid #444;background:#ffffff08;font-size:.9rem;transition:.3s;--item-color: #444;--item-glow: rgba(255, 255, 255, .05)}.rank-item.rank-observer{--item-color: #a0a0a0;--item-glow: rgba(160, 160, 160, .15)}.rank-item.rank-analyst{--item-color: #00ff00;--item-glow: rgba(0, 255, 0, .15)}.rank-item.rank-strategist{--item-color: #00ffff;--item-glow: rgba(0, 255, 255, .15)}.rank-item.rank-visionary{--item-color: #ff00ff;--item-glow: rgba(255, 0, 255, .15)}.rank-item.rank-oracle{--item-color: #ffd700;--item-glow: rgba(255, 215, 0, .2)}.rank-item{border-left-color:var(--item-color)}.rank-item.current{background:var(--item-glow);border-left-width:6px;box-shadow:inset 5px 0 15px var(--item-glow);color:#fff;font-weight:700}.close-btn{width:100%;height:45px!important}.avatar-hud{display:none}.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}