.atmosphere{z-index:-1;pointer-events:none;contain:strict;position:fixed;inset:0;overflow:hidden}.atmosphere>svg,.atmosphere>canvas,.atmosphere>div{position:absolute}.atmo-orbits,.atmo-motes{--s:max(calc(100vw / 1600), calc(100vh / 1000));width:100%;height:100%;inset:0}.atmo-orbits{opacity:calc(1 * var(--atmo,1));animation:atmo-fade 2.6s var(--ease) both}.atmo-ring{left:calc(50% + (var(--cx) - 800) * var(--s));top:calc(50% + (var(--cy) - 500) * var(--s));width:calc(var(--r) * 2 * var(--s));height:calc(var(--r) * 2 * var(--s));margin-left:calc(var(--r) * -1 * var(--s));margin-top:calc(var(--r) * -1 * var(--s));transform:rotate(var(--tilt)) scaleY(var(--sq));position:absolute}.atmo-spin{border:1px solid var(--stroke);will-change:transform;border-radius:50%;animation:90s linear infinite atmo-spin;position:absolute;inset:0}.atmo-dot{background:var(--dot);width:6px;height:6px;box-shadow:0 0 12px var(--dot);transform:rotate(var(--a)) translateX(calc(var(--r) * var(--s)));border-radius:50%;margin:-3px 0 0 -3px;position:absolute;top:50%;left:50%}.atmo-dust{width:100%;height:100%;opacity:calc(.9 * var(--atmo,1));inset:0}.atmo-motes{opacity:calc(.9 * var(--atmo,1))}.atmo-mote{background:var(--c);box-shadow:0 0 10px var(--c);will-change:transform, opacity;border-radius:50%;animation:18s ease-in-out infinite alternate atmo-mote;position:absolute}.atmo-grid{width:100%;height:38vh;opacity:calc(.9 * var(--atmo,1));bottom:0;left:0;-webkit-mask-image:linear-gradient(#0000 8%,#000 100%);mask-image:linear-gradient(#0000 8%,#000 100%)}.atmo-grid line{stroke:color-mix(in srgb, var(--a1,var(--violet)) 30%, transparent);stroke-width:1px;vector-effect:non-scaling-stroke}.atmo-cross{opacity:calc(.7 * var(--atmo,1))}.atmo-cross path{fill:none;stroke:color-mix(in srgb, var(--a1,var(--violet)) 55%, transparent);stroke-width:1px}.atmo-cross.tl{top:calc(var(--bar-h) + 14px);left:14px}.atmo-cross.tr{top:calc(var(--bar-h) + 14px);right:14px}.atmo-cross.bl{bottom:14px;left:14px}.atmo-cross.br{bottom:14px;right:14px}.atmo-ticks{left:10px;top:calc(var(--bar-h) + 52px);height:calc(100vh - var(--bar-h) - 130px);opacity:calc(.9 * var(--atmo,1))}.atmo-tick{stroke:#ffffff29;stroke-width:1px;vector-effect:non-scaling-stroke}.atmo-tick.lit{stroke:var(--a2,var(--teal))}.atmo-progress{left:5px;top:calc(var(--bar-h) + 52px);width:1px;height:calc(100vh - var(--bar-h) - 130px);background:linear-gradient(to bottom, var(--a1,var(--violet)), var(--a2,var(--teal)));transform-origin:top;opacity:calc(.85 * var(--atmo,1));position:absolute}.atmo-hud{display:none}@media (min-width:1100px){.atmo-hud{opacity:calc(.9 * var(--atmo,1));animation:atmo-fade 2s var(--ease) .6s both;flex-direction:column;align-items:center;gap:1.6rem;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}}.hud-item{writing-mode:vertical-rl;font-family:var(--font-body);letter-spacing:.14em;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;gap:.5rem;font-size:.7rem;display:flex;transform:rotate(180deg)}.hud-item svg{flex-shrink:0;transform:rotate(180deg)}.hud-value{color:var(--text-soft);font-family:var(--font-body);animation:atmo-flash .9s var(--ease) both}.hud-ring-track{fill:none;stroke:#ffffff1f;stroke-width:1.5px}.hud-ring-arc{fill:none;stroke:var(--a2,var(--teal));stroke-width:1.5px;stroke-linecap:round;transition:stroke-dashoffset 1s var(--ease)}.hud-spark polyline{fill:none;stroke:var(--a2,var(--teal));stroke-width:1.3px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1px;animation:atmo-draw 1.2s var(--ease) forwards}.hud-dot{background:var(--a2,var(--teal));opacity:.6;border-radius:50%;width:5px;height:5px}.atmo-marquee{pointer-events:auto;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);opacity:calc(.5 * var(--atmo,1));font-size:.72rem;position:absolute;bottom:6px;left:0;right:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.atmo-marquee-track{white-space:nowrap;animation:110s linear infinite atmo-marquee;display:inline-flex}.atmo-marquee:hover .atmo-marquee-track{animation-play-state:paused}.atmo-fps{z-index:300;border:1px solid var(--stroke);font:500 .72rem var(--font-body);font-variant-numeric:tabular-nums;color:var(--text-soft);pointer-events:none;background:#07060dd9;border-radius:999px;padding:.35rem .7rem;position:fixed;bottom:40px;left:12px}.atmo-fps span{color:var(--muted)}@keyframes atmo-spin{to{transform:rotate(360deg)}}@keyframes atmo-fade{0%{opacity:0}}@keyframes atmo-mote{0%{opacity:.35;transform:translate(0)}to{transform:translate(var(--dx,20px), var(--dy,-20px));opacity:1}}@keyframes atmo-draw{to{stroke-dashoffset:0}}@keyframes atmo-flash{0%{opacity:.2}}@keyframes atmo-marquee{to{transform:translate(-50%)}}@media (max-width:720px){.atmo-ticks,.atmo-progress,.atmo-cross.tl,.atmo-cross.tr{display:none}.atmo-cross.bl,.atmo-cross.br{bottom:calc(var(--bar-h) + 14px)}.atmo-marquee{bottom:calc(var(--bar-h) + env(safe-area-inset-bottom) + 4px)}.atmo-ring.ring-3,.atmo-ring.ring-4{display:none}}@media (prefers-reduced-motion:reduce){.atmo-spin,.atmo-mote,.atmo-marquee-track,.atmo-orbits,.atmo-hud,.hud-value,.hud-spark polyline{animation:none}.hud-spark polyline{stroke-dashoffset:0}}