.parallax{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0}.parallax__layer{position:absolute;top:-15%;right:-15%;bottom:-15%;left:-15%;will-change:transform;background-repeat:no-repeat;background-position:center;transition:transform .28s cubic-bezier(.22,1,.36,1)}.parallax__layer--far{transform:translate(calc(var(--dx) * -.04),calc(var(--dy) * -.04));background-image:radial-gradient(60% 50% at 22% 28%,rgba(59,130,246,.1),transparent 65%),radial-gradient(55% 45% at 78% 72%,rgba(139,92,246,.09),transparent 65%);transition-duration:.52s}.parallax__layer--mid{transform:translate(calc(var(--dx) * -.1),calc(var(--dy) * -.1));background-image:radial-gradient(320px 320px at 72% 18%,rgba(14,165,233,.18),transparent 70%),radial-gradient(300px 300px at 24% 78%,rgba(99,102,241,.16),transparent 72%);transition-duration:.38s}.parallax__layer--near{transform:translate(calc(var(--dx) * -.22),calc(var(--dy) * -.22));background-image:radial-gradient(190px 190px at 16% 16%,rgba(37,99,235,.24),transparent 70%),radial-gradient(170px 170px at 84% 84%,rgba(168,85,247,.22),transparent 72%);transition-duration:.24s}@media (prefers-reduced-motion: reduce){.parallax__layer{transition:none;transform:none}}.container{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;touch-action:none}.dot{position:relative;z-index:1;width:80px;height:80px;border-radius:50%;background:#2563eb;box-shadow:0 6px 18px #2563eb59;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;transition:box-shadow .12s ease,transform 80ms ease-out;will-change:transform}.dot--dragging{cursor:grabbing;box-shadow:0 10px 28px #2563eb80;transition:box-shadow .12s ease}.dot--summoning{transition:box-shadow .12s ease,transform .35s cubic-bezier(.22,1,.36,1)}.hint{position:fixed;left:50%;bottom:24px;transform:translate(-50%);display:flex;align-items:center;gap:6px;padding:10px 14px;border-radius:999px;background:#ffffffb3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 2px 10px #0000000f;color:#475569;font-size:13px;line-height:1;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none}.hint kbd{display:inline-block;min-width:22px;padding:3px 6px;border-radius:5px;background:#fff;border:1px solid #e2e8f0;box-shadow:0 1px #e2e8f0;color:#1e293b;font:inherit;font-size:12px;text-align:center}.hint__sep{opacity:.4}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;height:100%;overflow:hidden;font-family:system-ui,-apple-system,sans-serif;background:#f5f5f7;overscroll-behavior:none}