.retro{--retro-green:#1a6b3a;--retro-green-dark:#0e3d20;--retro-yellow:#f5c518;--retro-cream:#f8f6f0;--retro-card:#fffdf6;--retro-black:#1c1a14;--retro-red:#e53935;--retro-shadow-off:4px}.retro *{box-sizing:border-box}.retro-shadow-sm{box-shadow:3px 3px 0 var(--retro-black)}.retro-shadow-md{box-shadow:4px 4px 0 var(--retro-black)}.retro-shadow-lg{box-shadow:5px 5px 0 var(--retro-black)}.retro-press:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--retro-black)}@keyframes retro-pop-in{0%{opacity:0;transform:translateY(14px) scale(.94)}70%{opacity:1;transform:translateY(-3px) scale(1.03)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes retro-fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes retro-spin-slow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.retro-pop-in{animation:retro-pop-in .5s cubic-bezier(.34,1.56,.64,1) forwards}.retro-fade-up{animation:retro-fade-up .5s ease-out forwards}@media (prefers-reduced-motion:reduce){.retro *,.retro :after,.retro :before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}