:root{--bg-deep: #0a0a0f;--bg-card: #12121a;--bg-card-hover: #1a1a24;--border-subtle: rgba(255,255,255,.08);--border-mid: rgba(255,255,255,.12);--blue: #4f8ef7;--gold: #b8840a;--gold-light: #d4a017;--purple: #8B4A8B;--purple-light: #a855a8;--orange: #f97316;--gradient-card: linear-gradient(135deg, rgba(139,74,139,.25) 0%, rgba(79,142,247,.1) 100%);--gradient-gold: linear-gradient(135deg, #b8840a 0%, #d4a017 100%);--gradient-purple:linear-gradient(135deg, #8B4A8B 0%, #a855a8 100%);--text-primary: rgba(255,255,255,.95);--text-secondary: rgba(255,255,255,.6);--text-muted: rgba(255,255,255,.35);--nav-bg: rgba(10,10,15,.98);--nav-active: var(--blue);--nav-inactive: rgba(255,255,255,.45);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:var(--bg-deep);color:var(--text-primary);font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:16px;line-height:1.5;overscroll-behavior:none;-webkit-tap-highlight-color:transparent}#root{width:100vw;height:100dvh;display:flex;flex-direction:column;background:var(--bg-deep);overflow:hidden;position:relative;box-sizing:border-box}button{font-family:inherit}p{margin:0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes confetti{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(110vh) rotate(720deg);opacity:0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:2px}