@tailwind base;@tailwind components;@tailwind utilities;:root{--color-background: var(--colors-background);--color-surface: var(--colors-surface);--color-primary: var(--colors-primary);--color-text-primary: var(--colors-text-primary);--color-accent: #ff4e00;--color-neon: #00FF00}body{font-family:Inter,sans-serif;background-color:var(--color-background);color:var(--color-text-primary);margin:0;padding:0;touch-action:auto;overscroll-behavior:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6,.serif{font-family:Playfair Display,serif;letter-spacing:-.02em}.font-display{font-family:Anton,sans-serif;text-transform:uppercase}.leaflet-container{width:100%;height:100%;background:transparent;font-family:DM Sans,sans-serif;z-index:0}.no-scrollbar,.scrollbar-none{-ms-overflow-style:none;scrollbar-width:none}.no-scrollbar::-webkit-scrollbar,.scrollbar-none::-webkit-scrollbar{display:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes rankConfettiFall{0%{opacity:0;transform:translateY(-12vh) rotate(0)}10%{opacity:1}to{opacity:0;transform:translateY(68vh) rotate(540deg)}}@keyframes loadingBar{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(100%)}}.animate-loading-bar{animation:loadingBar 2s cubic-bezier(.65,0,.35,1) infinite}.animate-fade-in{animation:fadeIn .4s cubic-bezier(.16,1,.3,1) forwards}.animate-slide-up{animation:slideUp .6s cubic-bezier(.16,1,.3,1) forwards}.animate-slide-in-right{animation:slideInRight .8s cubic-bezier(.16,1,.3,1) forwards}.rank-confetti{position:absolute;top:0;width:9px;height:16px;border-radius:999px;animation-name:rankConfettiFall;animation-timing-function:cubic-bezier(.2,.9,.2,1);animation-fill-mode:both}