@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg: #0a0a0f;--bg-secondary: #12121a;--bg-tertiary: #1a1a24;--fg: #fff;--fg-muted: rgba(255, 255, 255, .6);--fg-subtle: rgba(255, 255, 255, .3);--accent: #22c55e;--accent-muted: rgba(34, 197, 94, .2);--accent-gradient: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--accent-glow: rgba(99, 102, 241, .4);--danger: #ef4444;--warning: #f59e0b;--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .08);--glass-hover: rgba(255, 255, 255, .06);--border: rgba(255, 255, 255, .1);--card-bg: rgba(255, 255, 255, .03);--card-hover: rgba(255, 255, 255, .06);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100%}.app{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:40px 40px 80px;overflow-y:auto;position:relative}.auth-btn{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--fg-muted);padding:10px 20px;border-radius:8px;font-family:inherit;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.auth-btn:hover{background:var(--glass-hover);border-color:#ffffff26;color:var(--fg)}.auth-user{display:flex;align-items:center;gap:12px}.auth-username{font-size:13px;color:var(--fg-muted)}.auth-loading{font-size:13px;color:var(--fg-subtle)}.hero{text-align:center;margin:60px 0 40px}.hero-title{font-size:56px;font-weight:800;letter-spacing:-.02em;background:linear-gradient(to right,#fff,#9ca3af);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:12px}.hero-subtitle{font-size:16px;color:var(--fg-muted);font-weight:400;margin-bottom:24px}.hero-tip{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;background:#f59e0b14;border-radius:100px;color:var(--warning);font-size:13px;font-weight:500}.tip{display:block;margin-top:8px;font-size:13px;color:var(--warning);opacity:.9}.navbar{position:fixed;top:0;left:0;right:0;height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;background:#0a0a0fcc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--glass-border);z-index:1000}.nav-brand{display:flex;align-items:center}.nav-logo{font-weight:700;font-size:18px;letter-spacing:-.01em}.home-btn{background:none;border:none;color:inherit;cursor:pointer;padding:4px 8px;border-radius:6px;transition:background .2s}.home-btn:hover{background:#ffffff1a}.nav-actions{display:flex;align-items:center;gap:12px}.crosshair-picker{display:flex;align-items:center;gap:6px;padding:4px 8px;background:#ffffff0d;border-radius:6px}.crosshair-color-btn{width:20px;height:20px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform .1s,border-color .1s}.crosshair-color-btn:hover{transform:scale(1.15)}.crosshair-color-btn.active{border-color:#fff;box-shadow:0 0 4px #ffffff80}.nav-divider{width:1px;height:24px;background:var(--glass-border);margin:0 4px}.nav-stats{display:flex;gap:16px;margin-right:8px}.nav-stat-item{font-family:JetBrains Mono,monospace;font-size:13px;color:var(--fg-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;border-radius:8px;font-weight:600;font-size:13px;cursor:pointer;transition:all .2s ease;border:1px solid transparent;font-family:inherit}.btn:hover{transform:translateY(-1px)}.nav-btn{background:transparent;color:var(--fg-muted);padding:8px 12px;font-weight:500}.nav-btn:hover{color:var(--fg);background:var(--glass-hover);transform:none}.auth-btn-primary{background:var(--fg);color:#000}.auth-btn-small{background:transparent;border-color:var(--glass-border);color:var(--fg-muted);padding:6px 12px;font-size:12px}.category-tabs-container{display:flex;justify-content:center;margin-bottom:32px}.category-tabs{display:flex;justify-content:center;align-items:center;gap:8px;margin-bottom:32px;flex-wrap:wrap;max-width:900px;background:var(--bg-secondary);padding:4px;border-radius:12px;border:1px solid var(--glass-border)}.category-tab{display:flex;align-items:center;gap:8px;padding:8px 20px;background:transparent;border:1px solid transparent;border-radius:8px;color:var(--fg-muted);font-family:inherit;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.category-tab:hover{color:var(--fg);background:var(--glass-hover)}.category-tab.active{background:var(--glass-bg);border-color:var(--glass-border);color:var(--fg);box-shadow:0 2px 8px #0003}.category-icon{font-size:16px}.category-label{text-transform:uppercase;letter-spacing:.05em}.scenario-carousel{width:100%;max-width:1200px;overflow-x:auto;overflow-y:visible;padding:20px 0;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.scenario-carousel::-webkit-scrollbar{height:6px}.scenario-carousel::-webkit-scrollbar-track{background:transparent}.scenario-carousel::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.scenario-carousel::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.scenario-category-badge{position:absolute;top:12px;right:12px;font-size:10px;text-transform:uppercase;letter-spacing:.08em;padding:4px 10px;background:#ffffff14;border-radius:100px;color:var(--fg-subtle)}.scenario-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;max-width:1000px;width:100%;justify-content:center;justify-items:center}.scenario-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:28px;text-align:left;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);color:var(--fg);font-family:inherit;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:relative;overflow:hidden}.scenario-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--accent-gradient);opacity:0;transition:opacity .3s ease;z-index:-1}.scenario-card:hover,.scenario-card.focused{background:var(--glass-hover);border-color:#6366f14d;transform:translateY(-4px);box-shadow:0 20px 40px #0006,0 0 30px var(--accent-glow);outline:none}.scenario-card:hover:before,.scenario-card.focused:before{opacity:.05}.scenario-card h2{font-size:20px;font-weight:500;margin-bottom:12px;padding-right:80px}.scenario-card p{font-size:14px;color:var(--fg-muted);line-height:1.5;margin-bottom:20px}.scenario-meta{display:flex;gap:16px;font-size:12px;color:var(--fg-subtle);text-transform:uppercase;letter-spacing:.1em}.game-container{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;background:#000;z-index:9000;display:flex;align-items:center;justify-content:center;contain:strict}.virtual-workspace{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;transform-origin:top left;will-change:transform}.game-canvas{width:100%;height:100%;display:block;will-change:transform}.countdown-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000c;color:#fff;z-index:100;pointer-events:none}.countdown-number{font-size:120px;font-weight:900;color:var(--primary);text-shadow:0 0 30px rgba(34,197,94,.5);animation:pulse .5s ease-out}.countdown-scenario{font-size:24px;opacity:.7;letter-spacing:2px;text-transform:uppercase}@keyframes pulse{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.1);opacity:1}to{transform:scale(1);opacity:1}}.game-hud{position:absolute;top:20px;left:50%;transform:translate(-50%);display:flex;gap:40px;z-index:50}.hud-item{display:flex;flex-direction:column;align-items:center}.hud-value{font-size:28px;font-weight:300}.hud-label{font-size:10px;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.15em}.hud-fps{opacity:.5}.exit-hint{position:fixed;bottom:20px;left:50%;transform:translate(-50%);font-size:12px;color:var(--fg-subtle);text-transform:uppercase;letter-spacing:.1em}.results-container{display:flex;flex-direction:column;align-items:center;gap:40px}.result-primary{display:flex;flex-direction:column;align-items:center}.result-primary .result-value{font-size:72px;font-weight:200}.result-primary .result-label{font-size:14px;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.2em}.result-secondary{display:flex;flex-direction:column;align-items:center}.result-secondary .result-value{font-size:36px;font-weight:300;color:var(--accent)}.result-secondary .result-label{font-size:12px;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.15em}.result-stats{display:flex;gap:60px;padding:30px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.stat{display:flex;flex-direction:column;align-items:center}.stat-value{font-size:24px;font-weight:400}.stat-label{font-size:11px;color:var(--fg-subtle);text-transform:uppercase;letter-spacing:.1em;margin-top:4px}.result-actions{display:flex;gap:20px;margin-top:20px}.btn{padding:14px 32px;font-size:14px;font-family:inherit;font-weight:500;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.btn-primary{background:var(--fg);color:var(--bg);border-color:var(--fg)}.btn-primary:hover{background:transparent;color:var(--fg)}.btn-secondary{background:transparent;color:var(--fg);border-color:var(--border)}.btn-secondary:hover{border-color:var(--fg-muted)}.btn-share{background:#22c55e26;color:#22c55e;border-color:#22c55e4d}.btn-share:hover{background:#22c55e40;border-color:#22c55e80}.fps-selector select{background:var(--card-bg);color:var(--fg);border:1px solid var(--border);padding:6px 12px;border-radius:4px;font-family:inherit;font-size:13px;cursor:pointer;outline:none;transition:all .2s ease}.fps-selector select:hover{border-color:var(--fg-subtle);background:var(--card-hover)}.fps-selector select option{background-color:#111;color:#fff}.scenario-highscore{margin-top:16px;padding-top:16px;border-top:1px solid var(--border);font-size:13px;color:var(--accent);font-weight:500;display:flex;align-items:center;gap:8px}.scenario-highscore:before{content:"★";font-size:14px;color:#fbbf24}.new-highscore-badge{background:var(--accent);color:#000;font-size:12px;font-weight:700;padding:4px 12px;border-radius:4px;margin-top:12px;text-transform:uppercase;letter-spacing:.1em;animation:pulse-badge 1s infinite}@keyframes pulse-badge{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}to{transform:scale(1);opacity:1}}.targets-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10}.target-element{position:absolute;top:0;left:0;border-radius:50%;pointer-events:auto;transform:translateZ(0) translate(-50%,-50%) scale(0);will-change:transform,opacity;display:flex;align-items:center;justify-content:center;box-shadow:0 0 15px #fff3;contain:layout style}.target-element.farm{border-radius:4px;background-image:linear-gradient(135deg,#fbbf2433,#b4530933);border:2px solid #fbbf24!important;box-shadow:0 0 20px #fbbf244d,inset 0 0 10px #fbbf2433}.target-element.farm:before{content:"";position:absolute;bottom:15%;left:50%;transform:translate(-50%);width:20%;height:25%;background:#0006;border-radius:1px}.target-element.farm:after{content:"";position:absolute;top:-8px;left:0;width:100%;height:3px;background:#22c55e;border-radius:2px;box-shadow:0 0 5px #22c55e80}.target-element.center-target{background-image:linear-gradient(135deg,#38bdf833,#0ea5e933)!important;border:2px solid #38bdf8!important;box-shadow:0 0 25px #38bdf866,inset 0 0 10px #38bdf833!important}.crosshair-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999}.custom-crosshair{position:absolute;width:24px;height:24px;pointer-events:none;transform:translate(-50%,-50%);--crosshair-color: #fff}.custom-crosshair:before,.custom-crosshair:after{content:"";position:absolute;background:var(--crosshair-color);box-shadow:0 0 4px #000c}.custom-crosshair:before{top:0;left:50%;width:2px;height:100%;transform:translate(-50%)}.custom-crosshair:after{top:50%;left:0;width:100%;height:2px;transform:translateY(-50%)}.target-element span{pointer-events:none}.target-element.spawn{animation:target-spawn .2s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes target-spawn{0%{transform:translate3d(var(--tx),var(--ty),0) translate(-50%,-50%) scale(0);opacity:0}to{transform:translate3d(var(--tx),var(--ty),0) translate(-50%,-50%) scale(1);opacity:1}}.target-element.hit{animation:target-hit .15s ease-out forwards;pointer-events:none}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.modal-content{background:#121212f2;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:2rem;width:100%;max-width:400px;position:relative;box-shadow:0 20px 50px #00000080;animation:slideUp .3s cubic-bezier(.16,1,.3,1)}.close-btn{position:absolute;top:10px;right:15px;background:none;border:none;color:#666;font-size:24px;cursor:pointer;transition:color .2s}.close-btn:hover{color:#fff}.modal-title{font-size:24px;font-weight:700;margin:0 0 5px;text-align:center;background:linear-gradient(135deg,#fff,#aaa);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.modal-subtitle{color:#888;font-size:14px;text-align:center;margin-bottom:25px}.auth-tabs{display:flex;margin-bottom:20px;background:#ffffff0d;border-radius:8px;padding:4px}.auth-tab{flex:1;background:transparent;border:none;color:#888;padding:8px;border-radius:8px;font-size:14px;cursor:pointer;transition:all .2s}.auth-tab:hover{color:#ccc;background:#ffffff0d}.auth-tab.active{background:#ffffff1a;color:#fff;font-weight:600;box-shadow:0 1px 3px #0000001a}.auth-switch{margin-top:15px;text-align:center;font-size:14px;color:#888}.text-link{background:none;border:none;color:#2563eb;cursor:pointer;padding:0;font:inherit;text-decoration:none;font-weight:600}.text-link:hover{color:#60a5fa;text-decoration:underline}.auth-form{display:flex;flex-direction:column;gap:15px}.auth-input{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:12px 16px;border-radius:8px;color:#fff;font-size:16px;outline:none;transition:all .2s}.auth-input:focus{border-color:#2563eb;background:#ffffff14;box-shadow:0 0 0 2px #2563eb33}.auth-submit-btn{background:#2563eb;color:#fff;border:none;padding:12px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.auth-submit-btn:hover:not(:disabled){background:#1d4ed8;transform:translateY(-1px)}.auth-submit-btn:disabled{opacity:.7;cursor:not-allowed}.auth-message{margin-top:15px;padding:10px;border-radius:6px;text-align:center;font-size:13px}.auth-message.error{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.auth-message.success{background:#22c55e1a;color:#22c55e;border:1px solid rgba(34,197,94,.2)}.trust-section{margin-top:24px;padding-top:20px;border-top:1px solid rgba(255,255,255,.08);text-align:center}.trust-badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#ffffff80}.trust-badge svg{color:#22c55e}.trust-badge a{color:#22c55e;text-decoration:none;font-weight:500}.trust-badge a:hover{text-decoration:underline}.privacy-note{font-size:11px;color:#ffffff59;margin-top:8px;line-height:1.4}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes target-hit{0%{transform:translate3d(var(--tx),var(--ty),0) translate(-50%,-50%) scale(1);opacity:1}to{transform:translate3d(var(--tx),var(--ty),0) translate(-50%,-50%) scale(1.5);opacity:0}}.settings-modal{max-width:420px}.settings-section{margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.08)}.settings-section:last-of-type{border-bottom:none;margin-bottom:16px}.settings-section h3{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:#888;margin:0 0 12px}.setting-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.setting-row:last-child{margin-bottom:0}.setting-row label{font-size:14px;color:#ccc}.setting-row select,.setting-row input{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:8px 12px;color:#fff;font-size:14px;min-width:120px}.setting-row select option{background:#1a1a1a;color:#fff}.setting-row input[type=number]{width:100px}.setting-row input[type=text]{width:150px}.setting-row select:focus,.setting-row input:focus{outline:none;border-color:#2563eb}.cm360-display{background:#22c55e1a;padding:10px 12px;border-radius:6px;margin-top:8px}.cm360-value{font-size:18px;font-weight:700;color:#22c55e}.settings-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.btn-primary{background:#2563eb;color:#fff;border:none}.btn-primary:hover{background:#1d4ed8}.btn-secondary{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#ccc}.btn-secondary:hover{background:#ffffff1a;color:#fff}.gear-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#888;padding:10px 16px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.gear-btn:hover{background:#ffffff1a;color:#fff;border-color:#fff3}.custom-crosshair{width:4px;height:4px;background-color:#fff;border-radius:50%;box-shadow:0 0 0 1px #00000080;position:absolute;top:0;left:0;pointer-events:none;z-index:9999;will-change:transform}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;padding:20px}.stats-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;padding:20px}.stats-card h3{margin:0 0 12px;font-size:14px;color:var(--fg-muted);text-transform:uppercase;letter-spacing:1px}.stats-card.overview .stat-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--glass-border)}.stats-card.overview .stat-row:last-child{border-bottom:none}.stats-card.overview strong{font-family:JetBrains Mono,monospace;color:var(--accent)}.best-list{display:flex;flex-direction:column;gap:6px}.best-item{display:flex;justify-content:space-between;padding:6px 0;font-size:13px}.best-item .score{font-family:JetBrains Mono,monospace;color:var(--accent)}.best-item .score.no-score{color:var(--fg-muted)}.card-subtitle{font-size:12px;color:var(--fg-muted);margin:0 0 12px}.dpi-list{display:flex;flex-direction:column;gap:8px}.dpi-item{display:flex;align-items:center;gap:12px;padding:8px 12px;background:#ffffff08;border-radius:6px;font-size:13px}.dpi-item.top{background:#22c55e1a;border:1px solid rgba(34,197,94,.3)}.dpi-value{font-family:JetBrains Mono,monospace;font-weight:600}.dpi-avg{color:var(--accent)}.dpi-count{color:var(--fg-muted);font-size:11px}.best-badge{margin-left:auto;color:#22c55e;font-size:12px}.resolution-list{display:flex;flex-direction:column;gap:6px}.resolution-item{display:flex;justify-content:space-between;font-size:13px;font-family:JetBrains Mono,monospace}.empty-state{text-align:center;padding:60px 20px;color:var(--fg-muted)}