.swarm-canvas{cursor:crosshair;background:radial-gradient(ellipse at 50% 30%,#15123a 0,var(--bg) 75%)}.swarm-corner{top:max(10px,env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right));gap:4px;padding:4px;border-radius:999px;background:rgba(16,14,40,.55);border:1px solid var(--line);backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3)}.swarm-corner,.swarm-overlay{position:absolute;display:flex}.swarm-overlay{left:50%;top:50%;transform:translate(-50%,-50%);width:min(340px,calc(100% - 32px));flex-direction:column;align-items:center;gap:12px;padding:24px 20px;border-radius:var(--radius-lg);background:rgba(16,14,40,.72);border:1px solid var(--line);box-shadow:var(--shadow);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);text-align:center;color:var(--ink)}.swarm-title{margin:0;font:800 clamp(28px,7vw,40px) /1 var(--font-display);background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.swarm-keys,.swarm-sub{margin:0;color:var(--ink-soft);font-size:14px}.swarm-keys{font-size:13px}.swarm-best{margin:0;color:var(--gold);font-weight:700}.swarm-play{min-width:140px;padding:12px 22px;border:0;border-radius:999px;background:var(--grad);color:#0b0a1f;font:700 16px/1 var(--font-body);cursor:pointer;box-shadow:0 0 24px rgba(155,107,255,.45);transition:transform .15s ease}.swarm-play:hover{transform:scale(1.04)}.swarm-play:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.swarm-results{display:grid;grid-template-columns:1fr auto;grid-gap:6px 18px;gap:6px 18px;margin:0;width:100%;font-size:14px}.swarm-results dt{color:var(--ink-soft);text-align:left}.swarm-results dd{margin:0;text-align:right;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}@media (prefers-reduced-motion:reduce){.swarm-play{transition:none}}