:root{--bg:#0b1220;--bg-2:#111a2e;--card:#17213a;--card-2:#1e2b4a;--text:#e6ecff;--muted:#91a0c6;--accent:#ffd166;--accent-2:#06d6a0;--danger:#ef476f;--border:#24314f;--radius:14px;--safe-top:env(safe-area-inset-top,0px);--safe-bot:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{background:radial-gradient(ellipse at top, #16213d 0%, var(--bg) 70%);color:var(--text);-webkit-font-smoothing:antialiased;overscroll-behavior:none;touch-action:manipulation;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}button{font:inherit;color:inherit}a{color:var(--accent);text-decoration:none}input,button,select{font:inherit;color:var(--text);background:var(--card);border:1px solid var(--border);border-radius:12px;outline:none;padding:12px 14px}input:focus{border-color:var(--accent)}.app-shell{flex-direction:column;max-width:560px;min-height:100%;margin:0 auto;display:flex;position:relative}.top-bar{z-index:10;padding:calc(10px + var(--safe-top)) 16px 10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);background:#0b1220d9;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.brand{letter-spacing:.3px;font-size:18px;font-weight:700}.balance{border:1px solid var(--border);background:linear-gradient(135deg,#2a3866,#1c2748);border-radius:999px;align-items:center;gap:6px;padding:8px 12px;font-weight:700;display:inline-flex}.balance .coin{font-size:16px}.balance .amount{color:var(--accent)}.content{flex:1;padding:14px 14px 90px}.content.no-nav{padding-bottom:14px}.bottom-nav{padding:6px 8px calc(6px + var(--safe-bot));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--border);background:#0b1220eb;grid-template-columns:repeat(6,1fr);gap:2px;display:grid;position:sticky;bottom:0}.nav-item{color:var(--muted);text-align:center;border-radius:10px;flex-direction:column;align-items:center;gap:2px;min-width:0;padding:6px 2px;font-size:10px;display:flex}.nav-item span:last-child{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.nav-item .ico{font-size:20px}.nav-item.router-link-active{color:var(--accent);background:#ffd16614}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:12px;padding:14px}.title{margin:4px 2px 12px;font-size:22px;font-weight:800}.subtitle{color:var(--muted);margin-bottom:10px;font-size:13px}.btn{color:#1b1300;cursor:pointer;background:linear-gradient(135deg,#ffd166,#ffb347);border:none;border-radius:12px;padding:12px 16px;font-weight:700;transition:transform 50ms}.btn:active{transform:scale(.97)}.btn[disabled]{opacity:.5;cursor:not-allowed}.btn.secondary{background:var(--card-2);color:var(--text);border:1px solid var(--border)}.btn.danger{color:#fff;background:linear-gradient(135deg,#ef476f,#c23058)}.btn.full{width:100%}.grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;display:grid}.animal-card{background:var(--card-2);border:1px solid var(--border);text-align:center;border-radius:14px;padding:12px;position:relative}.animal-emoji{font-size:42px;line-height:1}.animal-name{margin-top:4px;font-weight:700}.animal-meta{color:var(--muted);margin-top:2px;font-size:12px}.animal-cost{color:var(--accent);margin-top:6px;font-weight:700}.row{align-items:center;gap:8px;display:flex}.row.between{justify-content:space-between}.stack{flex-direction:column;gap:8px;display:flex}.tap-zone{aspect-ratio:1;border:1px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 30% 30%,#2a3866,#0f1730);border-radius:50%;place-items:center;width:min(260px,70vw);margin:8px auto 20px;font-size:96px;transition:transform 80ms;display:grid;box-shadow:0 20px 50px #0006,inset 0 0 40px #ffffff0a}.tap-zone:active{transform:scale(.96)}.float{pointer-events:none;color:var(--accent);text-shadow:0 2px 4px #00000080;font-weight:800;animation:.9s ease-out forwards fly;position:absolute}@keyframes fly{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-80px)}}.loader{text-align:center;color:var(--muted);padding:40px}.error{color:var(--danger);margin-top:6px;font-size:13px}.success{color:var(--accent-2);margin-top:6px;font-size:13px}.badge{color:var(--accent-2);background:#06d6a026;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.tabs{background:var(--card);border:1px solid var(--border);border-radius:12px;margin-bottom:12px;padding:4px;display:flex}.tabs button{color:var(--muted);background:0 0;border:none;border-radius:8px;flex:1;padding:10px;font-weight:600}.tabs button.active{background:var(--card-2);color:var(--text)}.list-item{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:10px;display:flex}.list-item:last-child{border-bottom:none}.list-item .left{font-size:28px}.list-item .body{flex:1;min-width:0}.list-item .title-sm{font-weight:700}.list-item .sub{color:var(--muted);font-size:12px}