@font-face{font-family:Pixelify Sans;src:url(/fonts/pixelify-sans-latin.woff2)format("woff2");font-weight:400 700;font-display:swap}:root{--wall:#f3dfb8;--wall-stripe:#ecd3a5;--wood:#9c6640;--wood-top:#c08556;--panel:#fff6e2;--ink:#4a2e1f;--shadow:#4a2e1f55;--accent:#e0664f;--accent-ink:#fff6e2;--shot:#5a3320;--milk:#efe3cf;--foam:#fffaf0;--water:#b9dbe6;--ice:#cdeaf4;--mystery:#8a7a66;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=night]{--wall:#2f4a4e;--wall-stripe:#2a4246;--wood:#7b4f35;--wood-top:#a36c47;--panel:#1d2f31;--ink:#f4e3c1;--shadow:#000a;--accent:#f2b35e;--accent-ink:#1d2f31;--milk:#d9ccb6;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;margin:0}body{font-variant-ligatures:none;color:var(--ink);background:repeating-linear-gradient(90deg, var(--wall) 0 28px, var(--wall-stripe) 28px 56px);-webkit-tap-highlight-color:transparent;font-family:Pixelify Sans,ui-monospace,SF Mono,Menlo,monospace}h1,h2,h3,p{margin:0}button,input{font:inherit;color:inherit}.app{min-height:100dvh;padding:max(8px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));flex-direction:column;gap:8px;display:flex}.panel{background:var(--panel);border:3px solid var(--ink);box-shadow:3px 3px 0 var(--shadow);padding:10px}.row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.chip{background:var(--panel);border:3px solid var(--ink);box-shadow:2px 2px 0 var(--shadow);cursor:pointer;touch-action:manipulation;min-height:40px;padding:6px 10px}.chip:active{box-shadow:none;transform:translate(2px,2px)}.chip[aria-current],.chip[aria-checked=true],.chip[aria-selected=true],.chip[aria-pressed=true],.chip.primary{background:var(--accent);color:var(--accent-ink)}.chip.danger{border-color:var(--accent)}.chip.new{border-style:dashed}.chip:disabled{opacity:.5;cursor:default}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.topbar{justify-content:space-between;align-items:center;gap:8px;display:flex}.topbar .row{flex-wrap:nowrap}.topbar h1{white-space:nowrap;font-size:1.3rem}@media (max-width:480px){.topbar h1{font-size:1.05rem}.topbar .chip-label{display:none}}.notice{background:var(--panel);border:2px dashed var(--ink);padding:4px 8px;font-size:.85rem}.stage{border:3px solid var(--ink);flex:1;min-height:60dvh;position:relative;overflow:hidden}.scene{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:100%;height:100%;display:block;position:absolute;inset:0}.no-webgl{text-align:center;padding:16px}.cat{pointer-events:none;align-items:flex-start;gap:4px;max-width:min(70%,320px);display:flex;position:absolute;top:8px;right:8px}.bubble{padding:6px 8px;font-size:.9rem;line-height:1.3}.cat-face{font-size:2rem}.scene-labels{pointer-events:none;position:absolute;inset:0;overflow:hidden}.scene-label{white-space:nowrap;color:#9ef08a;will-change:transform;background:#1f2a22;border:2px solid #2e2a28;padding:1px 6px;font-size:.8rem;position:absolute;top:0;left:0}.scene-label.sign{background:var(--panel);color:var(--ink);opacity:.9;font-size:.7rem}.scene-label.shelf{border-width:1px;padding:0 3px;font-size:.6rem}.hud-bottom{pointer-events:none;flex-direction:column;align-items:center;gap:6px;width:min(94%,34rem);display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.hand-caption{text-align:center;margin:0;padding:4px 10px;font-size:.8rem}.pour-view{align-items:center;gap:8px;padding:4px 10px;font-size:.8rem;display:flex}.pour-view p{margin:0}.pour-view .cross-section{width:52px;height:72px}.steam-gauge{pointer-events:auto;width:100%;padding:6px 10px;font-size:.8rem}.gauge-name{margin:0 0 4px}.gauge-row{align-items:center;gap:8px;margin-bottom:6px;display:flex}.gauge-reading{white-space:nowrap;flex:0 0 6.5rem}.meter{border:2px solid var(--ink);flex:1;height:16px;position:relative}.meter-needle{background:var(--ink);width:4px;margin-left:-2px;transition:left .1s linear;position:absolute;top:-4px;bottom:-4px}.meter.zoned{margin-bottom:12px}.meter-zone{text-align:center;white-space:nowrap;font-size:.6rem;line-height:12px;position:absolute;top:100%}.readout-label{opacity:.8;font-size:.75rem}.a11y-layer{z-index:5;flex-direction:column;gap:8px;max-height:60%;display:flex;position:absolute;bottom:8px;left:8px;right:8px;overflow-y:auto}.a11y-layer:not(.is-visible):not(:focus-within){clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;padding:0;overflow:hidden}.a11y-layer.is-visible{max-height:none;margin:8px;position:static}.a11y-layer h2{font-size:1rem}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.cross-section{flex-shrink:0;width:80px;height:110px}.backdrop{z-index:10;background:#0006;place-items:center;padding:12px;display:grid;position:fixed;inset:0}.modal{flex-direction:column;gap:10px;width:min(560px,100%);max-height:90dvh;display:flex;overflow-y:auto}.modal-header{justify-content:space-between;align-items:center;display:flex}.result{align-items:center;gap:12px;display:flex}.recipe-line{opacity:.85;margin:4px 0;font-size:.85rem}.badge-line{color:var(--accent)}.book-grid,.list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.book-card{align-items:center;gap:10px;display:flex}.rules{margin:4px 0;padding-left:18px;font-size:.85rem}.book-card.locked,.list li.locked{opacity:.55}.field{border:3px solid var(--ink);flex-wrap:wrap;gap:12px;display:flex}.toasts{left:50%;bottom:max(16px, env(safe-area-inset-bottom));z-index:20;flex-direction:column;gap:6px;display:flex;position:fixed;transform:translate(-50%)}@media (min-width:820px) and (min-aspect-ratio:4/3){.book-grid{grid-template-columns:1fr 1fr}}@media (prefers-reduced-motion:reduce){.chip:active{transform:none}}