@tailwind base;@tailwind components;@tailwind utilities;:root{--mario-red: #E52521;--luigi-green: #43B047;--coin-gold: #FBD000;--brick-brown: #8B4513;--sky-blue: #6B8CFF;--bg-dark: #0d1021}body{margin:0;padding:0;background-color:var(--bg-dark);color:#fff;font-family:DotGothic16,"Press Start 2P",sans-serif;overflow-x:hidden;image-rendering:pixelated;background-image:linear-gradient(#0d1021f2,#0d1021f2)}::-webkit-scrollbar{width:16px;background:#000}::-webkit-scrollbar-track{background:#000;border-left:2px solid #333}::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#84e12e 10%,#009614,#004d0a 90%);border:2px solid #000;box-shadow:inset 1px 1px #ffffff4d}::-webkit-scrollbar-thumb:hover{background:linear-gradient(90deg,#a4f14e 10%,#20b634,#006d2a 90%)}::selection{background:var(--mario-red);color:#fff;text-shadow:2px 2px 0 #000}@keyframes spin-coin{0%{transform:scaleX(1)}50%{transform:scaleX(.1)}to{transform:scaleX(1)}}.animate-spin-coin{animation:spin-coin .8s infinite linear}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.animate-float{animation:float 2s ease-in-out infinite}@keyframes bump{0%{transform:translateY(0)}30%{transform:translateY(-10px)}60%{transform:translateY(0)}to{transform:translateY(0)}}.animate-bump{animation:bump .3s ease-out}.text-outline{text-shadow:2px 2px 0 #000,-1px -1px 0 #000}.text-outline-sm{text-shadow:1px 1px 0 #000}