/* FPSAim shared aim-trainer embed CSS — v2026-05-20 */
:root{
  --fpsaim-bg:#0a0a16;--fpsaim-bg2:#12122a;--fpsaim-accent:#00e5ff;--fpsaim-accent2:#7c4dff;
  --fpsaim-text:#e8eaf6;--fpsaim-muted:#8892b0;--fpsaim-red:#ff1744;
}
body.fpsaim-playing{overflow:hidden;height:100vh}
#fpsaim-game{position:fixed;inset:0;display:none;cursor:crosshair;z-index:2147483640;background:#0a0a16}
body.fpsaim-playing .qc-cmp2-container,
body.fpsaim-playing #qc-cmp2-container,
body.fpsaim-playing .fc-consent-root,
body.fpsaim-playing .fc-dialog,
body.fpsaim-playing .fc-dialog-container,
body.fpsaim-playing [id*="ot-sdk-container"],
body.fpsaim-playing [class*="onetrust"],
body.fpsaim-playing [id*="cmp-container"],
body.fpsaim-playing [class*="cookie-consent"],
body.fpsaim-playing [class*="cookieconsent"],
body.fpsaim-playing .cmp-popup,
body.fpsaim-playing [aria-label*="consent" i],
body.fpsaim-playing [aria-label*="cookie" i]{display:none !important;visibility:hidden !important;pointer-events:none !important;z-index:-1 !important}
#fpsaim-game canvas{display:block;width:100%;height:100%}
#fpsaim-hud{position:fixed;top:0;left:0;right:0;display:none;padding:12px 24px;background:rgba(10,10,22,0.85);backdrop-filter:blur(8px);z-index:2147483643;font-weight:700;font-family:system-ui,-apple-system,sans-serif;color:var(--fpsaim-text)}
#fpsaim-hud .fpsaim-row{display:flex;justify-content:space-between;align-items:center;max-width:1280px;margin:0 auto}
.fpsaim-stat{display:flex;flex-direction:column;align-items:center}
.fpsaim-stat-val{font-size:1.4rem;color:var(--fpsaim-accent);font-weight:900}
.fpsaim-stat-label{font-size:0.65rem;color:var(--fpsaim-muted);text-transform:uppercase;letter-spacing:1px}
#fpsaim-timer-bar{position:fixed;top:52px;left:0;right:0;height:3px;background:rgba(0,229,255,0.1);z-index:2147483643;display:none}
#fpsaim-timer-fill{height:100%;background:linear-gradient(90deg,var(--fpsaim-accent),var(--fpsaim-accent2));transition:width 0.1s linear}
#fpsaim-results{position:fixed;inset:0;display:none;flex-direction:column;align-items:center;justify-content:center;z-index:2147483645;background:rgba(10,10,22,0.95);backdrop-filter:blur(10px);font-family:system-ui,-apple-system,sans-serif;padding:24px;color:var(--fpsaim-text)}
#fpsaim-results h2{font-size:2.5rem;font-weight:900;color:var(--fpsaim-accent);margin-bottom:1rem;background:linear-gradient(135deg,var(--fpsaim-accent),var(--fpsaim-accent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.fpsaim-results-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:2rem;max-width:640px}
.fpsaim-result-card{background:var(--fpsaim-bg2);border:1px solid rgba(0,229,255,0.15);border-radius:12px;padding:20px;text-align:center}
.fpsaim-result-card .val{font-size:2rem;font-weight:900;color:var(--fpsaim-accent)}
.fpsaim-result-card .lbl{font-size:0.75rem;color:var(--fpsaim-muted);margin-top:4px;text-transform:uppercase}
.fpsaim-btn-row{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}
.fpsaim-btn-row button{padding:12px 32px;border:none;border-radius:12px;font-family:system-ui,-apple-system,sans-serif;font-weight:700;font-size:1rem;cursor:pointer;transition:all 0.2s}
.fpsaim-btn-primary{background:linear-gradient(135deg,var(--fpsaim-accent),var(--fpsaim-accent2));color:#000}
.fpsaim-btn-secondary{background:rgba(0,229,255,0.1);color:var(--fpsaim-accent);border:1px solid rgba(0,229,255,0.3)}
.fpsaim-btn-row button:hover{transform:scale(1.05)}
#fpsaim-sens-display{position:fixed;top:60px;right:16px;display:none;z-index:2147483644;color:var(--fpsaim-muted);font-size:0.75rem;font-weight:600;font-family:system-ui,-apple-system,sans-serif}
#fpsaim-mode-selector{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);display:none;z-index:2147483644;background:rgba(10,10,22,0.85);backdrop-filter:blur(8px);padding:8px;border-radius:14px;border:1px solid rgba(0,229,255,0.2);gap:6px}
#fpsaim-mode-selector.fpsaim-show{display:flex}
.fpsaim-mode-pill{padding:8px 16px;border:1px solid rgba(0,229,255,0.25);background:transparent;color:var(--fpsaim-text);border-radius:8px;cursor:pointer;font-size:0.8rem;font-weight:700;font-family:system-ui,-apple-system,sans-serif;transition:all 0.15s}
.fpsaim-mode-pill:hover{background:rgba(0,229,255,0.08);border-color:var(--fpsaim-accent)}
.fpsaim-mode-pill.fpsaim-active{background:var(--fpsaim-accent);color:#000;border-color:var(--fpsaim-accent)}

/* ============================================================
   Embedded trainer hero (for landing pages) — drop a START button
   anywhere with onclick="fpsAimStartMode('precision', 60)"
   ============================================================ */
.fpsaim-train-cta{display:inline-flex;align-items:center;gap:10px;padding:14px 32px;background:linear-gradient(135deg,#00e5ff,#7c4dff);color:#000;font-weight:900;text-decoration:none;border-radius:12px;border:none;font-size:1.05rem;cursor:pointer;font-family:system-ui,-apple-system,sans-serif;letter-spacing:0.5px;box-shadow:0 4px 14px rgba(0,229,255,0.25);transition:transform 0.15s,box-shadow 0.15s}
.fpsaim-train-cta:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,229,255,0.4)}
.fpsaim-train-cta::before{content:'▶';font-size:0.9em}

/* Mode quick-pick row for landing pages */
.fpsaim-mode-row{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0;align-items:center}
.fpsaim-mode-row .fpsaim-label{color:var(--fpsaim-muted);font-size:0.85rem;font-weight:600;margin-right:8px}
.fpsaim-mode-row button{padding:8px 14px;background:rgba(0,229,255,0.08);border:1px solid rgba(0,229,255,0.25);color:var(--fpsaim-text);border-radius:8px;cursor:pointer;font-size:0.85rem;font-weight:700;font-family:system-ui,-apple-system,sans-serif;transition:all 0.15s}
.fpsaim-mode-row button:hover{background:rgba(0,229,255,0.18);border-color:var(--fpsaim-accent)}

/* ============================================================
   Cross-promo widget (sticky right rail + inline card)
   ============================================================ */
.fpsx-crosspromo{position:relative;margin:24px 0;padding:18px 22px;background:linear-gradient(135deg,rgba(124,77,255,0.10),rgba(0,229,255,0.06));border:1px solid rgba(124,77,255,0.30);border-radius:12px;font-family:system-ui,-apple-system,sans-serif;color:var(--fpsaim-text)}
.fpsx-crosspromo__hd{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.fpsx-crosspromo__hd .fpsx-emoji{font-size:1.5rem}
.fpsx-crosspromo__hd .fpsx-title{font-weight:900;font-size:1.05rem;color:var(--fpsaim-accent)}
.fpsx-crosspromo__hd .fpsx-tag{padding:2px 8px;background:rgba(251,191,36,0.15);color:#fbbf24;font-size:0.7rem;border-radius:4px;font-weight:700;letter-spacing:0.5px}
.fpsx-crosspromo__body{font-size:0.92rem;color:var(--fpsaim-muted);line-height:1.55;margin-bottom:10px}
.fpsx-crosspromo__cta{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#000;font-weight:800;text-decoration:none;border-radius:8px;font-size:0.92rem;transition:transform 0.15s}
.fpsx-crosspromo__cta:hover{transform:translateX(2px)}

/* Sticky right rail (desktop only) */
@media (min-width:1100px){
  .fpsx-rail{position:fixed;right:14px;top:90px;width:260px;z-index:300;font-family:system-ui,-apple-system,sans-serif}
  .fpsx-rail__card{background:linear-gradient(180deg,rgba(18,18,42,0.95),rgba(10,10,22,0.95));border:1px solid rgba(0,229,255,0.20);border-radius:14px;padding:16px 14px;box-shadow:0 8px 24px rgba(0,0,0,0.35);backdrop-filter:blur(10px)}
  .fpsx-rail__title{font-size:0.78rem;text-transform:uppercase;letter-spacing:1.2px;color:var(--fpsaim-muted);font-weight:700;margin-bottom:6px}
  .fpsx-rail__h{font-size:1.05rem;font-weight:900;color:var(--fpsaim-text);margin-bottom:8px;line-height:1.25}
  .fpsx-rail__p{font-size:0.82rem;color:var(--fpsaim-muted);line-height:1.5;margin-bottom:10px}
  .fpsx-rail__cta{display:block;text-align:center;padding:9px 14px;background:linear-gradient(135deg,#00e5ff,#7c4dff);color:#000;font-weight:800;text-decoration:none;border-radius:8px;font-size:0.85rem;transition:transform 0.15s}
  .fpsx-rail__cta:hover{transform:translateY(-1px)}
  .fpsx-rail__close{position:absolute;top:6px;right:8px;background:transparent;border:none;color:var(--fpsaim-muted);cursor:pointer;font-size:1.1rem;padding:2px 6px;line-height:1}
  .fpsx-rail__close:hover{color:var(--fpsaim-accent)}
}
@media (max-width:1099px){.fpsx-rail{display:none}}

/* Mobile cross-promo banner (bottom sticky) */
@media (max-width:1099px){
  .fpsx-mobile-promo{position:sticky;bottom:0;background:linear-gradient(180deg,rgba(18,18,42,0.95),rgba(10,10,22,0.98));border-top:1px solid rgba(0,229,255,0.25);padding:10px 14px;display:flex;align-items:center;gap:10px;font-size:0.85rem;font-family:system-ui,-apple-system,sans-serif;color:var(--fpsaim-text);z-index:100;backdrop-filter:blur(10px)}
  .fpsx-mobile-promo strong{color:var(--fpsaim-accent)}
  .fpsx-mobile-promo a{margin-left:auto;padding:7px 14px;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#000;font-weight:800;text-decoration:none;border-radius:6px;font-size:0.8rem;white-space:nowrap}
}
@media (min-width:1100px){.fpsx-mobile-promo{display:none}}