@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Zen+Kaku+Gothic+New:wght@400;500;700&display=swap";:root{--bg: #f5f2ed;--bg-card: #ffffff;--bg-card-alt: #faf8f5;--text: #2a2520;--text-muted: #6b6056;--text-faint: #9a8f82;--accent: #c0392b;--accent-faint: rgba(192, 57, 43, .08);--border: #e0dbd4;--border-light: #ece8e2;--shadow: 0 1px 3px rgba(42,37,32,.06);--shadow-hover: 0 4px 12px rgba(42,37,32,.1);--hp-fill: #6aab6a;--chk-fill: #5a8ab5;--village-leaf: #3a7a3a;--village-sand: #b8963a;--village-mist: #4a7a8a;--village-cloud: #6a6aaa;--village-stone: #8a6a4a;--village-other: #7a7a7a;color-scheme:light dark;font-family:Outfit,system-ui,-apple-system,sans-serif}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #1a1816;--bg-card: #242120;--bg-card-alt: #2a2725;--text: #e8e2da;--text-muted: #a09686;--text-faint: #706658;--accent: #e05a4a;--accent-faint: rgba(224,90,74,.12);--border: #3a3530;--border-light: #302c28;--shadow: 0 1px 3px rgba(0,0,0,.2);--shadow-hover: 0 4px 12px rgba(0,0,0,.3);--hp-fill: #4a8a4a;--chk-fill: #4070a0;--village-leaf: #5aaa5a;--village-sand: #d0aa50;--village-mist: #5a9aaa;--village-cloud: #8a8acc;--village-stone: #aa8a6a;--village-other: #9a9a9a}}:root[data-theme=dark]{--bg: #1a1816;--bg-card: #242120;--bg-card-alt: #2a2725;--text: #e8e2da;--text-muted: #a09686;--text-faint: #706658;--accent: #e05a4a;--accent-faint: rgba(224,90,74,.12);--border: #3a3530;--border-light: #302c28;--shadow: 0 1px 3px rgba(0,0,0,.2);--shadow-hover: 0 4px 12px rgba(0,0,0,.3);--hp-fill: #4a8a4a;--chk-fill: #4070a0;--village-leaf: #5aaa5a;--village-sand: #d0aa50;--village-mist: #5a9aaa;--village-cloud: #8a8acc;--village-stone: #aa8a6a;--village-other: #9a9a9a}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}*{box-sizing:border-box}button{font:inherit}.app{min-height:100%}.topbar{position:sticky;top:0;z-index:10;background:var(--bg-card);border-bottom:1px solid var(--border);box-shadow:var(--shadow)}.topbar-inner{max-width:960px;margin:0 auto;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand-title{font-family:Zen Kaku Gothic New,sans-serif;font-size:20px;font-weight:700;letter-spacing:.04em;color:var(--text)}.brand-sub{font-size:12px;color:var(--text-faint);margin-top:2px}.nav{display:flex;gap:6px;flex-wrap:wrap}.tab{padding:8px 14px;border-radius:6px;border:1px solid var(--border);background:var(--bg-card);color:var(--text-muted);cursor:pointer;font-size:13px;font-weight:500;transition:all .15s}.tab:hover{border-color:var(--text-faint);color:var(--text)}.tab:active{transform:translateY(1px)}.tab.active{background:var(--accent-faint);border-color:var(--accent);color:var(--accent)}.tab:disabled{opacity:.4;cursor:not-allowed}.main{max-width:960px;margin:0 auto;padding:18px 20px 40px}.card{border-radius:8px;border:1px solid var(--border-light);background:var(--bg-card);padding:16px;box-shadow:var(--shadow)}.card-title{font-family:Zen Kaku Gothic New,sans-serif;font-weight:700;font-size:16px;color:var(--text);margin-bottom:4px}.card-sub{color:var(--text-muted);font-size:13px}.ninja-card{border-radius:8px;border:1px solid var(--border-light);background:var(--bg-card);padding:12px;box-shadow:var(--shadow);transition:box-shadow .2s}.ninja-card:hover{box-shadow:var(--shadow-hover)}.ninja-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.ninja-name{font-family:Zen Kaku Gothic New,sans-serif;font-size:14px;font-weight:700;color:var(--text)}.ninja-sub{font-size:12px;color:var(--text-faint);margin-top:2px;font-weight:500;letter-spacing:.03em;text-transform:uppercase}.ninja-state{font-size:12px;font-weight:500;color:var(--text-muted)}.ninja-bars{margin-top:10px;display:grid;gap:10px}.bar-top{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--text-muted);margin-bottom:4px;font-weight:500;font-variant-numeric:tabular-nums}.bar-track{height:6px;border-radius:3px;background:var(--border);overflow:hidden}.bar-fill{height:6px;border-radius:3px;background:var(--hp-fill);transition:width .3s ease}.status-none{font-size:12px;color:var(--text-faint)}.status-row{display:flex;flex-wrap:wrap;gap:4px}.chip{font-size:11px;padding:3px 8px;border-radius:4px;background:var(--accent-faint);border:1px solid var(--border-light);color:var(--text-muted);font-weight:500}.sprite-row{display:flex;gap:6px;flex-wrap:wrap;align-items:flex-end;padding:6px 0}