*{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100vh;min-height:100dvh}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#7d5132;color:#f6ead9}.stage{position:relative;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:12px;padding:calc(env(safe-area-inset-top,0px) + 14px) 14px calc(env(safe-area-inset-bottom,0px) + 20px)}.hud{width:100%;max-width:340px}.needs{display:grid;grid-template-columns:1fr 1fr;gap:6px 16px}.need{display:flex;align-items:center;gap:6px}.need__ic{font-size:15px;width:20px;text-align:center}.pips{display:flex;gap:3px}.pip{width:16px;height:9px;border-radius:3px;background:#00000047}.pip.on{background:#f0c674}.meta{margin-top:8px;display:flex;gap:6px;font-size:12px;opacity:.85;flex-wrap:wrap}.device-wrap{display:flex;flex-direction:column;align-items:center;gap:6px}.device{position:relative;width:min(94vw,400px);aspect-ratio:1 / 1;flex-shrink:0}.device-art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;pointer-events:none;-webkit-user-select:none;user-select:none}.device-screen{position:absolute;left:28.125%;top:48.4375%;width:44.0625%;height:23.75%;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:4px;transition:background .4s ease}.device-screen.is-dark{background:#00000080}.pet-name{position:absolute;top:2px;left:4px;font-size:9px;font-weight:700;color:#3f5230;z-index:2;opacity:.75}.ye-viewport{height:100%;aspect-ratio:1 / 1;overflow:hidden}.dev-btn{position:absolute;top:78.9%;width:14%;aspect-ratio:1 / 1;transform:translate(-50%,-50%);padding:0;border:none;background:transparent;border-radius:50%;cursor:pointer;-webkit-tap-highlight-color:transparent}.dev-btn--a{left:36.875%}.dev-btn--b{left:49.375%}.dev-btn--c{left:61.875%}.dev-btn:after{content:"";position:absolute;top:24%;right:24%;bottom:24%;left:24%;border-radius:50%;background:transparent;transition:background .1s ease}.dev-btn:active:after{background:#0000004d}.dev-btn:active{transform:translate(-50%,-50%) scale(.92)}.btn-legend{display:flex;gap:18px;font-size:10px;opacity:.55}.ye-strip{height:100%;width:auto;image-rendering:pixelated;image-rendering:crisp-edges}.ye-strip.is-playing{animation:ye-play var(--dur) steps(var(--frames)) infinite;will-change:transform}@keyframes ye-play{0%{transform:translate(0)}to{transform:translate(-100%)}}@media (prefers-reduced-motion: reduce){.ye-strip.is-playing{animation:none}}.egg{font-size:52px;line-height:1;animation:egg-wobble 1.6s ease-in-out infinite}@keyframes egg-wobble{0%,to{transform:rotate(-6deg)}50%{transform:rotate(6deg)}}.grave{font-size:48px;line-height:1;filter:grayscale(.4);opacity:.85}.overlays{position:absolute;top:2px;right:3px;display:flex;gap:3px;font-size:13px}.ov.att{animation:blink .8s steps(1) infinite}@keyframes blink{50%{opacity:.15}}.poops{position:absolute;bottom:1px;left:3px;display:flex;gap:1px;font-size:12px}.status-panel{position:absolute;left:12%;right:12%;top:26%;bottom:14%;z-index:6;border-radius:12px;background:#2a1a0f;color:#f6ead9;padding:12px 14px;display:flex;flex-direction:column;gap:4px;font-size:13px;box-shadow:0 8px 24px #00000073}.status-panel b{font-size:13px;letter-spacing:2px;opacity:.7}.status-hint{margin-top:auto;font-size:11px;opacity:.5}.toast{position:absolute;top:calc(env(safe-area-inset-top,0px) + 96px);left:50%;transform:translate(-50%);z-index:8;padding:8px 16px;border-radius:12px;background:#2a1a0f;font-size:13px;box-shadow:0 6px 20px #0006;animation:toast-in .18s ease-out;white-space:nowrap}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-6px)}to{opacity:1;transform:translate(-50%)}}.skin-corner{position:absolute;top:calc(env(safe-area-inset-top,0px) + 12px);right:12px;display:flex;flex-direction:column;gap:8px;z-index:5}.skin-chip{width:40px;height:40px;padding:2px;border:2px solid transparent;border-radius:10px;background:#0003;cursor:pointer;overflow:hidden}.skin-chip img{width:100%;height:100%;object-fit:contain;object-position:top;image-rendering:pixelated}.skin-chip.is-active{border-color:#f3e3d3;background:#00000057}.menu{display:flex;gap:4px;flex-wrap:wrap;justify-content:center;max-width:360px}.menu-ic{display:flex;flex-direction:column;align-items:center;gap:1px;width:46px;padding:5px 2px;border-radius:10px;border:2px solid transparent;font-size:20px;background:#00000024}.menu-ic span{font-size:9px;opacity:.8}.menu-ic.sel{border-color:#f6ead9;background:#00000052;transform:translateY(-2px)}.menu-icon-img{width:24px;height:24px;object-fit:contain;image-rendering:pixelated;image-rendering:crisp-edges}