: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{width:100%;min-width:0;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{max-width:100%;min-width:0;font:inherit}button,a{-webkit-tap-highlight-color:transparent}button[class$=__close],button[class*="__close "],.telemetry-modal__header>button,.formation-modal__header>button{display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0!important;font-size:0!important;line-height:0!important;text-align:center}button[class$=__close]:before,button[class*="__close "]:before,.telemetry-modal__header>button:before,.formation-modal__header>button:before{display:block;width:var(--close-icon-size, 14px);height:var(--close-icon-size, 14px);background:currentColor;content:"";-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 6l12 12M18 6L6 18' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 6l12 12M18 6L6 18' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat}img,video,canvas{max-width:100%;height:auto}main,section,article,aside,header,footer,nav,div{min-width:0}p,h1,h2,h3,h4,h5,h6,li,dd,dt{overflow-wrap:anywhere}@media(max-width:720px){input,select,textarea{min-height:44px;font-size:16px}button,[role=button],input[type=button],input[type=submit],input[type=reset],a.btn,a[class*=button],a[class*=link]{min-height:44px}button[class$=__close],button[class*="__close "],.telemetry-modal__header>button,.formation-modal__header>button{min-width:44px!important;min-height:44px!important}}.formation,.formation *,.formation-heads,.formation-heads *,.ninja-list,.ninja-list *{-webkit-user-select:none;user-select:none}.formation img,.formation-heads img,.ninja-list img{-webkit-user-drag:none}::-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)}.brand-wordmark{display:inline-flex;align-items:baseline;gap:0;white-space:nowrap;filter:drop-shadow(0 6px 18px rgba(0,0,0,.24))}.brand-wordmark__konoha{background:linear-gradient(180deg,#fff4d1,#ffd18a 18%,#ff9d44 42%,#ea6429 72%,#8d3415);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 1px 0 rgba(255,255,255,.12)}.brand-wordmark__hub{background:linear-gradient(180deg,#edf7ff,#b8deff 22%,#6eb5ff 46%,#2f75db 74%,#173d8c);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 1px 0 rgba(255,255,255,.12)}.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)}.region-tags{display:inline-flex;align-items:center;gap:4px;flex-wrap:wrap}.region-tag{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:18px;padding:0 7px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#ffffff0b;color:var(--text-secondary);font-size:10px;font-weight:800;line-height:1;letter-spacing:.08em;text-transform:uppercase;box-shadow:inset 0 1px #ffffff0d}.region-tag--br{color:#4cff82;border-color:#4cff8261;background:#4cff821a}.region-tag--en{color:#66c7ff;border-color:#66c7ff61;background:#66c7ff1a}.region-tag--de{color:#ff8fa3;border-color:#ff8fa361;background:#ff8fa31a}.region-tag--qq{color:#ffd66f;border-color:#ffd66f5c;background:#ffd66f17}.cdk-overlay-pane.ninja-skills-tooltip-panel,.cdk-overlay-pane.skill-tooltip-panel{pointer-events:none;z-index:11060}.cdk-overlay-backdrop.population-history-backdrop{background:#060812c2}.cdk-overlay-pane.population-history-overlay{max-width:100vw;max-height:100vh}.cdk-overlay-backdrop.player-telemetry-backdrop{background:#060812c2}.cdk-overlay-pane.player-telemetry-overlay{max-width:100vw;max-height:100vh}.cdk-overlay-backdrop.player-formation-backdrop{background:#060812c2}.cdk-overlay-pane.player-formation-overlay{max-width:100vw;max-height:100vh}.cdk-overlay-backdrop.guild-ranking-backdrop{background:#060812c2}.cdk-overlay-pane.guild-ranking-overlay{max-width:100vw;max-height:100vh}