:root{color-scheme:dark;--bg0: #080808;--bg1: #121212;--fg: #ffffff;--dim: #9a9a9a;--line: #2a2a2a;--accent: #ffffff}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:"Press Start 2P",system-ui,sans-serif;background-color:var(--bg0);color:var(--fg);image-rendering:pixelated;image-rendering:crisp-edges}body{background-image:repeating-linear-gradient(0deg,transparent,transparent 7px,rgba(255,255,255,.03) 7px,rgba(255,255,255,.03) 8px),repeating-linear-gradient(90deg,transparent,transparent 7px,rgba(255,255,255,.03) 7px,rgba(255,255,255,.03) 8px),linear-gradient(135deg,#050505,#101010,#050505);background-attachment:fixed}#app{min-height:100vh;display:flex;align-items:stretch;justify-content:center;padding:24px 16px 48px}.shell{width:min(440px,100%);display:flex;flex-direction:column;gap:16px;border:4px solid var(--fg);padding:20px 18px 24px;background:#000000b8;box-shadow:8px 8px #000}.header{text-align:center}.title{margin:0 0 10px;font-size:14px;line-height:1.6;letter-spacing:.04em}.tagline{margin:0;font-size:8px;color:var(--dim);line-height:1.8}.species-sheet{margin:10px 0 0;font-size:6px;line-height:1.8}.species-sheet a{color:var(--fg)}.stage-line,.name-line{margin:0;font-size:8px;line-height:1.9;text-align:center;color:var(--dim)}.name-line{color:var(--fg)}.viewport{display:flex;align-items:center;justify-content:center;min-height:220px;border:3px dashed #000000;background:#e8e8e8}.pet-stack{position:relative;display:inline-block}.pet-scene{display:inline-block;line-height:0;padding:10px;background:#fff;border:4px solid #000000;box-shadow:0 0 0 2px #fff;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;image-rendering:pixelated}.pet-scene.care-bump{animation:pet-care-bump .38s ease-out}@keyframes pet-care-bump{0%,to{transform:scale(1)}35%{transform:scale(1.045)}65%{transform:scale(1.02)}}.care-reaction-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:flex-end;justify-content:center;padding-bottom:18px;pointer-events:none}.care-reaction-text{font-size:9px;line-height:1.4;color:#000;text-shadow:2px 0 0 #fff,-2px 0 0 #fff,0 2px 0 #fff,0 -2px 0 #fff;opacity:0}.care-reaction-layer.is-active .care-reaction-text{animation:care-reaction-pop .7s ease-out forwards}.care-reaction-text[data-kind=feed]{color:#5c3310}.care-reaction-text[data-kind=clean]{color:#0d4f6e}.care-reaction-text[data-kind=play]{color:#7a1452}@keyframes care-reaction-pop{0%{transform:translateY(10px) scale(.65);opacity:0}18%{transform:translateY(0) scale(1);opacity:1}72%{transform:translateY(-14px) scale(1.06);opacity:1}to{transform:translateY(-22px) scale(1);opacity:0}}.pet-canvas{width:320px;height:320px;display:block;image-rendering:pixelated;image-rendering:crisp-edges;-ms-interpolation-mode:nearest-neighbor}.pet-scene.shake{animation:egg-shake .35s steps(2,end) infinite}@keyframes egg-shake{0%{transform:translate(0) rotate(0)}25%{transform:translate(-2px,1px) rotate(-2deg)}50%{transform:translate(2px,-1px) rotate(2deg)}75%{transform:translate(-1px,-2px) rotate(-1deg)}to{transform:translate(0) rotate(0)}}.meters{display:flex;flex-direction:column;gap:10px}.meter{display:grid;grid-template-columns:92px 1fr 40px;align-items:center;gap:8px;font-size:8px}.meter-label{color:var(--dim)}.meter-track{height:14px;border:2px solid var(--fg);background:#000;overflow:hidden}.meter-fill{height:100%;width:100%;background:#fff;transition:width .25s linear}.meter-value{text-align:right;color:var(--fg)}.actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.btn{font:inherit;cursor:pointer}.pixel-btn{padding:10px 14px;font-size:8px;border:3px solid var(--fg);background:#000;color:var(--fg);text-transform:uppercase}.pixel-btn.primary{background:var(--fg);color:#000}.pixel-btn:disabled{opacity:.35;cursor:not-allowed}.pixel-btn:not(:disabled):active{transform:translate(2px,2px)}.pixel-btn.btn-hit{animation:btn-care-hit .22s ease-out;filter:brightness(1.12)}@keyframes btn-care-hit{0%{transform:translate(0)}50%{transform:translate(1px,2px) scale(.98)}to{transform:translate(0)}}.modal{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:20px;background:#000000c7;z-index:20}.modal.hidden{display:none}.modal-card{width:min(380px,100%);border:4px solid var(--fg);padding:20px 18px 22px;background:#050505;box-shadow:10px 10px #000}.modal-title{margin:0 0 14px;font-size:10px;line-height:1.7}.modal-hint{margin:0 0 16px;font-size:7px;line-height:1.9;color:var(--dim)}.modal-actions{display:flex;justify-content:flex-end}.pixel-input{width:100%;margin-bottom:12px;padding:10px;font:inherit;font-size:8px;border:3px solid var(--fg);background:#000;color:var(--fg);outline:none}.pixel-input.input-error{border-color:#888;animation:blink .6s steps(1,end) 2}@keyframes blink{50%{border-color:#fff}}