:root{--ink: #100f0b;--wall: #23211a;--bone: #ded7c7;--bone-dim: #a49d8c;--bone-faint: rgba(222, 215, 199, .42);--rule: rgba(222, 215, 199, .16);--panel: rgba(20, 19, 14, .9);--hide: #8a6a45;--lamp: #74d6bd;--brass: #b79a5c;--alarm: #c56a4a;--serif: Georgia, "Iowan Old Style", "Palatino Linotype", "Times New Roman", serif;--mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--edge: 24px}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--ink);color:var(--bone);font-family:var(--serif);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}#app{position:fixed;inset:0}#bench{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;cursor:crosshair}#app[data-phase=title] #bench,#app[data-phase=paused] #bench,#app[data-phase=settings] #bench{cursor:default}#app[data-cursor=pull] #bench{cursor:grab}#app[data-cursor=split] #bench{cursor:grabbing}.vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(120% 90% at 46% 44%,#100f0b00 42%,#100f0b9e)}.bar{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:calc(14px + env(safe-area-inset-top)) var(--edge) 12px;font-family:var(--mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--bone-dim);pointer-events:none}.bar .mark{color:var(--bone);font-weight:600}.bar-actions{display:flex;gap:2px;pointer-events:auto}button{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--bone-dim);background:transparent;border:1px solid var(--rule);border-radius:0;padding:7px 11px;cursor:pointer;transition:color .14s ease-out,border-color .14s ease-out,background-color .14s ease-out}button:hover,button:focus-visible{color:var(--bone);border-color:#ded7c76b;outline:none}button:focus-visible{box-shadow:inset 0 0 0 1px var(--lamp)}button[aria-pressed=true]{color:var(--ink);background:var(--bone);border-color:var(--bone)}button:disabled{opacity:.32;cursor:not-allowed}.bench-note{position:absolute;left:var(--edge);bottom:calc(18px + env(safe-area-inset-bottom));margin:0;max-width:44ch;font-family:var(--mono);font-size:11.5px;line-height:1.6;letter-spacing:.03em;color:var(--bone-faint);text-transform:none;pointer-events:none}.bench-note:before{content:"";display:block;width:28px;height:1px;margin-bottom:8px;background:var(--rule)}.prompt{position:absolute;left:50%;bottom:calc(64px + env(safe-area-inset-bottom));transform:translate(-50%);padding:6px 12px;font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--bone);background:var(--panel);border:1px solid var(--rule);pointer-events:none;white-space:nowrap}.touch-pad{position:absolute;right:var(--edge);bottom:calc(18px + env(safe-area-inset-bottom));display:none;gap:6px}.eye-pad{position:absolute;right:var(--edge);bottom:calc(74px + env(safe-area-inset-bottom));display:none;gap:6px}#app[data-coarse=true] .touch-pad,#app[data-coarse=true] .eye-pad{display:flex}#app[data-coarse=true] .prompt{bottom:calc(112px + env(safe-area-inset-bottom))}#app[data-coarse=true] .bench-note{bottom:calc(76px + env(safe-area-inset-bottom));max-width:60vw}.screen{position:absolute;inset:0;display:grid;place-items:center;padding:var(--edge);background:linear-gradient(180deg,#100f0b8c,#100f0be6);backdrop-filter:none}.screen[hidden]{display:none}.screen.scrim{background:#100f0bd1}.plate{width:min(680px,100%);max-height:100%;overflow-y:auto;padding:30px 32px 28px;background:var(--panel);border:1px solid var(--rule);border-left:2px solid var(--brass)}.plate-narrow{width:min(520px,100%)}.eyebrow{display:block;font-family:var(--mono);font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--brass)}.plate h1{margin:14px 0 0;font-size:clamp(44px,8vw,76px);font-weight:400;letter-spacing:.16em;line-height:.98}.plate h2{margin:12px 0 0;font-size:clamp(28px,5vw,42px);font-weight:400;letter-spacing:.1em;line-height:1.05}.lede{margin:18px 0 0;font-size:18px;line-height:1.5;color:var(--bone)}.sub{margin:10px 0 0;font-size:14.5px;line-height:1.65;color:var(--bone-dim);max-width:54ch}.verbs{margin:24px 0 0;border-top:1px solid var(--rule)}.verbs>div{display:grid;grid-template-columns:96px 1fr;gap:14px;padding:8px 0;border-bottom:1px solid var(--rule)}.verbs dt{font-family:var(--mono);font-size:11px;letter-spacing:.2em;color:var(--bone)}.verbs dd{margin:0;font-size:13.5px;line-height:1.5;color:var(--bone-dim)}.stats{margin:22px 0 0;display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--rule);border:1px solid var(--rule)}.stats>div{background:#100f0be6;padding:10px 12px}.stats dt{font-family:var(--mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--bone-faint)}.stats dd{margin:4px 0 0;font-family:var(--mono);font-size:15px;letter-spacing:.06em;color:var(--bone)}.plate-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}button.primary{color:var(--ink);background:var(--bone);border-color:var(--bone);padding:11px 20px;font-weight:600}button.primary:hover{background:#fff5e2;border-color:#fff5e2}button.quiet{color:var(--bone-faint)}.field{display:grid;grid-template-columns:84px 1fr;align-items:center;gap:14px;margin-top:20px;font-family:var(--mono);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--bone-dim)}.field input[type=range]{width:100%;accent-color:var(--brass)}.fine{margin:14px 0 0;font-size:13px;line-height:1.6;color:var(--bone-faint)}.save-note{display:block;margin-top:20px;font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--bone-faint)}kbd{font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;border:1px solid var(--rule);padding:1px 4px;color:var(--bone)}@media(max-width:720px){:root{--edge: 16px}.plate{padding:22px 20px 20px}.verbs>div{grid-template-columns:76px 1fr}.stats{grid-template-columns:1fr}.bar{font-size:10px}}@media(prefers-reduced-motion:reduce){button{transition:none}}