body,html{background-color:#d42e25;color:#fff;scrollbar-color:#14141f #a01e18}.letsdle{--focus:#fff}.letsdle ::-moz-selection{background:#14141f;color:#fff}.letsdle ::selection{background:#14141f;color:#fff}.letsdle :focus-visible{outline:3px solid var(--focus);outline-offset:3px}.l-panel{--focus:#14141f;background:#fff;color:#14141f;border:3px solid #14141f;border-radius:1.25rem;box-shadow:6px 6px 0 0 #14141f}.l-display{font-family:var(--font-letsdle),var(--font-body),system-ui,sans-serif;font-weight:400;letter-spacing:-.01em;text-wrap:balance}.l-num{font-family:var(--font-counter),var(--font-body),system-ui,sans-serif;font-weight:700;font-variant-numeric:tabular-nums lining-nums;font-feature-settings:"tnum","lnum"}.l-press{--focus:#14141f;border:3px solid #14141f;box-shadow:4px 4px 0 0 #14141f;transition:transform .12s cubic-bezier(.16,1,.3,1),box-shadow .12s cubic-bezier(.16,1,.3,1)}.l-press:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 0 #14141f}.l-press:active{transform:translate(2px,2px);box-shadow:2px 2px 0 0 #14141f}.l-link{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.22em}.l-field{caret-color:#d42e25}.l-field::-moz-placeholder{color:#4a5170;opacity:1}.l-field::placeholder{color:#4a5170;opacity:1}.machine-crank{transform-box:fill-box;transform-origin:center}.machine[data-state=turning] .machine-crank{animation:crankTurn .64s cubic-bezier(.16,1,.3,1) both}.machine[data-state=turning] .machine-pile{animation:pileShake .56s cubic-bezier(.36,.07,.19,.97) both}.machine[data-state=dropped] .machine-out{animation:capsuleDrop .56s cubic-bezier(.16,1,.3,1) both}.machine[data-state=dropped] .machine-lid{animation:lidPop .38s cubic-bezier(.16,1,.3,1) .42s both}.machine[data-state=dropped] .machine-play{animation:playIn .3s cubic-bezier(.16,1,.3,1) .52s both}.machine-lid{transform-box:fill-box;transform-origin:0 100%}.machine-play{opacity:0}.machine[data-state=dropped] .machine-play{opacity:1}@keyframes crankTurn{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pileShake{0%,to{transform:translate(0) rotate(0)}20%{transform:translate(-5px,2px) rotate(-1.5deg)}45%{transform:translate(5px,-3px) rotate(1.5deg)}70%{transform:translate(-3px,1px) rotate(-.8deg)}}@keyframes capsuleDrop{0%{transform:translateY(-46px);opacity:0}30%{opacity:1}65%{transform:translateY(3px)}to{transform:translateY(0);opacity:1}}@keyframes lidPop{0%{transform:rotate(0deg)}to{transform:rotate(-22deg) translate(-3px,-1px)}}@keyframes playIn{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.l-station[data-on=true]{background:#14141f;color:#fff}@media (prefers-reduced-motion:reduce){.l-press,.l-press:active,.l-press:hover{transition:none;transform:none}.machine[data-state=turning] .machine-crank,.machine[data-state=turning] .machine-pile{animation:none}.machine[data-state=dropped] .machine-out{animation:rmFade .24s ease-out both}.machine[data-state=dropped] .machine-lid{animation:none;transform:rotate(-22deg) translate(-3px,-1px)}.machine[data-state=dropped] .machine-play{animation:rmFade .24s ease-out both}}@keyframes rmFade{0%{opacity:0}to{opacity:1}}