:root{--px:2;--void:#0b0e12;--ink:#08090c;--parch0:#6b5c42;--parch1:#a8946c;--parch2:#d8c9a3;--parch3:#efe4c6;--brass0:#4a3411;--brass-ink:#6b4a12;--brass2:#c9942c;--brass3:#f0c552;--gold:#ffe79a;--verd1:#1f5a48;--verd2:#3d8f74;--gas2:#ffd98a;--loss:#8c2f34;--pad-top:max(var(--gap), env(safe-area-inset-top));--pad-right:max(var(--gap), env(safe-area-inset-right));--pad-bottom:max(var(--gap), env(safe-area-inset-bottom));--pad-left:max(var(--gap), env(safe-area-inset-left));--fs-small:calc(8px * var(--px));--fs-body:calc(9px * var(--px));--fs-title:calc(13px * var(--px));--gap:calc(4px * var(--px));--font-instrument:ui-monospace, "Departure Mono", "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace;--font-label:ui-monospace, "Silkscreen", "SF Mono", Menlo, Consolas, monospace}html[data-contrast=high]{--parch2:#efe4c6;--brass-ink:#3a2708}*{box-sizing:border-box}html,body{background:var(--void);height:100%;color:var(--parch2);font-family:var(--font-label);-webkit-font-smoothing:none;overscroll-behavior:none;margin:0;padding:0;overflow:hidden}#app{height:100dvh;position:fixed;inset:0}#world{width:100%;height:100%;image-rendering:pixelated;cursor:crosshair;touch-action:none;display:block;position:absolute;inset:0}#shell{pointer-events:none;font-size:var(--fs-body);gap:var(--gap);padding:var(--pad-top) var(--pad-right) var(--pad-bottom) var(--pad-left);grid-template:"topleft.topright""left.right"1fr"botleft botmid botright"/auto 1fr auto;place-items:start;line-height:1.5;display:grid;position:absolute;inset:0}#shell>*{min-width:0;max-width:100%}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.plate{pointer-events:auto;background:var(--parch2);max-width:100%;color:var(--ink);border:calc(2px * var(--px)) solid var(--brass0);outline:1px solid var(--brass-ink);outline-offset:calc(-4px * var(--px));padding:calc(5px * var(--px)) calc(7px * var(--px));box-shadow:calc(2px * var(--px)) calc(2px * var(--px)) 0 #08090ca6;font-family:var(--font-label);position:relative}.plate h1,.plate h2{letter-spacing:.08em;margin:0;font-weight:400}#titleplate{min-width:min(96px * var(--px), 46vw);grid-area:topleft}#titleplate h1{font-family:var(--font-instrument);font-size:var(--fs-title);color:var(--brass0);letter-spacing:.22em;text-shadow:1px 1px #d8c9a3e6}#titleplate .rule{background:var(--brass-ink);height:1px;margin:calc(3px * var(--px)) 0;opacity:.6}#titleplate .clock{font-family:var(--font-instrument);font-variant-numeric:tabular-nums;font-size:var(--fs-body);color:var(--ink)}#titleplate .counts{font-size:var(--fs-small);color:var(--brass-ink);letter-spacing:.06em}#titleplate .budget{margin-top:calc(3px * var(--px));font-size:var(--fs-small);color:var(--brass-ink);letter-spacing:.14em;align-items:center;gap:calc(3px * var(--px));display:flex}.token{width:calc(4px * var(--px));height:calc(4px * var(--px));background:var(--brass0);border:1px solid var(--brass-ink);display:inline-block}.token.spent{opacity:.45;background:0 0}#inspector{width:min(calc(132px * var(--px)), 42vw);overscroll-behavior:contain;max-height:100%;font-size:var(--fs-small);grid-area:left;line-height:1.45;overflow-y:auto}#inspector .name{font-family:var(--font-instrument);font-size:var(--fs-body);color:var(--brass0);letter-spacing:.1em;text-transform:uppercase}#inspector .district{font-size:var(--fs-small);color:var(--verd1);letter-spacing:.12em;text-transform:uppercase}#inspector .prose{margin:calc(4px * var(--px)) 0;color:var(--ink)}#inspector .heading{font-size:var(--fs-small);color:var(--brass-ink);letter-spacing:.16em}#inspector ul{margin:calc(2px * var(--px)) 0 0;padding:0;list-style:none}#inspector li{margin:0}#inspector li button{all:unset;cursor:pointer;width:100%;font:inherit;color:var(--brass0);text-underline-offset:2px;padding:calc(2px * var(--px)) 0 calc(2px * var(--px)) calc(6px * var(--px));-webkit-text-decoration:underline #6b4a1266;text-decoration:underline #6b4a1266;display:block;position:relative}#inspector li button:before{content:"·";color:var(--brass-ink);position:absolute;left:0}#inspector li button:hover,#inspector li button:focus-visible{background:var(--parch3);outline:1px solid var(--verd1)}#inspector .more{font-size:var(--fs-small);color:var(--brass-ink);font-style:italic}#inspector:after{content:"";bottom:calc(-5px * var(--px));height:calc(9px * var(--px));margin-bottom:calc(-9px * var(--px));background:linear-gradient(#d8c9a300, var(--parch2));pointer-events:none;display:block;position:sticky}#inspector .close{all:unset;top:calc(2px * var(--px));right:calc(4px * var(--px));cursor:pointer;color:var(--brass-ink);position:absolute}#zoomstepper{align-self:end;align-items:center;gap:calc(4px * var(--px));grid-area:botleft;display:flex}#zoomstepper .label{font-size:var(--fs-small);letter-spacing:.18em;color:var(--brass-ink)}.pip{width:calc(3px * var(--px));height:calc(3px * var(--px));background:var(--brass0);display:inline-block}.pip.off{opacity:.25}#scrubber{text-align:center;grid-area:botmid;place-self:end center}#daybar:focus-visible{outline:calc(2px * var(--px)) solid var(--gas2);outline-offset:2px}#daybar{image-rendering:pixelated;border:1px solid var(--brass-ink);cursor:pointer;display:block}#scrubber .readout{font-family:var(--font-instrument);font-variant-numeric:tabular-nums;font-size:var(--fs-small);letter-spacing:.12em;color:var(--brass0);margin-top:calc(2px * var(--px))}#scrubber .transport{gap:calc(3px * var(--px));margin-top:calc(3px * var(--px));justify-content:center;display:flex}button.brass{all:unset;cursor:pointer;font-family:var(--font-instrument);font-size:var(--fs-small);color:var(--ink);background:var(--parch3);border:1px solid var(--brass-ink);padding:calc(1px * var(--px)) calc(4px * var(--px));min-width:calc(11px * var(--px));text-align:center}button.brass[aria-pressed=true]{background:var(--brass2)}button.brass:focus-visible{outline:calc(1px * var(--px)) solid var(--verd2);outline-offset:1px}button.brass[aria-disabled=true]{opacity:.5;cursor:default}#verbs{justify-self:end;gap:calc(3px * var(--px));box-shadow:none;background:0 0;border:none;outline:none;flex-direction:column;grid-area:topright;padding:0;display:flex}#verbs button>span:first-child{flex:auto}#verbs button{all:unset;cursor:pointer;pointer-events:auto;background:var(--parch2);color:var(--ink);border:calc(2px * var(--px)) solid var(--brass0);padding:calc(3px * var(--px)) calc(6px * var(--px));font-size:var(--fs-small);letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;gap:calc(8px * var(--px));box-shadow:calc(2px * var(--px)) calc(2px * var(--px)) 0 #08090ca6;display:flex}#verbs button .key{font-family:var(--font-instrument);color:var(--brass-ink);border:1px solid var(--brass-ink);padding:0 calc(2px * var(--px));margin-left:calc(6px * var(--px));flex:none;align-self:flex-start}#verbs button[aria-disabled=true]{color:#5a5342;letter-spacing:.2em}#verbs button[aria-disabled=true] .key{display:none}#verbs button:focus-visible{outline:calc(1px * var(--px)) solid var(--gas2);outline-offset:calc(1px * var(--px))}#nudges{width:min(calc(126px * var(--px)), 40vw);overscroll-behavior:contain;max-height:100%;padding:calc(4px * var(--px));grid-area:right;justify-self:end;overflow-y:auto}#nudges .heading{font-size:var(--fs-small);letter-spacing:.2em;color:var(--brass-ink);margin-bottom:calc(2px * var(--px))}#nudges .nudgerow{margin-bottom:calc(2px * var(--px))}#nudges button{all:unset;cursor:pointer;justify-content:space-between;gap:calc(6px * var(--px));width:100%;font-size:var(--fs-small);letter-spacing:.06em;color:var(--ink);padding:calc(1px * var(--px)) calc(2px * var(--px));border-bottom:1px solid #6b4a1240;display:flex}#nudges button .key{font-family:var(--font-instrument);color:var(--brass-ink);border:1px solid var(--brass-ink);padding:0 calc(2px * var(--px));margin-left:calc(6px * var(--px));flex:none;align-self:flex-start}#nudges button>span:first-child{flex:auto}#nudges button:hover:not([aria-disabled=true]),#nudges button:focus-visible{background:var(--parch3);outline:1px solid var(--verd1)}#nudges button[aria-disabled=true]{color:#5a5342;letter-spacing:.12em;cursor:default}#nudges button[aria-disabled=true] .key{visibility:hidden}#nudges .why{font-size:var(--fs-small);color:var(--brass-ink);padding-left:calc(2px * var(--px));font-style:italic;line-height:1.3}#toast{left:50%;bottom:calc(74px * var(--px) + var(--pad-bottom));max-width:min(calc(160px * var(--px)), 90vw);background:var(--parch2);color:var(--ink);border:calc(2px * var(--px)) solid var(--brass0);padding:calc(4px * var(--px)) calc(7px * var(--px));font-size:var(--fs-small);text-align:center;box-shadow:calc(2px * var(--px)) calc(2px * var(--px)) 0 #08090ca6;opacity:0;pointer-events:none;z-index:6;transition:opacity .14s linear;position:fixed;transform:translate(-50%)}#toast[data-show]{opacity:1}#toast.loss{border-color:var(--loss)}#toast.gain{border-color:var(--verd1)}#help{width:min(calc(220px * var(--px)), 92vw);z-index:8;max-height:84dvh;font-size:var(--fs-small);position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}#help .name{font-family:var(--font-instrument);font-size:var(--fs-body);color:var(--brass0);letter-spacing:.2em}#help .heading{font-size:var(--fs-small);color:var(--brass-ink);letter-spacing:.18em;margin-top:calc(4px * var(--px))}#help ul{margin:0;padding:0;list-style:none}#help li{gap:calc(6px * var(--px));display:flex}#help li .k{font-family:var(--font-instrument);color:var(--brass-ink);min-width:calc(34px * var(--px));flex:none}#help .close{all:unset;top:calc(2px * var(--px));right:calc(5px * var(--px));cursor:pointer;color:var(--brass-ink);position:absolute}#nudges .hint{font-size:var(--fs-small);color:var(--brass-ink);margin-bottom:calc(3px * var(--px));font-style:italic;line-height:1.3}#nudges .hint:empty{display:none}#ticker{width:min(calc(130px * var(--px)), 44vw);text-align:right;pointer-events:none;font-size:var(--fs-small);color:var(--ink);border:1px solid var(--brass0);padding:calc(2px * var(--px)) calc(4px * var(--px));background:#d8c9a3eb;grid-area:botright;place-self:end}#ticker:empty{display:none}#ticker div{margin-top:calc(2px * var(--px))}#ticker div.loss{color:#c98a86}#ticker div.gain{color:var(--verd2)}@media (width<=900px),(height<=560px){#shell{grid-template:"topleft""."1fr"botmid"/1fr;grid-auto-flow:row}#ticker{margin-top:calc(30px * var(--px));grid-area:1/1;align-self:start}#ticker div:not(:last-child){display:none}#ticker div{white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}#titleplate{justify-self:stretch;align-items:baseline;gap:0 calc(6px * var(--px));min-width:0;padding:calc(3px * var(--px)) calc(5px * var(--px));flex-wrap:wrap;display:flex;overflow:hidden}#titleplate h1{font-size:var(--fs-body)}#titleplate .rule,#titleplate .counts{display:none}#verbs,#nudges{left:var(--pad-left);right:var(--pad-right);bottom:calc(var(--bar-h,52px * var(--px)) + var(--pad-bottom) + 4px);z-index:3;justify-self:stretch;width:auto;max-width:none;max-height:52dvh;position:fixed;overflow-y:auto}#verbs{flex-flow:wrap}#verbs button{flex:auto;justify-content:center}html:not([data-sheet=verbs]) #verbs,html:not([data-sheet=nudges]) #nudges{display:none}#inspector{left:var(--pad-left);right:var(--pad-right);bottom:calc(var(--bar-h,52px * var(--px)) + var(--pad-bottom) + 4px);z-index:2;width:auto;max-height:34dvh;position:fixed;top:auto}html[data-sheet] #inspector{display:none}#scrubber{justify-content:space-between;justify-self:stretch;align-items:center;gap:calc(3px * var(--px));padding:calc(3px * var(--px));flex-wrap:wrap;display:flex}#scrubber .transport,#sheetbar{flex:0 auto;min-width:0}#scrubber .transport button,#sheetbar button{padding:calc(1px * var(--px)) calc(3px * var(--px))}#daybar{display:none}#scrubber .readout{white-space:nowrap;margin:0}#scrubber .transport{margin:0}#zoomstepper{right:var(--pad-right);bottom:calc(var(--bar-h,52px * var(--px)) + var(--pad-bottom) + 4px);z-index:1;position:fixed}html[data-sheet] #zoomstepper{display:none}#ticker{grid-area:unset;text-align:center;width:auto;margin-top:calc(2px * var(--px));justify-self:stretch;position:static}}#sheetbar{display:none}@media (width<=900px),(height<=560px){#sheetbar{gap:calc(3px * var(--px));display:flex}}@media (pointer:coarse){button.brass,#verbs button,#sheetbar button{align-items:center;min-height:44px;display:flex}#nudges button,#inspector li button{min-height:0;padding-top:calc(5px * var(--px));padding-bottom:calc(5px * var(--px))}#nudges .why{padding-bottom:calc(2px * var(--px))}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
