*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0}body{color:#111;background:#8c8c8c;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}.stage{place-items:center;height:100dvh;display:grid;position:relative}@media (max-width:700px),(max-height:500px){body:has(.flow){overflow-y:auto}.stage.flow{flex-direction:column;align-items:center;gap:40px;height:auto;min-height:100dvh;padding:16px 0 40px;display:flex}.stage.garage{padding-top:104px}}.stage:after{content:"";pointer-events:none;opacity:.18;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1.2 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:.6s steps(4,end) infinite grain;position:fixed;inset:-50%}@keyframes grain{0%{transform:translate(0)}25%{transform:translate(-3%,2%)}50%{transform:translate(2%,-3%)}75%{transform:translate(-2%,-2%)}to{transform:translate(3%,3%)}}@media (prefers-reduced-motion:reduce){.stage:after{animation:none}}