.challenge-badge{display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;width:max-content;max-width:95vw;font-family:var(--font-ui);font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:4px;padding:4px 14px;border-radius:9999px}.challenge-badge svg{flex-shrink:0}.challenge-instruction{font-family:var(--font-ui);font-size:14px;color:var(--label-color);margin:0}.challenge-instruction strong{color:var(--time-color)}.target-sublabel{font-family:var(--font-ui);font-size:10px;font-weight:700;letter-spacing:.12em;fill:var(--accent);opacity:.9}.confetti-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:20}.keyboard-hint{font-family:var(--font-ui);font-size:11px;color:var(--label-color);opacity:.65;margin-top:10px}.keyboard-hint kbd{font-family:DM Mono,monospace;font-size:10px;padding:2px 6px;border-radius:4px;background:#8080802e}.result-card{width:100%;max-width:min(560px,94vw);background:var(--surface-card, #111827);border:1px solid var(--surface-border, #1e293b);border-radius:14px;padding:16px 20px;margin:20px auto 0;display:flex;flex-direction:column;gap:14px;box-shadow:0 10px 30px #00000026;animation:card-pop .18s ease-out;box-sizing:border-box}@keyframes card-pop{0%{opacity:0;transform:scale(.95) translateY(4px)}to{opacity:1;transform:scale(1) translateY(0)}}.result-header{display:flex;align-items:center;justify-content:space-between}.res-rank-badge{font-family:var(--font-ui);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:3px 10px;border-radius:9999px;background:#80808026;color:var(--time-color)}.rank-sniper{background:#fef3c7;color:#b45309}.rank-deadeye{background:#e0f2fe;color:#0369a1}.rank-sharp{background:#dcfce7;color:#15803d}.rank-marksman{background:#f3e8ff;color:#7e22ce}.res-diff{font-family:var(--font-display);font-size:20px;font-weight:700;margin:0;color:var(--time-color)}.result-stats{display:flex;justify-content:space-between;padding:10px 12px;background:#8080800f;border-radius:8px}.res-stat-item{display:flex;flex-direction:column;gap:2px}.res-lbl{font-family:var(--font-ui);font-size:9.5px;font-weight:600;text-transform:uppercase;color:var(--label-color)}.res-stat-item strong{font-family:var(--font-display);font-size:13px;color:var(--time-color)}.result-actions{display:flex;justify-content:center;padding-top:12px}.res-btn-share{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--accent);padding:6px 12px;border-radius:6px;border:1px solid var(--bezel-stroke)}.res-btn-share:hover{background:#8080801a;color:var(--time-color)}.badge-jit{background:#0ea5e91f;color:#0284c7;border:1px solid rgba(14,165,233,.3)}.btn-jit{background:#0ea5e9;border-color:#0ea5e9;color:#fff}.btn-jit:hover{background:#0284c7;border-color:#0284c7}.btn-running{background:#f59e0b!important;border-color:#d97706!important;color:#fff!important;animation:jitPulse .5s infinite alternate ease-in-out}@keyframes jitPulse{0%{transform:scale(1);box-shadow:0 0 10px #f59e0b80}to{transform:scale(1.03);box-shadow:0 0 20px #f59e0bd9}}.btn-success{background:#10b981!important;border-color:#10b981!important;color:#fff!important}.btn-detonated{background:#1f2937!important;border-color:#ef4444!important;color:#ef4444!important}.rank-timelord{background:#6366f126;color:#6366f1;border:1px solid #6366f1}.rank-detonated{background:#ef444433;color:#f87171;border:1px solid #ef4444}.frame-shake{animation:shakeDial .4s cubic-bezier(.36,.07,.19,.97) both}@keyframes shakeDial{10%,90%{transform:translate3d(-2px,0,0)}20%,80%{transform:translate3d(3px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}.target-pills{display:flex;justify-content:center;gap:8px;margin-top:14px}.target-pill{background:#80808014;border:1px solid var(--surface-border, rgba(255, 255, 255, .12));color:var(--page-text-muted, #94a3b8);border-radius:999px;padding:5px 12px;font-size:11.5px;font-weight:600;cursor:pointer;transition:all .15s ease}.target-pill.active{background:#0ea5e926;border-color:#0ea5e9;color:#0ea5e9}.target-pill:hover:not(.active){background:#80808026}
