:root{--bg:#0f1115;--panel:#171b22;--line:#2a3140;--text:#e6e9ef;--muted:#8b93a5;--fire:#ff6b35;--air:#9ad7ff;--earth:#c98a4b;--water:#4d9fff}*{box-sizing:border-box}html,body{height:100%}body{background:radial-gradient(1200px 800px at 50% -10%, #1a2130 0%, var(--bg) 60%);color:var(--text);margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif}.shell{place-items:center;min-height:100%;padding:24px;display:grid}.card{background:var(--panel);border:1px solid var(--line);text-align:center;border-radius:16px;padding:48px 56px;box-shadow:0 24px 64px #00000073}h1{letter-spacing:.12em;text-transform:uppercase;margin:0 0 8px;font-size:28px}.cycle{color:var(--muted);letter-spacing:.08em;margin:0 0 28px;font-size:14px}.elements{justify-content:center;gap:20px;margin-bottom:28px;display:flex}.el{border:1px solid var(--line);cursor:pointer;width:56px;height:56px;font-size:28px;font:inherit;color:inherit;border-radius:50%;place-items:center;animation:2.4s ease-in-out infinite float;display:grid}.el:hover{animation:none;transform:scale(1.12);box-shadow:0 0 18px #ffffff1a}.el:active{animation:none;transform:scale(.94)}.el.fire{background:#ff6b351f;border-color:#ff6b3580}.el.air{background:#9ad7ff1a;border-color:#9ad7ff80;animation-delay:.3s}.el.earth{background:#c98a4b1f;border-color:#c98a4b80;animation-delay:.6s}.el.water{background:#4d9fff1f;border-color:#4d9fff80;animation-delay:.9s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.status{color:var(--muted);margin:0;font-size:14px}.target{color:var(--air);margin:6px 0 0;font-family:ui-monospace,SFMono-Regular,monospace;font-size:13px}