:root{--bg:#0b0f14;--bg2:#121922;--text:#e6edf3;--muted:#9fb0c3;--border:#1e2a3a;--accent:#4ea3ff;--btn:#2b5a92;--btnText:#fff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial}.app,html,body{overscroll-behavior-y:none}body{touch-action:manipulation}.app{min-height:100vh;display:flex;flex-direction:column}.header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border);background:var(--bg2)}.nav a{color:var(--text);text-decoration:none;margin-left:12px;opacity:.9}.main{padding:16px;max-width:980px;margin:0 auto;width:100%}.page{display:flex;flex-direction:column;gap:16px}.card{background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:16px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.animal-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.animal{background:var(--bg2);border:1px solid var(--border);border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:6px}.animal img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:8px;display:block}.animal.large img{aspect-ratio:1/1}.animal .name{font-weight:600;color:var(--text)}.btn{background:var(--btn);color:var(--btnText);border:0;border-radius:8px;padding:10px 14px;cursor:pointer;display:inline-block;text-align:center}.btn[disabled]{opacity:.6;cursor:not-allowed}.btn.secondary{background:transparent;border:1px solid var(--border);color:var(--text);margin-left:8px}.row{display:flex;gap:12px;align-items:center;margin:8px 0}label{min-width:90px;color:var(--muted)}select{background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:8px}.search{margin-top:8px}.search input{width:100%;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:10px}.hero{width:100%;max-height:420px;object-fit:contain;border-radius:10px;margin:8px 0}.traits{color:var(--muted);margin:6px 0}.abilities .ability{border-top:1px solid var(--border);padding:8px 0}.ability-name{font-weight:600}.hud{display:flex;justify-content:space-between}.pane{flex:1}.hp{color:var(--muted)}.abilities-row{display:flex;gap:8px;flex-wrap:wrap}.log{white-space:pre-wrap;background:var(--bg);padding:8px;border-radius:8px;border:1px solid var(--border);max-height:220px;overflow:auto}.hybrid-card{position:relative}.icon-btn{position:absolute;top:10px;right:10px;display:inline-flex;align-items:center;justify-content:center;background:var(--bg);border:1px solid var(--border);border-radius:9999px;padding:8px;color:var(--text);opacity:.9;text-decoration:none}.icon-btn:hover{opacity:1;border-color:var(--accent)}.icon-btn svg{width:18px;height:18px;display:block}.abilities-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin-top:10px}.ability-card{background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:8px;min-height:126px}.ability-header{display:flex;justify-content:space-between;align-items:flex-start;margin:0}.ability-title{font-weight:700;font-size:18px;margin:0}.ability-badges{display:flex;gap:6px;flex-wrap:wrap}.ability-text{color:var(--text);font-size:15px;line-height:1.45;margin:0}.badge+.badge{margin-left:6px}.badge{font-size:12px;line-height:1;border:1px solid var(--border);border-radius:999px;padding:4px 8px;background:#4ea3ff1f;margin-left:6px}.badge.power{background:#9fe29f1f}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:100}.lightbox-img{max-width:95vw;max-height:95vh;object-fit:contain;border-radius:8px;box-shadow:0 10px 30px #00000080}.lightbox-close{position:absolute;top:16px;right:16px;background:transparent;border:0;color:#fff;font-size:32px;line-height:1;cursor:pointer}.seg{display:flex;gap:6px;background:var(--bg);border:1px solid var(--border);border-radius:999px;padding:4px;position:relative}.seg-btn{color:var(--text);text-decoration:none;padding:8px 14px;border-radius:999px}.seg-btn.active{background:var(--btn);color:var(--btnText)}.seg select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23e6edf3' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:32px}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;padding:32px;grid-column:1/-1;max-width:560px;margin:0 auto}.empty .btn{white-space:nowrap}.empty-graphic{font-size:40px;opacity:.8}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:50}.modal{width:min(720px,92vw);max-height:90vh;overflow:auto;background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:16px}.selected-row{display:flex;gap:12px;margin:8px 0}.slot{flex:1;border:1px dashed var(--border);border-radius:10px;padding:10px;display:flex;flex-direction:column;align-items:center;gap:8px;min-height:160px}.slot.active{border-color:var(--accent)}.slot-label{font-size:12px;color:var(--muted)}.slot-img{width:100%;max-height:120px;object-fit:contain;border-radius:8px}.slot-name{font-weight:600}.slot-empty{color:var(--muted)}.progress{display:flex;gap:12px;align-items:center;margin-top:8px;padding:10px;border:1px solid var(--border);border-radius:10px;background:var(--bg)}.spinner{width:20px;height:20px;border-radius:50%;border:3px solid var(--border);border-top-color:var(--accent);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.steps{display:flex;flex-direction:column;gap:4px;color:var(--muted)}.steps .on{color:var(--text)}.progressbar{width:100%;height:8px;border:1px solid var(--border);border-radius:999px;overflow:hidden;background:var(--bg);margin-top:8px}.progressbar-fill{height:100%;background:var(--accent);width:0%;transition:width .2s linear}