*{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:#916543;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}.screen{position:relative;width:min(88vw,330px);height:min(40vh,320px);display:flex;align-items:center;justify-content:center;border-radius:18px;overflow:hidden;transition:background .4s ease}.screen.is-dark{background:#00000073}.ye-viewport{height:96%;aspect-ratio:1 / 1;overflow:hidden}.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:96px;animation:egg-wobble 1.6s ease-in-out infinite}@keyframes egg-wobble{0%,to{transform:rotate(-6deg)}50%{transform:rotate(6deg)}}.grave{font-size:90px;filter:grayscale(.4);opacity:.85}.overlays{position:absolute;top:8px;right:10px;display:flex;gap:6px;font-size:22px}.ov.att{animation:blink .8s steps(1) infinite}@keyframes blink{50%{opacity:.15}}.poops{position:absolute;bottom:8px;left:10px;display:flex;gap:2px;font-size:20px}.status-panel{position:absolute;top:10px;right:10px;bottom:10px;left:10px;border-radius:12px;background:#2a1a0f;color:#f6ead9;padding:14px 16px;display:flex;flex-direction:column;gap:6px;font-size:14px}.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)}.tama-buttons{display:flex;gap:22px;align-items:flex-start}.tama-slot{display:flex;flex-direction:column;align-items:center;gap:6px}.tama-sub{font-size:11px;opacity:.85}.tama-btn{position:relative;width:56px;height:56px;padding:0;border:none;border-radius:50%;background:#f4f0ea;color:#5e3d24;font:700 19px/1 ui-monospace,SF Mono,Menlo,monospace;cursor:pointer;box-shadow:inset 3px 3px #fff,inset -3px -3px #cabfb0,0 5px #a89a88,0 8px #00000040}.tama-btn__cap{display:inline-block;transform:translateY(-1px);text-shadow:0 1px 0 rgba(255,255,255,.6)}.tama-btn:active{transform:translateY(4px);box-shadow:inset 3px 3px #fff,inset -3px -3px #cabfb0,0 1px #a89a88,0 2px #00000040}.tama-btn.is-pressed{animation:tama-press .2s ease-out}@keyframes tama-press{0%,to{transform:translateY(0);box-shadow:inset 3px 3px #fff,inset -3px -3px #cabfb0,0 5px #a89a88,0 8px #00000040}45%{transform:translateY(5px);box-shadow:inset 3px 3px #fff,inset -3px -3px #cabfb0,0 1px #a89a88,0 2px #00000040}}