:root{--ink:#0a1549;--cream:#fdf7e3;--pink:#fab9d1;--deep-pink:#ea749f;--grey:#8a7f9e;--border:4px;color:var(--ink);background:var(--pink);font-family:ui-monospace,Cascadia Mono,Consolas,monospace}*{box-sizing:border-box}body{background:var(--pink);place-items:center;min-height:100vh;margin:0;padding:16px;display:grid}#game{background:var(--cream);border:var(--border) solid var(--ink);box-shadow:8px 8px 0 var(--ink);flex-direction:column;align-items:center;gap:12px;padding:16px 20px 20px;transition:filter .4s;display:flex}body.asleep #game{filter:brightness(.55)}.pet-name{letter-spacing:1px;margin:0;font-size:22px}.status{min-height:1.4em;margin:0;font-size:15px}#screen{image-rendering:pixelated;border:var(--border) solid var(--ink);display:block}.bars{gap:6px;width:100%;display:grid}.bar{grid-template-columns:7.5em 1fr;align-items:center;gap:8px;font-size:14px;font-weight:700;display:grid}.meter{background:var(--ink);grid-template-columns:repeat(10,1fr);gap:2px;height:18px;padding:2px;display:grid}.segment{background:var(--cream)}.segment.lit{background:var(--fill)}.actions{grid-template-columns:repeat(3,1fr);gap:12px;width:100%;display:grid}.action{font:inherit;color:var(--ink);background:var(--pink);border:var(--border) solid var(--ink);box-shadow:4px 4px 0 var(--ink);cursor:pointer;flex-direction:column;align-items:center;gap:4px;padding:10px 8px 8px;font-size:16px;font-weight:700;display:flex}.action:hover:not(:disabled){background:var(--deep-pink)}.action:active:not(:disabled){box-shadow:none;transform:translate(4px,4px)}.action:focus-visible{outline:3px dashed var(--ink);outline-offset:3px}.action:disabled{cursor:default;background:var(--grey)}.action-icon{width:64px;height:64px;display:block}.action-icon canvas{width:100%;height:100%;image-rendering:pixelated}.action-key{font:inherit;border:2px solid var(--ink);background:var(--cream);padding:0 6px;font-size:12px}