@import url("https://fonts.googleapis.com/css2?family=VT323&display=swap");:root{--green:#33ff33;--green-dim:#1a991a;--green-dark:#003300;--amber:#ffcc00;--amber-dim:#cc9900;--red:#ff3333;--bg:#0a0a0a;--screen-bg:#051405}*{margin:0;padding:0;box-sizing:border-box}body{font-family:VT323,Courier New,monospace;background-color:var(--bg);color:var(--green);min-height:100vh;display:flex;justify-content:center;align-items:center;overflow-x:hidden}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.15),rgba(0,0,0,.15) 1px,transparent 0,transparent 3px);z-index:9999}.container{width:100%;max-width:640px;padding:1rem}.screen-border{border:4px solid var(--green-dim);border-radius:12px;background:var(--screen-bg);padding:1.5rem;box-shadow:0 0 20px rgba(51,255,51,.3),inset 0 0 40px rgba(0,0,0,.5);position:relative}h1{font-size:2.2rem;color:var(--green);text-shadow:0 0 10px var(--green);margin-bottom:.5rem;letter-spacing:3px}.subtitle,h1{text-align:center}.subtitle{color:var(--green-dim);font-size:1rem;margin-bottom:1.5rem}.pet-display{background:rgba(0,0,0,.4);border:2px solid var(--green-dark);border-radius:6px;padding:1rem;margin-bottom:1.2rem;text-align:center;min-height:230px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}.pet-art{font-family:Courier New,VT323,monospace;font-size:1rem;line-height:1.15;white-space:pre;color:var(--green);text-shadow:0 0 5px var(--green);letter-spacing:2px;animation:blink .8s ease-in-out infinite alternate}.pet-art.happy{color:var(--green);animation:float 2s ease-in-out infinite}.pet-art.hungry{color:var(--amber);text-shadow:0 0 5px var(--amber)}.pet-art.tired{color:#66aaff;text-shadow:0 0 5px #66aaff;animation:pulse 2s infinite}.pet-art.dirty{color:var(--amber-dim)}.pet-art.sick{color:var(--red);text-shadow:0 0 5px var(--red);animation:shake .5s infinite}.pet-art.dead{color:#555;text-shadow:none;animation:none}.pet-name{font-size:1.4rem;color:var(--green);text-shadow:0 0 5px var(--green);margin-top:.5rem}.pet-state-label{font-size:.9rem;color:var(--green-dim);margin-top:.2rem}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes blink{0%{opacity:1}to{opacity:.85}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}.stats-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:.6rem 1.2rem;gap:.6rem 1.2rem;margin-bottom:1.2rem}.stat-item{display:flex;flex-direction:column;gap:.15rem}.stat-label{font-size:.85rem;color:var(--green-dim);text-transform:uppercase;letter-spacing:1px}.stat-bar-bg{width:100%;height:14px;background:var(--green-dark);border-radius:7px;border:1px solid rgba(51,255,51,.3);overflow:hidden}.stat-bar-fill{height:100%;border-radius:7px;transition:width .5s ease,background-color .3s ease;background:var(--green);box-shadow:0 0 8px var(--green)}.stat-bar-fill.low{background:var(--red);box-shadow:0 0 8px var(--red)}.stat-bar-fill.medium{background:var(--amber);box-shadow:0 0 8px var(--amber)}.stat-value{font-size:.7rem;text-align:right;color:var(--green-dim)}.actions-row{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap;justify-content:center}.action-btn{font-family:VT323,monospace;font-size:1.1rem;padding:.5rem 1rem;border:2px solid var(--green-dim);border-radius:6px;background:var(--green-dark);color:var(--green);cursor:pointer;transition:all .2s ease;text-shadow:0 0 5px var(--green);letter-spacing:1px;min-width:80px}.action-btn:hover:not(:disabled){background:rgba(51,255,51,.2);box-shadow:0 0 15px rgba(51,255,51,.4);transform:scale(1.05)}.action-btn:active:not(:disabled){transform:scale(.95)}.action-btn:disabled{opacity:.4;cursor:not-allowed}.action-btn.death{border-color:var(--red);color:var(--red)}.log-area{background:rgba(0,0,0,.5);border:1px solid var(--green-dark);border-radius:4px;padding:.8rem;height:100px;overflow-y:auto;font-size:.9rem;line-height:1.4}.log-entry{color:var(--green-dim)}.log-entry .timestamp{color:#555}.log-entry.death{color:var(--red)}.log-entry.revive{color:var(--green)}