:root{--bg: #12141c;--panel: #1b1e2b;--panel2: #232739;--ink: #e7e9f3;--muted: #9aa0b8;--accent: #6ee7b7;--accent2: #f0a860;--line: #313650;--str: #e06c6c;--dex: #6cd08a;--con: #d0b04c;--wis: #6ca8e0;--int: #a97be0;--cha: #e07bb8;font-family:ui-sans-serif,system-ui,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}.app{max-width:1040px;margin:0 auto;padding:24px 20px 60px}h1{font-size:24px;margin:0 0 2px}h1 .tag{color:var(--accent)}.sub{color:var(--muted);margin:0 0 20px;font-size:14px}.arena{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:start}.vs{align-self:center;color:var(--muted);font-weight:700;font-size:20px;padding-top:120px}.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px}.controls{display:flex;gap:8px;margin-bottom:12px}.controls input[type=text]{flex:1;min-width:0;background:var(--panel2);border:1px solid var(--line);color:var(--ink);border-radius:8px;padding:8px 10px}button{background:var(--accent);color:#0c1a13;border:0;border-radius:8px;padding:8px 14px;font-weight:700;cursor:pointer}button.ghost{background:var(--panel2);color:var(--ink);border:1px solid var(--line)}button:hover{filter:brightness(1.08)}.mhead{display:flex;gap:12px;align-items:center}.mhead .name{font-size:18px;font-weight:700}.mhead .meta{color:var(--muted);font-size:13px}.badges{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.badge{background:var(--panel2);border:1px solid var(--line);border-radius:999px;padding:3px 9px;font-size:12px;color:var(--muted)}.badge.on{color:var(--accent2);border-color:var(--accent2)}.stat{display:grid;grid-template-columns:40px 1fr 42px;gap:8px;align-items:center;margin:4px 0;font-size:13px}.stat .bar{height:8px;background:var(--panel2);border-radius:6px;overflow:hidden}.stat .bar>i{display:block;height:100%;border-radius:6px}.stat .v{text-align:right;color:var(--muted);font-variant-numeric:tabular-nums}.section-title{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:14px 0 6px}.moves{display:flex;flex-direction:column;gap:5px}.move{background:var(--panel2);border:1px solid var(--line);border-radius:8px;padding:6px 9px;font-size:13px}.move .mn{font-weight:700}.move .md{color:var(--muted);font-size:12px}.move .lvl{color:var(--accent);font-size:11px;float:right}.ability{font-size:13px;color:var(--ink)}.ability small{color:var(--muted)}.sig{display:flex;gap:8px;align-items:center;margin-top:3px}.sig .up{color:var(--dex);font-weight:700}.sig .down{color:var(--str);font-weight:700}.sig .dim{color:var(--muted);font-size:11px}.afftaste{display:flex;flex-direction:column;gap:3px;font-size:12.5px;margin:6px 0 10px;color:var(--muted)}.afftaste .up{color:var(--dex)}.afftaste .down{color:var(--str)}.afftaste b{text-transform:capitalize}.feed{margin-top:12px;border-top:1px solid var(--line);padding-top:10px}.happyrow{display:flex;justify-content:space-between;font-size:13px;margin-bottom:5px}.happyrow .dim{color:var(--muted);font-size:12px}.happybar{height:8px;background:var(--panel2);border-radius:6px;overflow:hidden;margin-bottom:8px}.happybar>i{display:block;height:100%;background:linear-gradient(90deg,var(--con),var(--dex));border-radius:6px;transition:width .2s}.foods{display:grid;grid-template-columns:1fr 1fr;gap:6px}.food{background:var(--panel2);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:6px 8px;font-size:12.5px;font-weight:600}.bestiary{margin-top:28px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:4px 16px}.bestiary>summary{cursor:pointer;padding:12px 0;font-size:16px;font-weight:700;list-style:none}.bestiary>summary::-webkit-details-marker{display:none}.bestiary>summary:before{content:"▸ ";color:var(--muted)}.bestiary[open]>summary:before{content:"▾ "}.bestbody{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:8px 0 16px}.bestgroup-h{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:6px}.bestrow{border-bottom:1px solid var(--line)}.bestrow>summary{cursor:pointer;display:flex;align-items:center;gap:8px;padding:6px 0;list-style:none;font-size:14px}.bestrow>summary::-webkit-details-marker{display:none}.bestrow .bn{font-weight:700}.bestrow .dim{color:var(--muted);font-size:12px}.bio{font-size:13px;line-height:1.55;color:var(--ink);margin:4px 0 6px 44px}.bsmall{margin:0 0 8px 44px;font-size:11.5px}@media (max-width: 720px){.bestbody{grid-template-columns:1fr}}.slider{margin:10px 0 4px}.slider label{font-size:12px;color:var(--muted);display:flex;justify-content:space-between}input[type=range]{width:100%}.tabs{display:flex;gap:8px;margin:4px 0 18px}.tab{background:var(--panel2);color:var(--muted);border:1px solid var(--line);border-radius:8px;padding:8px 16px;font-weight:700}.tab.on{background:var(--accent);color:#0c1a13;border-color:var(--accent)}.career{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.careerbar{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:13px;font-weight:700;margin-bottom:10px}.meters{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.meter label{font-size:12px;color:var(--muted);display:block;margin-bottom:3px}.meter .bar{height:8px;background:var(--panel2);border-radius:6px;overflow:hidden}.meter .bar>i{display:block;height:100%;border-radius:6px;transition:width .2s}.actions .drillgrid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.drill{background:var(--panel2);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:7px 8px;font-size:12.5px;font-weight:600;text-align:left}.drill.int{border-color:var(--accent2)}.drill:hover,.food:hover{border-color:var(--accent)}.carerow{display:flex;gap:6px;flex-wrap:wrap}.carerow button{background:var(--panel2);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:8px 12px;font-weight:700}.carerow .rankup{background:var(--accent2);color:#1a1206;border-color:var(--accent2)}.careerlog{max-height:220px}.retired{background:var(--panel2);border:1px solid var(--accent2);border-radius:8px;padding:12px;font-size:13px;line-height:1.5}@media (max-width: 720px){.career{grid-template-columns:1fr}}.battlebar{display:flex;justify-content:center;gap:12px;margin:22px 0 10px}.log{background:#0c0e15;border:1px solid var(--line);border-radius:10px;padding:14px 16px;font-family:ui-monospace,Cascadia Code,monospace;font-size:12.5px;line-height:1.55;white-space:pre-wrap;max-height:420px;overflow:auto}.log .win{color:var(--accent);font-weight:700}.result{text-align:center;font-size:18px;font-weight:700;margin:8px 0}