:root{--bg: #171b21;--panel: #232a33;--line: #374250;--text: #ebe6d9;--muted: #98a2ad;--accent: #e0b04f;--good: #5fe07a;--bad: #ff7a6b;--magic: #b98cff;font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:var(--text);background:var(--bg);color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg)}#app{max-width:960px;margin:0 auto;padding:16px}h1,h2,h3{margin:.3em 0;text-wrap:balance}h2{font-size:1.15rem}h3{font-size:.95rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.muted{color:var(--muted)}button{font:inherit;color:var(--text);background:#313a46;border:1px solid var(--line);border-radius:8px;padding:8px 12px;cursor:pointer}button:hover:not(:disabled),button:focus-visible{border-color:var(--accent);outline:none}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:var(--accent);color:#1b1f24;font-weight:700;padding:10px 24px}.hud{display:flex;flex-wrap:wrap;gap:18px;padding:10px 14px;background:var(--panel);border:1px solid var(--line);border-radius:10px;margin-bottom:14px}.layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:14px;align-items:start}@media(max-width:760px){.layout{grid-template-columns:1fr}}.col{display:grid;gap:14px;min-width:0}.panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:14px}.stats{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;margin:6px 0 12px;font-variant-numeric:tabular-nums}.stats dt{color:var(--muted)}.stats dd{margin:0;text-align:right}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{background:#2d3540;border:1px solid var(--line);border-radius:14px;padding:3px 9px;font-size:.85rem}.mob-row{display:flex;gap:14px;align-items:center}.portrait{width:96px;height:96px;image-rendering:auto;filter:drop-shadow(0 3px 4px rgba(0,0,0,.45))}.portrait.small{width:56px;height:56px}.mob-portrait{width:84px;height:84px}.hero-head{display:flex;align-items:center;gap:8px}.card.clan .portrait{transition:transform .2s}.card.clan:hover .portrait{transform:translateY(-4px) scale(1.06)}.panel.mob.boss{border-color:var(--bad)}.cards{display:grid;gap:10px;margin:10px 0}.cards.three{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:560px){.cards.three{grid-template-columns:1fr}}.card{display:flex;flex-direction:column;gap:6px;align-items:center;text-align:center;font-size:.88rem;padding:14px 10px}.card .big{font-size:38px;line-height:1.1}.card.skill{border-top:3px solid var(--accent)}.card.skill.shared{border-top-color:#6fb6ff}.tag{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.tag.active{color:var(--magic)}.tag.proc{color:var(--accent)}.lv{color:var(--good);font-weight:700;font-size:.8rem}.best{color:var(--accent);font-weight:700}.title-screen{max-width:820px;margin:40px auto;text-align:center}.title-screen .sub{color:var(--muted)}.card.clan{font-size:.95rem;padding:20px 12px}.card.clan .big{font-size:56px}.battle-screen{text-align:center}.vs{font-size:1.2rem;margin-bottom:8px}.vs .you{color:#7fb2ff}.vs .foe{color:#ff8f80}canvas.arena{width:100%;max-width:880px;aspect-ratio:880 / 320;border-radius:10px;border:1px solid var(--line);display:block;margin:0 auto}.battle-bar{display:flex;justify-content:space-between;align-items:center;gap:10px;max-width:880px;margin:8px auto;flex-wrap:wrap}.controls{display:flex;gap:8px}.cds{display:flex;gap:6px;min-height:40px}.cd{width:40px;height:40px;border-radius:8px;display:grid;place-items:center;font-size:22px;background:conic-gradient(rgba(224,176,79,.35) var(--p),#2b333d 0);border:1px solid var(--line)}.cd.ready{border-color:var(--accent)}h2.win{color:var(--good)}h2.loss{color:var(--bad)}.over{max-width:560px;margin:20px auto;text-align:center}.over .panel.hero{text-align:left;margin:14px 0}.row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}