.page{place-items:center;min-height:100dvh;padding:48px clamp(20px,5vw,64px);display:grid}.stage{text-align:center;flex-direction:column;align-items:center;gap:26px;display:flex}.field{background-image:radial-gradient(var(--ink-3) 1px, transparent 1.5px);background-position:50%;background-size:19px 19px;width:100%;max-width:460px;height:156px;position:relative;-webkit-mask-image:radial-gradient(#000 26%,#0000 70%);mask-image:radial-gradient(#000 26%,#0000 70%)}.you{width:26px;height:26px;color:var(--accent);box-shadow:0 0 0 6px var(--ground);background:var(--ground);border-radius:50%;margin:-13px 0 0 -13px;position:absolute;top:50%;left:50%}h1{letter-spacing:-.03em;text-wrap:balance;max-width:22ch;margin:0;font-size:clamp(30px,6.4vw,56px);font-weight:400;line-height:1.06}.lede{max-width:46ch;color:var(--ink-2);text-wrap:balance;margin:0;font-size:clamp(14px,1.6vw,16px);line-height:1.6}.rail{justify-items:center;gap:clamp(20px,3vh,30px);display:grid;position:fixed;top:50%;right:clamp(20px,5vw,64px);transform:translateY(-50%)}.rail a{width:19px;height:19px;color:var(--ink-3);place-items:center;transition:color .2s,transform .2s;display:grid}.rail a:hover{color:var(--ink);transform:translateY(-2px)}.rail svg{width:100%;height:100%;display:block}@media (max-width:640px),(max-height:520px){.rail{grid-auto-flow:column;gap:20px;top:clamp(20px,4vh,30px);transform:none}}@media (max-width:560px){.field{height:118px}}@media (prefers-reduced-motion:reduce){.rail a{transition:none}.rail a:hover{transform:none}}