:root{--bg: #0a0f1a;--card: #161c2e;--card-hover: #1f273f;--accent: #22c55e;--accent-dark: #16a34a;--text: #e2e8f0;--muted: #64748b;--border: #2a334a;--success: #16a34a;--warning: #f59e0b;--danger: #ef4444;--blue: #3b82f6;--purple: #8b5cf6}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.5}.container{max-width:1024px;margin:0 auto;padding:20px 16px}.app-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid var(--border);flex-wrap:wrap;gap:8px}.logo{display:flex;align-items:center;gap:10px;font-size:26px;font-weight:800;letter-spacing:-.8px}.logo span{background:linear-gradient(90deg,#22c55e,#86efac);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.subtitle{color:var(--muted);font-size:14px;font-weight:400;white-space:nowrap}.card{background:var(--card);border-radius:16px;padding:18px;margin-bottom:16px;border:1px solid var(--border);transition:transform .1s ease,border-color .1s,box-shadow .15s}.card:hover{border-color:#3f4a63;box-shadow:0 6px 18px #00000040}.card h2,.card h3{margin:0 0 14px;font-weight:700;font-size:18px;color:#f1f5f9;display:flex;align-items:center;gap:8px}button{background:var(--accent);color:#0b1120;border:none;padding:11px 20px;border-radius:12px;font-weight:700;font-size:14.5px;cursor:pointer;transition:all .12s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 2px 6px #22c55e59;min-height:44px}button:hover:not(:disabled){background:var(--accent-dark);transform:translateY(-1px);box-shadow:0 4px 10px #22c55e73}button:active:not(:disabled){transform:translateY(0)}button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}button.secondary{background:#2a334a;color:#e2e8f0;box-shadow:none}button.secondary:hover:not(:disabled){background:#3f4a63}button.danger{background:var(--danger);color:#fff;box-shadow:0 2px 6px #ef44444d}button.battle{background:linear-gradient(135deg,#f59e0b,#d97706);color:#0b1120;font-weight:800;box-shadow:0 3px 8px #f59e0b66}button.battle:hover:not(:disabled){filter:brightness(1.05)}input,select{background:#0f1525;border:1px solid var(--border);color:var(--text);padding:12px 14px;border-radius:10px;font-size:15px;transition:border-color .15s}input:focus,select:focus{outline:none;border-color:var(--accent)}input::placeholder{color:#64748b}.pet-avatar{width:130px;height:130px;border-radius:9999px;display:flex;align-items:center;justify-content:center;font-size:72px;background:linear-gradient(145deg,#1e2538,#2a334a);border:8px solid #3f4a63;box-shadow:0 10px 30px #00000059,inset 0 6px 14px #ffffff0d;flex-shrink:0;position:relative;transition:transform .2s cubic-bezier(.2,0,.2,1)}.pet-avatar:hover{transform:scale(1.04)}.pet-avatar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:9999px;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.12),transparent 55%);pointer-events:none}.pet-avatar.playful{border-color:#22c55e}.pet-avatar.grumpy{border-color:#f59e0b}.pet-avatar.smart{border-color:#3b82f6}.pet-avatar.lazy{border-color:#a78bfa}.pet-avatar svg{width:68px;height:68px}.pet-header{display:flex;align-items:center;gap:18px;padding-bottom:14px;border-bottom:1px solid var(--border);margin-bottom:16px}.pet-info h2{margin:0 0 4px;font-size:24px;font-weight:800}.pet-info .meta{color:var(--muted);font-size:13.5px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(148px,1fr));gap:12px}.stat{background:#0f1525;padding:12px 14px;border-radius:12px;border:1px solid var(--border)}.stat-label{font-size:11.5px;color:var(--muted);font-weight:700;letter-spacing:.6px;margin-bottom:4px;text-transform:uppercase;display:flex;align-items:center;gap:5px}.stat-value{font-size:23px;font-weight:800;margin-bottom:6px;line-height:1}.progress{height:7px;background:#2a334a;border-radius:999px;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(to right,var(--accent),#86efac);transition:width .35s cubic-bezier(.2,0,.2,1);border-radius:999px}.progress-bar.happiness{background:linear-gradient(to right,#f59e0b,#fcd34d)}.progress-bar.energy{background:linear-gradient(to right,#3b82f6,#60a5fa)}.progress-bar.xp{background:linear-gradient(to right,#8b5cf6,#c084fc)}.main-grid{display:grid;grid-template-columns:1fr 360px;gap:16px}@media (max-width: 820px){.main-grid{grid-template-columns:1fr}}.chat-log{height:248px;overflow-y:auto;background:#0f1525;padding:14px;border-radius:12px;margin-bottom:10px;font-size:14px;line-height:1.55;border:1px solid var(--border)}.chat-log::-webkit-scrollbar{width:5px}.chat-log::-webkit-scrollbar-thumb{background:#3f4a63;border-radius:3px}.log-entry{margin:6px 0;padding:8px 11px;border-radius:9px;font-size:14px}.log-entry.user{background:#1e2538;margin-left:22px}.log-entry.ai{background:#0a0f1a;margin-right:22px;border-left:4px solid var(--accent)}.log-entry strong{color:#94a3b8;font-size:12px;margin-right:5px}.log-entry.ai strong{color:#86efac}.pers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(108px,1fr));gap:9px;margin:12px 0}.pers-card{background:#0f1525;border:2px solid var(--border);border-radius:12px;padding:12px 8px;text-align:center;cursor:pointer;transition:all .12s ease}.pers-card:hover{border-color:#4a5568;background:#1e2538;transform:translateY(-1px)}.pers-card.active{border-color:var(--accent);background:#052e16;box-shadow:0 0 0 1px var(--accent)}.pers-card .emoji{font-size:36px;display:block;margin-bottom:3px;line-height:1}.pers-card .name{font-weight:700;font-size:13.5px;margin-bottom:1px}.pers-card .traits{font-size:10.5px;color:var(--muted)}.battle-result{font-size:16px;font-weight:800;padding:11px 14px;border-radius:10px;margin-top:12px;text-align:center}.win{background:#052e16;color:#86efac;border:1px solid #166534}.lose{background:#450a0a;color:#fca5a5;border:1px solid #7f1d1d}.root-hash{font-family:ui-monospace,monospace;font-size:11.5px;background:#0f1525;padding:3px 8px;border-radius:6px;color:#64748b;border:1px solid var(--border)}.footer{margin-top:36px;text-align:center;font-size:11.5px;color:#475569}.error-card{background:#450a0a;color:#fca5a5;border-color:#7f1d1d}.status-badge{display:inline-block;font-size:10.5px;padding:2px 9px;border-radius:999px;background:#2a334a;color:#94a3b8;font-weight:600;letter-spacing:.3px}.actions-grid{display:grid;grid-template-columns:1fr;gap:10px}.actions-grid button{width:100%;justify-content:flex-start;padding-left:16px}.helper-text{font-size:11px;color:var(--muted);margin-top:6px;line-height:1.3}@media (max-width: 520px){.pet-header{flex-direction:column;align-items:flex-start;gap:12px}.pet-avatar{width:108px;height:108px;font-size:58px}}