:root{--bg:#12141c;--surface:#1e2230;--surface2:#2a3042;--text:#f4f6fb;--muted:#b0b8cc;--primary:#4da6ff;--danger:#ff6b6b;--success:#4cd97b;--warn:#ffcc4d;--armor:#66d9ff;--focus:#ffea00}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.5;padding:16px;max-width:920px;margin:0 auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:var(--focus);color:#000;padding:8px 12px;z-index:10}button:focus-visible,[tabindex]:focus-visible,a:focus-visible,input:focus-visible{outline:4px solid var(--focus);outline-offset:2px}header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;border-bottom:2px solid var(--surface2);padding-bottom:12px;margin-bottom:14px}h1{font-size:1.5rem;color:var(--primary)}h2{font-size:1.3rem;margin-bottom:10px}h3{font-size:1.05rem;margin-bottom:6px}.bar{display:flex;flex-wrap:wrap;gap:14px;font-weight:700;background:var(--surface);padding:8px 14px;border-radius:8px}nav{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}button{background:var(--surface2);color:var(--text);border:2px solid var(--primary);border-radius:10px;padding:10px 16px;font-size:1rem;font-weight:700;cursor:pointer;min-height:48px}button:hover:not(:disabled){background:#1a75d1}button:disabled{opacity:.45;border-color:#555;cursor:not-allowed}.primary{background:var(--primary);color:#0b0d12}.danger{background:var(--danger);border-color:var(--danger);color:#0b0d12}.good{background:var(--success);border-color:var(--success);color:#0b0d12}.panel{background:var(--surface);border:1px solid var(--surface2);border-radius:12px;padding:16px;margin-bottom:14px}.row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;margin-top:10px}.status{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}@media (max-width: 600px){.status{grid-template-columns:1fr}}.fighter{background:var(--surface);border-left:5px solid var(--primary);border-radius:10px;padding:12px}.fighter.enemy{border-left-color:var(--danger)}.hp{color:var(--success);font-weight:700}.ehp{color:var(--danger);font-weight:700}.arm{color:var(--armor);font-weight:700}.en{color:var(--warn);font-weight:700}.meter{height:10px;background:#0d0f14;border-radius:6px;overflow:hidden;margin:4px 0 8px}.meter>span{display:block;height:100%}.card{display:flex;flex-direction:column;align-items:flex-start;text-align:left;width:100%;border:2px solid var(--primary);background:var(--surface2);border-radius:10px;padding:12px;gap:4px}.card.deck{border-color:var(--success)}.card.selten{border-color:#c084fc}.card.episch{border-color:#ffb454}.card .top{display:flex;justify-content:space-between;width:100%;gap:8px}.cost{background:var(--warn);color:#000;border-radius:6px;padding:1px 8px;font-size:.9rem;white-space:nowrap}.desc{font-weight:400;color:var(--muted);font-size:.95rem}.tag{font-size:.8rem;color:var(--muted);font-weight:400}.log{background:#0d0f14;border:1px solid var(--surface2);border-radius:8px;padding:10px;max-height:190px;overflow:auto;font-size:.95rem}.log p{border-bottom:1px solid #1d212b;padding:3px 0}.hint{color:var(--muted);font-size:.95rem}input[type=text]{background:#0d0f14;color:var(--text);border:2px solid var(--primary);border-radius:10px;padding:10px 14px;font-size:1.1rem;letter-spacing:.25em;text-transform:uppercase;width:11em;min-height:48px}