@charset "UTF-8";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-base: #000000;--bg-surface: #0d0d0d;--bg-elevated: #141414;--bg-hover: #1a1a1a;--border: #1f1f1f;--border-bright: #2a2a2a;--green: #22c55e;--green-dim: #16a34a;--green-glow: rgba(34,197,94,.12);--green-glow-strong: rgba(34,197,94,.2);--text-primary: #ffffff;--text-secondary: #a1a1aa;--text-muted: #52525b;--red: #ef4444;--amber: #f59e0b}body{margin:0;padding:0;background:var(--bg-base);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}a{text-decoration:none}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#3a3a3a}*{scrollbar-width:thin;scrollbar-color:#2a2a2a transparent}:focus-visible{outline:2px solid var(--green);outline-offset:2px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--green);outline-offset:2px}app-arena{display:flex;flex:1;flex-direction:column;min-height:0;overflow:hidden}app-dashboard{display:flex;flex:1;flex-direction:column;min-height:0;overflow-y:auto}app-profile{display:flex;flex:1;flex-direction:column;min-height:0;overflow-y:auto}app-subscription{display:flex;flex:1;flex-direction:column;min-height:0;overflow-y:auto}app-settings{display:flex;flex:1;flex-direction:column;min-height:0;overflow-y:auto}app-leaderboard{display:flex;flex:1;flex-direction:column;min-height:0;overflow-y:auto}@keyframes pageIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.page-enter{animation:pageIn .25s ease forwards}@keyframes cardIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-green{0%,to{opacity:1}50%{opacity:.4}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--bg-surface) 25%,var(--bg-elevated) 50%,var(--bg-surface) 75%);background-size:200% 100%;animation:shimmer 1.4s ease infinite;border-radius:6px}