main{width:100%;max-width:132ch;margin:0 auto;padding:24px 4ch 72px}h1{font-size:25px;line-height:40px;margin:0 0 8px;color:var(--bright);font-weight:500}h1:first-letter{color:var(--accent)}h2{font-size:13px;line-height:24px;color:var(--dim);font-weight:400;margin:0 0 12px}h2:before{content:"$ ";color:var(--accent)}.lede{max-width:66ch;margin:0 0 32px;color:var(--text)}.block{margin:0 0 40px;padding:0 0 40px;border-bottom:1px solid var(--rule)}.block:last-child{border-bottom:0;padding-bottom:0}.dim{color:var(--dim)}.br{color:var(--bright)}.ok{color:var(--ok)}.alert{color:var(--alert)}#make{display:grid;grid-template-columns:auto 1fr;gap:0 6ch;align-items:start}#hold{position:sticky;top:56px;text-align:center;padding-top:24px}#mas{image-rendering:pixelated;display:block;margin:0 auto}#poses{margin:20px 0 0;font-size:13px;line-height:24px;white-space:nowrap}#poses a{color:var(--dim);text-decoration:none;padding:0 1ch}#poses a.on{color:var(--accent)}#poses a:hover{color:var(--bright)}#genome{margin:12px 0 0;font-size:13px;line-height:20px}#genome span{display:block}#dice{margin:16px 0 0}#dice a{color:var(--accent);text-decoration:none}#dice a:hover{color:var(--bright)}.sl{margin:0 0 20px}.sl label{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 2ch;font-size:13px;line-height:20px}.sl .now{margin-left:auto;color:var(--dim);white-space:pre}.sl .track{position:relative;display:block;height:24px;line-height:24px;overflow:hidden}.sl input[type=range]{-webkit-appearance:none;appearance:none;position:absolute;inset:0;width:100%;height:24px;margin:0;padding:0;background:transparent;cursor:pointer;opacity:0;font:inherit;font-size:13px}.sl .track:focus-within{outline:1px solid var(--accent);outline-offset:3px}.gauge{display:block;color:var(--accent);font-size:13px;white-space:pre;letter-spacing:0}.pick{display:grid;grid-template-columns:12ch 1fr;gap:0 2ch;margin:0 0 10px;align-items:baseline}.pick .opts{display:flex;flex-wrap:wrap;gap:0 1ch}.pick a{color:var(--dim);text-decoration:none;border-bottom:1px solid transparent;padding-bottom:1px}.pick a:hover{color:var(--bright)}.pick a.on{color:var(--bright);border-bottom-color:var(--accent)}.pick a.sw{border-bottom-width:2px}.pick a.sw.on{border-bottom-color:currentColor}#pl{position:relative;height:32px;font-size:20px;line-height:32px;white-space:pre}#pl label{color:var(--accent)}#in{position:absolute;top:0;left:2ch;right:0;height:32px;margin:0;padding:0;border:0;background:transparent;color:transparent;caret-color:transparent;font:inherit}#in:focus{outline:1px solid var(--accent);outline-offset:2px}#pl.say #in{left:6ch}#mir{color:var(--bright)}#rule{margin:6px 0 20px;font-size:13px;line-height:20px}#go{margin:0 0 8px;font-size:20px}#go a{color:var(--accent);text-decoration:none}#go a:hover{color:var(--bright)}#msg{margin:0;min-height:24px}#msg a{color:var(--accent)}#proof p{max-width:72ch;margin:0}#cats p{margin:0;white-space:pre-wrap}#cats a{color:var(--bright);text-decoration:none;border-bottom:1px solid var(--rule)}#cats a:hover{color:var(--accent);border-bottom-color:var(--accent)}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}#who{display:grid;grid-template-columns:auto 1fr;gap:0 5ch;align-items:start;margin:0 0 40px;min-width:0}#preview{text-align:center}#gauges{min-width:0}#gauges table{width:100%;max-width:76ch;border-collapse:collapse;table-layout:fixed}#gauges td{padding:0 1ch 0 0;white-space:pre;vertical-align:top}#gauges td:first-child{width:16ch;color:var(--dim)}#gauges td.v{width:32ch;color:var(--bright);white-space:pre-wrap}#gauges td.d{color:var(--dim);white-space:pre-wrap}#said{margin:24px 0 0;padding:11px 2ch;border:1px solid var(--rule);background:var(--surface);min-height:48px;max-width:72ch}#note{margin:16px 0 0;font-size:13px;line-height:20px}#note a{color:var(--accent)}@media(max-width:899px){main{padding:16px 3ch 48px}#make{grid-template-columns:1fr;gap:24px 0}#hold{position:sticky;top:48px;z-index:2;background:var(--bg);padding:12px 0;text-align:left;border-bottom:1px solid var(--rule);display:grid;grid-template-columns:auto minmax(0,1fr);gap:0 2ch;align-items:center}#hold #genome span{display:inline}#hold #genome span+span:before{content:" \b7  "}#make>*{min-width:0}#hold #mas{margin:0;grid-column:1;grid-row:1 / 4}#hold p{grid-column:2}#poses,#genome,#dice{margin:0 0 4px}#poses{white-space:normal}h1{font-size:20px;line-height:32px}.sl label{gap:0 1ch}.sl .now{margin-left:0;width:100%}.pick{grid-template-columns:10ch 1fr}#who{grid-template-columns:1fr;gap:24px 0}#pl,#go{font-size:15px}}