body{overflow:hidden;margin:0;background:#000;font-family:Courier New,monospace;color:#fff}#tamagotchi-container{width:640px;height:600px;margin:20px auto;background:#1a1a1a;border:4px solid #333;border-radius:20px;box-shadow:0 0 20px #00000080;display:flex;flex-direction:column;overflow:hidden}#pet-area{flex:1;background:#000;position:relative}#pet-display{width:100%;height:100%}#ui-area{background:#2a2a2a;padding:20px;border-top:2px solid #444}#pet-status{background:#000000b3;border-radius:10px;padding:10px;border:2px solid #555;margin-bottom:20px}.status-bar{display:flex;align-items:center;margin-bottom:8px;font-size:14px;font-weight:700}.status-bar:last-child{margin-bottom:0}.bar{flex:1;height:20px;background:#333;border-radius:10px;margin-left:10px;position:relative;overflow:hidden;border:1px solid #555}.bar:before{content:"";position:absolute;top:0;left:0;height:100%;width:var(--bar-width, 80%);border-radius:10px;transition:width .3s ease}.hunger-bar:before{background:linear-gradient(90deg,#ff6b6b,#ff8e8e);width:--var(--hunger-width,100%)}.happiness-bar:before{background:linear-gradient(90deg,#4ecdc4,#7fdbda);width:--var(--happiness-width,100%)}.energy-bar:before{background:linear-gradient(90deg,#ffe66d,#fff3a0);width:--var(--energy-width,100%)}#controls{display:flex;gap:10px;justify-content:center}.action-btn{background:#000;border:2px solid #718096;color:#fff;padding:12px 16px;border-radius:12px;cursor:pointer;font-family:Courier New,monospace;font-size:14px;font-weight:700;transition:all .2s ease;box-shadow:0 4px 8px #0000004d;min-width:80px}.action-btn:hover{background:#010101;border-color:#a0aec0;transform:translateY(-2px);box-shadow:0 6px 12px #0006}.action-btn:active{transform:translateY(0);box-shadow:0 2px 4px #0000004d}.action-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.name-prompt-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;color:#000}.name-prompt{background:#fff;padding:2rem;border-radius:8px;text-align:center}@font-face{font-family:PixeloidMono;src:url(https://tuyp0hd2qx.ufs.sh/f/41jYR10q2Iw9skr6vCZXlk147vOqW0YmnLUc9hPxaystMjVG) format("woff2")}.cat-name{color:pink;font-family:PixeloidMono,monospace;font-size:18px;font-weight:700;text-align:center;text-shadow:2px 2px 4px rgba(0,0,0,.8);background:#00000080;padding:4px 8px;border-radius:4px;border:1px solid #555}