/* Rare Wheels Tycoon - minimal custom CSS (Tailwind-first) */
:root{color-scheme:dark;}
html,body{height:100%;}
body{background:radial-gradient(1200px 800px at 20% 10%, rgba(99,102,241,.20), transparent 60%), radial-gradient(900px 700px at 90% 30%, rgba(16,185,129,.14), transparent 55%), linear-gradient(180deg, #070A12 0%, #070A12 40%, #05070D 100%); color:#E5E7EB; font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";}
/* Focus ring consistency */
:focus-visible{outline:none; box-shadow:0 0 0 3px rgba(99,102,241,.55);}
/* Subtle scrollbar */
*::-webkit-scrollbar{height:10px;width:10px;}
*::-webkit-scrollbar-thumb{background:rgba(148,163,184,.25); border-radius:999px;}
*::-webkit-scrollbar-thumb:hover{background:rgba(148,163,184,.35);}
/* Tiny shimmer skeleton */
.skeleton{position:relative; overflow:hidden; background:rgba(148,163,184,.10);}
.skeleton:after{content:""; position:absolute; inset:0; transform:translateX(-100%); background:linear-gradient(90deg, transparent, rgba(255,255,255,.08), transparent); animation:shimmer 1.2s infinite;}
@keyframes shimmer{100%{transform:translateX(100%);}}