:root{color-scheme:light;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}html,body{height:100%;margin:0;padding:0;background:#fff;color:#1a1520;overflow:hidden;overscroll-behavior:none;touch-action:manipulation}#app{width:100%;height:100dvh;display:flex;align-items:stretch;justify-content:center}.game-shell{position:relative;width:100%;max-width:402px;height:100%;display:flex;flex-direction:column}.canvas-host{flex:1;position:relative;background:#fff;cursor:pointer;user-select:none}.canvas-host canvas{display:block;width:100%!important;height:100%!important}.hud{position:absolute;top:max(16px,env(safe-area-inset-top));left:50%;transform:translate(-50%);display:flex;gap:1rem;padding:.55rem 1rem;background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:999px;pointer-events:none;font-variant-numeric:tabular-nums}.hud-row{display:flex;align-items:baseline;gap:.4rem;white-space:nowrap}.hud-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;opacity:.55}.hud-value{font-size:1.05rem;font-weight:600;color:#4a3d6b}.hint{position:absolute;bottom:max(20px,env(safe-area-inset-bottom));left:0;right:0;margin:0;text-align:center;font-size:.78rem;letter-spacing:.04em;opacity:.5;pointer-events:none}@media(prefers-reduced-motion:reduce){.hud{backdrop-filter:none;-webkit-backdrop-filter:none}}.boot-error{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1rem 1.5rem;color:#8b2e28;text-align:center;font-size:.9rem;line-height:1.5}.boot-error h2{margin:0;font-size:1.1rem;font-weight:600}.boot-error-msg{margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.8rem;background:#ff50461f;border-radius:6px;padding:.4rem .7rem;max-width:100%;overflow-wrap:anywhere}.boot-error details{font-size:.75rem;max-width:100%;width:100%}.boot-error pre{text-align:left;font-size:.7rem;background:#0000000f;padding:.5rem;border-radius:4px;overflow:auto;max-height:50vh;white-space:pre-wrap}.boot-error-help{margin:.5rem 0 0;font-size:.75rem;opacity:.6}.meters{position:absolute;left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));top:calc(max(16px,env(safe-area-inset-top)) + 52px);display:flex;flex-direction:column;gap:.45rem;pointer-events:none;max-width:140px}.meter-block{display:flex;flex-direction:column;gap:.2rem}.meter-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;opacity:.5}.meter{height:6px;border-radius:999px;background:#00000014;overflow:hidden;border:1px solid rgba(31,29,28,.15)}.meter-fill{height:100%;width:0%;border-radius:999px;transition:width .15s ease-out}.meter-fill--person{background:linear-gradient(90deg,#8b7ec8,#e85d4a)}.meter-fill--cat{background:linear-gradient(90deg,#6a8f7b,#e8a84a)}.pantry{position:absolute;right:max(12px,env(safe-area-inset-right));bottom:max(56px,calc(env(safe-area-inset-bottom) + 40px));display:flex;flex-direction:column;gap:.45rem;pointer-events:auto}.pantry-btn{padding:.5rem 1rem;font-size:.85rem;font-weight:600;letter-spacing:.04em;color:#1f1d1c;background:#ffffffeb;border:1.5px solid #1f1d1c;border-radius:999px;cursor:pointer;box-shadow:0 2px 8px #00000014}.pantry-btn--catnip{background:#e8f8dcf2}.pantry-btn--hide-toy{background:#ffe8dcf2;font-size:.78rem}.pantry-btn--hide-toy[hidden]{display:none}.pantry-btn--armed{outline:2px solid #6a8f3a;outline-offset:2px}.pantry-btn:disabled{opacity:.4;cursor:not-allowed}.wake-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#ffffffe0;pointer-events:none;z-index:10}.wake-overlay[hidden]{display:none}.wake-message{margin:0 1.5rem;font-size:1.1rem;font-weight:600;text-align:center;line-height:1.45;color:#1f1d1c}