@charset "UTF-8";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-base: #0A0B0D;--bg-surface: #101215;--bg-elevated: #15181c;--bg-hover: #1a1e24;--border: #20242b;--border-bright: #2b313a;--lime: #C6FF3D;--lime-dim: #a9e02f;--lime-glow: rgba(198,255,61,.14);--lime-glow-strong: rgba(198,255,61,.28);--magenta: #FF3D77;--magenta-glow: rgba(255,61,119,.12);--green: #22c55e;--green-dim: #16a34a;--green-glow: rgba(34,197,94,.12);--green-glow-strong: rgba(34,197,94,.2);--text-primary: #EDEDED;--text-secondary: #8b939c;--text-muted: #5a6169;--red: #ef4444;--amber: #f59e0b;--font-display: "Space Grotesk", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", monospace}body{margin:0;padding:0;background:var(--bg-base);color:var(--text-primary);font-family:var(--font-display)}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}html.mm-landing::-webkit-scrollbar{width:8px}html.mm-landing::-webkit-scrollbar-thumb{background:#c6ff3d;border-radius:999px}html.mm-landing::-webkit-scrollbar-thumb:hover{background:#b4f024}html.mm-landing{scrollbar-color:#C6FF3D transparent}:focus-visible{outline:2px solid var(--lime);outline-offset:2px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--lime);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}