/* 温意意小窝 · 8-bit 像素风 */
.pet-page [hidden]{display:none!important}
.pet-page .pet-wrap{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:28px;align-items:start}
.pet-stage{position:relative}
.pet-stage canvas{display:block;width:100%;aspect-ratio:256/160;image-rendering:pixelated;image-rendering:crisp-edges;border:4px solid #13211f;outline:4px solid #e2bd72;box-shadow:12px 12px 0 rgba(0,0,0,.35);background:#f3e3c3;cursor:pointer}
.pet-line{margin:18px 0 0;padding:12px 16px;background:#fffaf0;color:#13211f;font-weight:700;border:3px solid #13211f;box-shadow:5px 5px 0 #13211f;position:relative}
.pet-line:before{content:"";position:absolute;left:28px;top:-14px;border:7px solid transparent;border-bottom-color:#13211f}
.pet-toast{position:absolute;left:50%;top:14px;transform:translateX(-50%);background:#fff6dc;color:#13211f;font-weight:800;padding:10px 16px;border:3px solid #13211f;box-shadow:4px 4px 0 #13211f;z-index:3;white-space:nowrap}
.pet-toast[data-kind=error]{background:#ffd6d6}
.pet-panel{display:grid;gap:18px}
.pet-box{background:var(--surface);border:3px solid #13211f;outline:2px solid rgba(226,189,114,.5);padding:18px;box-shadow:8px 8px 0 rgba(0,0,0,.3)}
.pet-head{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.pet-name{font-size:22px;font-weight:900;color:var(--accent)}
.pet-pill{margin-left:auto;font-size:13px;font-weight:800;padding:4px 10px;border:2px solid #13211f;background:#bfe6d8;color:#13211f}
.pet-pill[data-status=sick],.pet-pill[data-status=taken]{background:#ff9e9e}.pet-pill[data-status=hungry],.pet-pill[data-status=sad],.pet-pill[data-status=sleepy]{background:#ffd36b}.pet-pill[data-status=sleeping]{background:#c9c4ff}
.pet-bar{display:grid;grid-template-columns:3.2em 1fr 2.4em;align-items:center;gap:10px;font-size:13px;margin:8px 0;color:var(--muted)}
.pet-bar span{font-weight:700;color:var(--text)}.pet-bar b{text-align:right;color:var(--text)}
.pet-bar div{height:14px;border:3px solid #13211f;background:#0b1513;overflow:hidden}
.pet-bar i{display:block;height:100%;width:0;background:repeating-linear-gradient(90deg,#7fd36b 0 6px,#5fb84f 6px 12px);transition:width .5s steps(10)}
.pet-bar[data-k=mood] i{background:repeating-linear-gradient(90deg,#ff9ec4 0 6px,#ff7aa8 6px 12px)}
.pet-bar[data-k=energy] i{background:repeating-linear-gradient(90deg,#9fd2f6 0 6px,#6fb8f0 6px 12px)}
.pet-bar[data-k=health] i{background:repeating-linear-gradient(90deg,#ffd36b 0 6px,#f2b84b 6px 12px)}
.pet-bar[data-low=true] i{background:repeating-linear-gradient(90deg,#ff6b6b 0 6px,#e04848 6px 12px)}
.pet-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pet-btn{font:inherit;font-weight:800;font-size:15px;cursor:pointer;padding:12px 10px;color:#13211f;background:#ffd36b;border:3px solid #13211f;box-shadow:0 5px 0 #13211f;text-align:center;text-decoration:none;display:inline-block}
.pet-btn:hover:not(:disabled){background:#ffe08f}.pet-btn:active:not(:disabled){transform:translateY(5px);box-shadow:0 0 0 #13211f}
.pet-btn:disabled,.pet-btn.pink:disabled,.pet-btn.mint:disabled{background:#6f7f7a;color:#e6ebe9;cursor:default}
.pet-btn.mint{background:#bfe6d8}.pet-btn.pink{background:#ff9ec4}.pet-btn.wide{grid-column:1/-1}
.pet-today{margin:14px 0 0;font-size:13px;color:var(--muted)}
.pet-warn{margin:0;padding:12px 14px;background:#4a1f24;border:3px solid #ff6b6b;color:#ffd6d6;font-weight:700;font-size:14px}
.pet-h{margin:0 0 12px;font-size:16px;font-weight:800}
.pet-sub{margin:0 0 12px;font-size:13px;color:var(--muted)}
.quest-step{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:2px dashed rgba(255,255,255,.08);font-size:14px}
.quest-step:before{content:"";width:12px;height:12px;border:3px solid #6f7f7a;flex:none}
.quest-step[data-done=true]:before{background:#7fd36b;border-color:#13211f}
.quest-step a{margin-left:auto;color:var(--accent);font-weight:700}
.quest-step[data-done=true] a{display:none}
.pet-taken .pet-actions{margin-top:14px}
.pet-adopt-form{display:grid;gap:12px}
.pet-adopt-form input{font:inherit;padding:10px 12px;border:3px solid #13211f;background:#0b1513;color:var(--text)}
.pet-rules{margin:0;padding-left:18px;font-size:13px;color:var(--muted);line-height:1.8}
@media (max-width:860px){.pet-page .pet-wrap{grid-template-columns:1fr}}
.pet-demo-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 20px;padding:12px;border:3px dashed #e2bd72;background:#0b1513;font-size:13px}
.pet-demo-bar b{color:#e2bd72;margin-right:6px}.pet-demo-bar a{color:#f8f2e7;text-decoration:none;padding:4px 8px;border:2px solid #2c3d38}
.pet-demo-bar a[aria-current]{background:#ffd36b;color:#13211f;border-color:#13211f}