.bar{position:fixed;left:0;right:0;bottom:0;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}.flavor{display:flex;flex-direction:column;align-items:flex-start;gap:10px;justify-self:start;padding-bottom:8px;pointer-events:auto}.tally{justify-self:end;text-align:left}.tally .label{margin-bottom:12px}.faces{display:flex;align-items:center;gap:8px}.face{width:34px;height:34px;border:1.5px solid var(--line);border-radius:8px;display:grid;place-items:center;font-size:15px;color:var(--ink);background:#ffffff59}.face.wait{font-size:16px}.eq{font-size:16px;color:var(--mauve);margin:0 4px}.total{font-family:var(--serif);font-size:40px;line-height:1;color:var(--ink);margin-top:-4px;min-width:1ch}.total.wait{font-family:var(--sans);font-size:20px;letter-spacing:.12em;margin-top:0}.controls{display:flex;flex-direction:column;align-items:center;gap:10px;pointer-events:auto}.count{display:flex;gap:6px}.count button{appearance:none;border:1.5px solid var(--line);background:#ffffff59;color:var(--mauve);width:28px;height:28px;border-radius:7px;font:inherit;font-size:12px;cursor:pointer}.count button[aria-pressed=true]{border-color:var(--plum);color:var(--plum);background:#fff}.count button:focus-visible{outline:3px solid var(--plum);outline-offset:3px}@media(max-width:760px),(max-height:520px){.bar{grid-template-columns:1fr;padding:0 16px calc(14px + env(safe-area-inset-bottom));gap:12px;background:linear-gradient(180deg,#f4eef200,#f4eef2eb 30%);padding-top:24px}.flavor{padding-bottom:0;flex-direction:row;align-items:center;justify-content:space-between;width:100%;gap:12px}.tally{justify-self:stretch;display:flex;align-items:center;justify-content:space-between;gap:12px}.tally .label{margin-bottom:0}.faces{gap:6px;flex-wrap:wrap;justify-content:flex-end}.face{width:30px;height:30px;font-size:13px;border-radius:7px}.total{font-size:32px;margin-top:-2px}.controls{width:100%;gap:8px}#roll{width:100%;justify-content:space-between}.hint{display:none}.swatches{gap:4px}.swatch{width:24px;height:24px}}@media(max-width:359px){.swatches{gap:3px;flex-wrap:wrap;justify-content:flex-end}.swatch{width:22px;height:22px}}@media(max-height:520px)and (orientation:landscape){.bar{grid-template-columns:auto 1fr;align-items:center;padding:12px 16px calc(10px + env(safe-area-inset-bottom));gap:12px;background:linear-gradient(180deg,#f4eef200,#f4eef2e6 40%)}.flavor{width:auto;justify-self:start;gap:8px}.flavor .label{display:none}.swatches{gap:4px;flex-wrap:nowrap}.swatch{width:24px;height:24px}.controls{width:auto;flex-direction:row;justify-self:end;gap:10px}.count{gap:4px}#roll{width:auto;height:44px;padding:0 16px;justify-content:center}.hint{display:none}.tally{position:fixed;right:16px;top:84px;justify-self:auto;display:block;pointer-events:none}.tally .label{margin-bottom:6px}.faces{justify-content:flex-end}.face{width:28px;height:28px;font-size:13px}.total{font-size:28px}}