@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";:root{--pixel-font:"Press Start 2P", monospace;--tama-shell:#c8892a;--tama-shell-dark:#8b5e1a;--tama-shell-light:#e8a83a;--tama-lcd-bg:#2d3a1e;--tama-lcd-pixel:#3a4a25;--tama-lcd-on:#a8c060;--tama-lcd-glow:#7a9840;--tama-amber:#d4820a;--tama-amber-bright:#f5a623;--tama-btn-face:#b87320;--tama-btn-shadow:#6b3d08;--tama-btn-highlight:#e8973a;--tama-text-dim:#8a6020;--tama-danger:#c04020;--tama-warn:#c09020;--tama-ok:#40a020;--tama-bg:#1a0e04;font-family:var(--pixel-font);letter-spacing:.5px;color:var(--tama-lcd-on);background:var(--tama-bg);image-rendering:pixelated;-webkit-font-smoothing:none;-moz-osx-font-smoothing:unset;font-synthesis:none;text-rendering:optimizespeed;font-size:8px;line-height:1.8}body{background:var(--tama-bg);background-image:repeating-linear-gradient(0deg,#0000,#0000 3px,#00000026 3px 4px);margin:0}#root{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:480px;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--pixel-font);color:var(--tama-amber-bright);font-weight:400}h1{text-shadow:2px 2px 0px #000, 3px 3px 0px var(--tama-shell-dark);letter-spacing:1px;margin:0 0 10px;font-size:11px;line-height:2}h2{text-shadow:1px 1px #000;margin:0 0 12px;font-size:9px;line-height:2}p{margin:0}.pixel-border-shell{box-shadow:0 0 0 3px #000, inset 3px 3px 0px var(--tama-shell-light), inset -3px -3px 0px var(--tama-shell-dark), 6px 6px 0px #000}.pixel-border-lcd{box-shadow:0 0 0 3px #000, 0 0 0 5px var(--tama-shell-dark), inset 1px 1px 0 var(--tama-lcd-glow), inset -1px -1px 0 #0a1205;border-radius:0!important}.pixel-border-btn{box-shadow:inset -2px -2px 0px var(--tama-btn-shadow), inset 2px 2px 0px var(--tama-btn-highlight), 2px 2px 0px #000;border-radius:0!important;transition:none!important}.pixel-border-btn:active{box-shadow:inset 2px 2px 0px var(--tama-btn-shadow), inset -2px -2px 0px var(--tama-btn-highlight);transform:translate(1px,1px)}.lcd-screen{position:relative;overflow:hidden}.lcd-screen:after{content:"";pointer-events:none;z-index:10;background-image:repeating-linear-gradient(0deg,#0000,#0000 5px,#0000001a 5px 6px),repeating-linear-gradient(90deg,#0000,#0000 5px,#0000000f 5px 6px);position:absolute;inset:0}.stat-block{flex-shrink:0;width:10px;height:14px;display:inline-block}@keyframes pixel-blink{0%,49%{opacity:1}50%,to{opacity:0}}.pixel-blink{animation:1s step-end infinite pixel-blink}@keyframes pixel-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.pixel-float{animation:1.4s steps(2,end) infinite pixel-float}#pet-name:focus{outline:none;box-shadow:inset 2px 2px 0 #000, inset -1px -1px 0 var(--tama-lcd-glow), 0 0 0 2px var(--tama-amber-bright)!important}
