:root{--bg: #0a0a0f;--bg2: #111118;--bg3: #18181f;--border: #2a2a35;--border-bright: #3d3d50;--text: #f0f0f8;--text-muted: #8888a8;--text-dim: #55556a;--accent: #6c63ff;--accent-bright: #8b85ff;--accent-glow: rgba(108, 99, 255, .2);--green: #22d3a5;--green-dim: rgba(34, 211, 165, .15);--orange: #f59e0b;--orange-dim: rgba(245, 158, 11, .15);--red: #ef4444;--red-dim: rgba(239, 68, 68, .15);--yellow: #eab308;--yellow-dim: rgba(234, 179, 8, .15);--font-display: "Syne", sans-serif;--font-body: "DM Sans", sans-serif;--radius: 12px;--radius-sm: 8px;--shadow: 0 4px 24px rgba(0,0,0,.4);--shadow-lg: 0 8px 48px rgba(0,0,0,.6)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border-bright);border-radius:3px}a{color:var(--accent-bright);text-decoration:none}a:hover{color:var(--text)}button{cursor:pointer;font-family:var(--font-body)}textarea,input{font-family:var(--font-body)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse-ring{0%{transform:scale(1);opacity:.8}to{transform:scale(1.5);opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes scoreCount{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.hide-mobile{display:flex!important}.show-mobile{display:none!important}@media (max-width: 768px){.hide-mobile{display:none!important}.show-mobile{display:flex!important}}