:root{--ground: #0a0d1f;--ink: #e9e4d4;--gain: #fff2d9;--halo: 0 0 2px var(--ground), 0 0 10px var(--ground), 0 0 22px var(--ground);--gutter: clamp(16px, 3vw, 36px);--t-small: .8125rem;--t-body: 1rem;--t-lead: 1.3125rem;--t-title: clamp(2.4rem, 5vw, 3.5rem);color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden}body{background:var(--ground);color:var(--ink);font-family:IM Fell English,Iowan Old Style,Georgia,serif;font-size:var(--t-body);line-height:1.5;-webkit-font-smoothing:antialiased;transition:background-color 1.2s ease}#vision{position:fixed;left:0;top:0;cursor:grab;touch-action:none}#vision.is-coarse{image-rendering:pixelated}.is-dragging #vision{cursor:grabbing}.chrome{isolation:isolate;position:fixed;top:0;right:0;bottom:0;left:0;padding:var(--gutter);padding-bottom:max(var(--gutter),env(safe-area-inset-bottom));display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr auto auto;grid-template-areas:"title" "." "inscription" "instrument";pointer-events:none;text-shadow:var(--halo);transition:opacity 1.4s ease}.chrome>*{pointer-events:auto}.chrome:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 42rem 22rem at 0 0,color-mix(in srgb,var(--ground) 88%,transparent),transparent 70%),linear-gradient(to top,color-mix(in srgb,var(--ground) 92%,transparent) 0,color-mix(in srgb,var(--ground) 70%,transparent) 9rem,transparent 17rem);transition:background 1.2s ease}.has-stirred .chrome:before{background:radial-gradient(ellipse 22rem 9rem at 0 0,color-mix(in srgb,var(--ground) 75%,transparent),transparent 70%),linear-gradient(to top,color-mix(in srgb,var(--ground) 92%,transparent) 0,color-mix(in srgb,var(--ground) 70%,transparent) 9rem,transparent 17rem)}.is-idle .chrome{opacity:0}.is-dragging .chrome{opacity:.2;transition-duration:.3s}.is-idle,.is-idle #vision{cursor:none}.title{grid-area:title;max-width:36ch;pointer-events:none}h1{margin:0;font-size:var(--t-title);font-weight:400;font-style:italic;line-height:1;letter-spacing:.01em}.preface{margin:.9rem 0 0;font-size:var(--t-body);max-width:34ch;transition:opacity .9s ease,max-height 1.2s ease;max-height:12em;overflow:hidden}.preface-hint{margin-top:.5rem;font-style:italic;opacity:.75}.has-stirred .preface{opacity:0;max-height:0;margin-top:0}button{font:inherit;color:inherit;background:none;border:none;padding:0;cursor:pointer;text-shadow:inherit}.inscription{grid-area:inscription;margin:0 0 1rem;min-height:3em;max-width:60ch;font-size:var(--t-lead);font-style:italic;line-height:1.35;pointer-events:none;opacity:0;transition:opacity .35s ease}.inscription.is-speaking{opacity:1}.inscription.is-warning{color:var(--gain)}.instrument{grid-area:instrument;display:flex;flex-wrap:wrap;align-items:end;gap:1rem 2.5rem}.bank h2{margin:0 0 .35rem;font-size:var(--t-small);font-weight:400;font-style:italic;opacity:.7}.dials{display:flex;flex-wrap:wrap;gap:.25rem .5rem}.dial{width:4.5rem;display:grid;justify-items:center;cursor:ns-resize;touch-action:none;user-select:none;-webkit-user-select:none;border-radius:.5rem;outline:none}.dial svg{width:3rem;height:3rem;overflow:visible;filter:drop-shadow(0 0 3px var(--ground)) drop-shadow(0 0 8px var(--ground))}.dial-track,.dial-fill{fill:none;stroke:var(--ink)}.dial-track{stroke-width:1;opacity:.3}.dial-fill{stroke-width:1.75;stroke-linecap:round;transition:stroke-dasharray .08s linear}.dial-needle{stroke:var(--ink);stroke-width:1;stroke-linecap:round}.dial-pivot{fill:var(--ink)}.dial-name{font-size:var(--t-small);line-height:1.2;text-align:center;white-space:nowrap}.dial-value{font-size:var(--t-small);font-variant-numeric:oldstyle-nums;line-height:1.3;opacity:0;transition:opacity .25s ease}.dial:hover .dial-value,.dial:focus-visible .dial-value,.dial.is-turning .dial-value{opacity:.8}.dial:focus-visible,button:focus-visible{outline:1px dashed var(--ink);outline-offset:3px}.deeds{display:flex;flex-wrap:wrap;gap:.4rem 1.25rem;margin-left:auto;padding-bottom:1.4rem;font-style:italic}.depth{font-size:var(--t-small);font-variant-numeric:oldstyle-nums;opacity:.8;align-self:center}.deeds button[hidden]{display:none}.deeds button{border-bottom:1px solid color-mix(in srgb,var(--ink) 35%,transparent);line-height:1.3}.deeds button:hover{border-bottom-color:var(--ink)}.blind{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;margin:0;padding:var(--gutter);font-size:var(--t-lead);font-style:italic;text-align:center}.blind[hidden]{display:none}@media(max-width:640px){.chrome:before{background:linear-gradient(to bottom,color-mix(in srgb,var(--ground) 90%,transparent) 0,color-mix(in srgb,var(--ground) 70%,transparent) 16rem,transparent 22rem),linear-gradient(to top,color-mix(in srgb,var(--ground) 92%,transparent) 0,color-mix(in srgb,var(--ground) 75%,transparent) 14rem,transparent 21rem)}.has-stirred .chrome:before{background:linear-gradient(to bottom,color-mix(in srgb,var(--ground) 85%,transparent) 0,transparent 9rem),linear-gradient(to top,color-mix(in srgb,var(--ground) 92%,transparent) 0,color-mix(in srgb,var(--ground) 75%,transparent) 14rem,transparent 21rem)}.chrome{row-gap:.75rem}.inscription{font-size:var(--t-body);min-height:4.5em;margin-bottom:.5rem}.instrument{gap:.5rem}.bank{width:100%}.dials{display:grid;grid-template-columns:repeat(6,1fr);gap:.25rem}.dial{width:auto}.dial-name{white-space:normal;font-size:.75rem}.dial svg{width:2.5rem;height:2.5rem}.dial-value{display:none}.deeds{margin-left:0;padding-bottom:0}}@media(prefers-reduced-motion:reduce){*,*:before{transition-duration:.01ms!important}}