#knife{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}.pill[hidden]{display:none}.bar{position:fixed;left:0;right:0;bottom:0;z-index:2;padding:0 40px calc(28px + env(safe-area-inset-bottom));display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:16px;pointer-events:none}.counters{justify-self:start;pointer-events:auto;padding-bottom:6px}.counters>.label{margin-bottom:10px;white-space:nowrap}.stats{display:flex;gap:22px}.stat{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:3ch}.stat .num{font-family:var(--serif);font-size:34px;line-height:1;color:var(--ink);font-variant-numeric:tabular-nums}.stat .label{font-size:10px;letter-spacing:.14em;white-space:nowrap}.controls{display:flex;flex-direction:column;align-items:center;gap:10px;pointer-events:auto}.controls .hint{text-align:center}.hint.keys{margin-top:-4px}.hint kbd{font:inherit;color:var(--ink);font-weight:500}.actions{justify-self:end;display:flex;gap:10px;pointer-events:auto}.actions .pill{justify-content:center;gap:10px;white-space:nowrap}@media(max-width:1000px){.hint.keys{display:none}.controls .hint{max-width:48ch;line-height:1.4}.stats{gap:14px}.stat .num{font-size:28px}}@media(max-width:760px){.bar{grid-template-columns:1fr;padding:24px 16px calc(14px + env(safe-area-inset-bottom));gap:12px;background:linear-gradient(180deg,#f4eef200,#f4eef2eb 30%)}.counters{justify-self:stretch;width:100%;padding-bottom:0}.counters>.label{margin-bottom:6px}.stats{justify-content:space-between;gap:8px}.stat{min-width:0}.stat .num{font-size:28px}.controls{width:100%;gap:8px}#refill{width:100%;justify-content:space-between;min-height:46px}.actions{justify-self:stretch;width:100%}.actions .pill{flex:1;min-height:44px;padding:0 14px}}@media(max-height:520px)and (orientation:landscape){.bar{grid-template-columns:1fr auto 1fr;align-items:end;padding:12px 16px calc(10px + env(safe-area-inset-bottom));gap:10px;background:linear-gradient(180deg,#f4eef200,#f4eef2e6 40%)}.counters{justify-self:start;width:auto;padding-bottom:0}.counters>.label{margin-bottom:4px}.stats{justify-content:flex-start;gap:12px}.stat{gap:3px;min-width:0}.stat .num{font-size:24px}.stat .label{font-size:9px}.controls{width:auto;gap:8px}.hint{display:none}.pill{height:44px;min-height:0;padding:0 16px;font-size:14px}#refill{width:auto;justify-content:center}.actions{justify-self:end;width:auto}.actions .pill{flex:none;padding:0 14px}}