:root{--bg-base: #0d0f14;--bg-surface: #13161e;--bg-card: #1a1d27;--bg-card-hover: #202432;--border: #2a2d3a;--border-accent: #3a3f55;--text-primary: #e8eaf0;--text-secondary: #8890aa;--text-muted: #555d75;--accent: #e8a838;--accent-dim: #b57d20;--accent-glow: rgba(232, 168, 56, .15);--element-fire: #e85d3a;--element-wind: #4cbb6a;--element-thunder:#d4c030;--element-water: #3a8fe8;--element-soil: #b57d50;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--font-main: "Inter", "Segoe UI", system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow-x:hidden;background:var(--bg-base);color:var(--text-primary);font-family:var(--font-main);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}img{max-width:100%}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-surface)}::-webkit-scrollbar-thumb{background:var(--border-accent);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.text-accent{color:var(--accent)}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:99px;font-size:11px;font-weight:600;letter-spacing:.4px;text-transform:uppercase;border:1px solid transparent}.badge.fire{background:#e85d3a26;color:var(--element-fire);border-color:#e85d3a4d}.badge.wind{background:#4cbb6a1f;color:var(--element-wind);border-color:#4cbb6a4d}.badge.thunder{background:#d4c0301f;color:var(--element-thunder);border-color:#d4c0304d}.badge.water{background:#3a8fe81f;color:var(--element-water);border-color:#3a8fe84d}.badge.soil{background:#b57d501f;color:var(--element-soil);border-color:#b57d504d}.stars{display:inline-flex;gap:1px}.stars span{color:var(--accent);font-size:11px}.stars span.empty{color:var(--border-accent)}.cdk-overlay-pane.ninja-skills-tooltip-panel,.cdk-overlay-pane.skill-tooltip-panel{pointer-events:none}