:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;--bg: #0a0a0f;--bg-card: #12121a;--bg-hover: #1a1a2e;--border: rgba(255, 255, 255, .08);--text: #e8e8f0;--text-dim: rgba(255, 255, 255, .5);--accent: #6c5ce7;--hud-height: 55px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{margin:0;min-height:100vh;background:var(--bg);color:var(--text);overflow-x:hidden}.app-container{min-height:100vh;padding:2rem;max-width:900px;margin:0 auto}.app-header{margin-bottom:2rem}.logo-section{display:flex;align-items:center;gap:1rem}.logo-icon{width:56px;height:56px;background:linear-gradient(135deg,#6c5ce7,#a855f7);border-radius:14px;display:grid;place-items:center;box-shadow:0 4px 20px #6c5ce74d}.crosshair-logo{position:relative;width:28px;height:28px}.ch-h,.ch-v{position:absolute;background:#fff;border-radius:1px}.ch-h{width:100%;height:2px;top:50%;transform:translateY(-50%)}.ch-v{height:100%;width:2px;left:50%;transform:translate(-50%)}.ch-dot{position:absolute;width:6px;height:6px;background:#ff4757;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.app-title{font-size:1.6rem;font-weight:700;letter-spacing:-.03em;background:linear-gradient(135deg,#fff,#a0a0c0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.app-subtitle{font-size:.85rem;color:var(--text-dim)}.category-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:1px solid var(--border);padding-bottom:1rem}.category-tab{padding:.5rem 1.2rem;border:1px solid var(--border);border-radius:8px;background:transparent;color:var(--text-dim);cursor:pointer;font-size:.85rem;transition:all .2s}.category-tab:hover{background:var(--bg-hover);color:var(--text)}.category-tab.active{background:var(--accent);border-color:var(--accent);color:#fff}.game-grid{display:flex;flex-direction:column;gap:.75rem}.game-card{display:flex;align-items:center;gap:1rem;padding:1.1rem 1.3rem;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;cursor:pointer;transition:all .2s;position:relative;overflow:hidden}.game-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--card-color);opacity:0;transition:opacity .2s}.game-card:hover{background:var(--bg-hover);border-color:#ffffff1f;transform:translate(4px)}.game-card:hover:before{opacity:1}.card-icon{font-size:1.8rem;width:52px;height:52px;display:grid;place-items:center;background:#ffffff0a;border-radius:10px;flex-shrink:0}.card-content{flex:1;min-width:0}.card-title{font-size:1rem;font-weight:600;margin-bottom:.2rem}.card-desc{font-size:.8rem;color:var(--text-dim);margin-bottom:.4rem}.card-meta{display:flex;gap:1rem;font-size:.75rem;color:var(--text-dim)}.card-duration{padding:.15rem .5rem;background:#ffffff0f;border-radius:4px}.card-arrow{color:var(--text-dim);font-size:1.2rem;transition:transform .2s}.game-card:hover .card-arrow{transform:translate(4px)}.app-footer{margin-top:2rem;text-align:center;color:var(--text-dim);font-size:.8rem}.game-container{width:100vw;height:100vh;position:relative;background:#0a0a12;overflow:hidden}.game-hud{position:absolute;top:0;left:0;right:0;display:flex;justify-content:center;gap:2rem;padding:.8rem 1.5rem;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;border-bottom:1px solid rgba(255,255,255,.06)}.hud-item{display:flex;flex-direction:column;align-items:center;min-width:60px}.hud-label{font-size:.6rem;letter-spacing:.15em;text-transform:uppercase;color:#fff6;font-family:ui-monospace,monospace}.hud-value{font-size:1.3rem;font-weight:700;font-family:ui-monospace,monospace}.time-value{color:gold}.combo-value{color:#ff6b35}.game-area{position:absolute;top:var(--hud-height);left:0;right:0;bottom:0;cursor:crosshair;-webkit-user-select:none;user-select:none;overflow:hidden}.target{position:absolute;border-radius:50%;cursor:pointer;transition:transform .05s}.target:active{transform:scale(.85)}.gridshot-target{animation:popIn .15s ease-out}.flick-target{animation:flickAppear .15s ease-out}.tracking-target{transition:background .2s,box-shadow .2s}.tracking-active{transform:scale(1.1)}.speed-target{pointer-events:auto}.precision-target{animation:pulseGlow 1.5s infinite}.micro-target{animation:pulseGlow 1.2s infinite}.multikill-target{animation:spawn .2s ease-out}.crosshair-target,.strafe-target{animation:popIn .15s ease-out}@keyframes popIn{0%{transform:scale(0);opacity:0}70%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}@keyframes flickAppear{0%{transform:scale(0) rotate(-90deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}@keyframes spawn{0%{transform:scale(0)}80%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 10px currentColor}50%{box-shadow:0 0 25px currentColor,0 0 50px currentColor}}.game-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#000000d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:20;animation:fadeIn .3s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.game-menu{text-align:center;padding:2.5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:16px;min-width:320px;max-width:400px}.game-menu h2{font-size:1.8rem;margin-bottom:.5rem;background:linear-gradient(135deg,#fff,#888);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.game-desc{color:var(--text-dim);font-size:.9rem;margin-bottom:1.5rem}.game-info{display:flex;justify-content:center;gap:1.5rem;margin-bottom:2rem}.info-item{padding:.4rem .8rem;background:#ffffff0d;border-radius:6px;font-size:.8rem;color:var(--text-dim)}.btn-start{width:100%;padding:.9rem;background:linear-gradient(135deg,#6c5ce7,#a855f7);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;margin-bottom:.8rem}.btn-start:hover{transform:translateY(-2px);box-shadow:0 6px 25px #6c5ce766}.btn-back{width:100%;padding:.7rem;background:transparent;color:var(--text-dim);border:1px solid var(--border);border-radius:10px;font-size:.9rem;cursor:pointer;transition:all .2s}.btn-back:hover{background:var(--bg-hover);color:var(--text)}.result-panel{text-align:center;padding:2.5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:16px;min-width:350px;max-width:450px;animation:slideUp .4s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.result-panel h2{font-size:1.6rem;margin-bottom:1.5rem;color:gold}.result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin-bottom:1.5rem}.result-item{padding:.8rem;background:#ffffff08;border-radius:8px;border:1px solid rgba(255,255,255,.05)}.result-label{display:block;font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);margin-bottom:.3rem}.result-value{font-size:1.3rem;font-weight:700;font-family:ui-monospace,monospace}.result-buttons{display:flex;flex-direction:column;gap:.5rem}.result-history{margin-bottom:1.5rem;display:flex;flex-direction:column;gap:.3rem}.history-item{display:flex;justify-content:space-between;padding:.4rem .8rem;background:#ffffff08;border-radius:6px;font-size:.85rem;font-family:ui-monospace,monospace}.reaction-area{cursor:pointer;display:grid;place-items:center;transition:background .3s}.reaction-ready{background:#2d1f1f}.reaction-go{background:#1a3a1a}.reaction-early{background:#3a2a1a}.reaction-result{background:#1a1a2e}.reaction-text{font-size:2rem;font-weight:700;text-align:center;animation:fadeIn .3s}.reaction-go-text{color:#0f8;font-size:3rem;text-shadow:0 0 40px #00ff8866}.reaction-early-text{color:#ff9f43}.reaction-result-display{text-align:center;animation:slideUp .3s ease-out}.reaction-time-big{font-size:5rem;font-weight:800;font-family:ui-monospace,monospace;text-shadow:0 0 60px currentColor}.reaction-label{font-size:1.4rem;margin-top:.5rem;color:var(--text)}.reaction-hint{font-size:.9rem;color:var(--text-dim);margin-top:1rem}.crosshair-custom{position:absolute;pointer-events:none;z-index:5;width:20px;height:20px;transform:translate(-50%,-50%)}.crosshair-custom:before,.crosshair-custom:after{content:"";position:absolute;background:#ffffffb3}.crosshair-custom:before{width:100%;height:1px;top:50%}.crosshair-custom:after{height:100%;width:1px;left:50%}.crosshair-dot{position:absolute;width:3px;height:3px;background:#ff4757;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.head-line{position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(95,39,205,.4),rgba(95,39,205,.6),rgba(95,39,205,.4),transparent);pointer-events:none;z-index:1}.head-line:before{content:"HEAD LEVEL";position:absolute;right:1rem;top:-1.2rem;font-size:.6rem;letter-spacing:.15em;text-transform:uppercase;color:#5f27cd99;font-family:ui-monospace,monospace}@media(max-width:600px){.app-container{padding:1rem}.game-hud{gap:1rem;padding:.5rem}.hud-value{font-size:1rem}.result-grid{grid-template-columns:repeat(2,1fr)}.game-menu,.result-panel{padding:1.5rem;min-width:280px}.reaction-time-big{font-size:3rem}}