@font-face{font-family:DM Mono;font-style:normal;font-weight:300;font-display:swap;src:url(/fonts/dm-mono-normal-300-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Mono;font-style:normal;font-weight:300;font-display:swap;src:url(/fonts/dm-mono-normal-300-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/dm-mono-normal-400-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/dm-mono-normal-400-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/dm-mono-normal-500-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/dm-mono-normal-500-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:EB Garamond;font-style:italic;font-weight:400 600;font-display:swap;src:url(/fonts/eb-garamond-italic-400_600-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:EB Garamond;font-style:italic;font-weight:400 600;font-display:swap;src:url(/fonts/eb-garamond-italic-400_600-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:EB Garamond;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/eb-garamond-normal-400_800-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:EB Garamond;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/eb-garamond-normal-400_800-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--legend-zone:7rem;--ink-abyss:#080b0a;--ink:#0d1210;--ink-raised:#131a17;--ink-high:#1a2320;--rule:#26302b;--rule-bright:#3a4842;--bone:#ddd8ca;--bone-dim:#9aa39a;--bone-faint:#6b756e;--brass:#c8963e;--brass-bright:#e6b862;--brass-dim:#6e5527;--alarm:#d9418f;--font-display:"EB Garamond", "Iowan Old Style", Georgia, serif;--font-mono:"DM Mono", ui-monospace, "SF Mono", Menlo, monospace;--pad:clamp(.75rem, 2vw, 1.25rem);--radius:2px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;touch-action:none}html,body,#root{height:100%;margin:0}body{background:var(--ink-abyss);color:var(--bone);font-family:var(--font-display);-webkit-font-smoothing:antialiased;overscroll-behavior:none;font-size:16px}.survey{background:var(--ink-abyss);width:100vw;height:100dvh;position:relative;overflow:hidden}.survey__canvas{touch-action:none;cursor:grab;width:100%;height:100%;display:block}.survey__canvas:active{cursor:grabbing}.corner{display:contents}.corner--tr{z-index:2;top:var(--pad);right:var(--pad);max-height:calc(100dvh - 2 * var(--pad) - var(--legend-zone));flex-direction:column;align-items:flex-end;gap:.4rem;display:flex;position:absolute}.corner--tr>.plate{position:static;transform:none}.plate{z-index:2;background:color-mix(in srgb, var(--ink) 88%, transparent);-webkit-backdrop-filter:blur(14px)saturate(.6);backdrop-filter:blur(14px)saturate(.6);border:1px solid var(--rule);border-radius:var(--radius);box-shadow:0 1px 0 color-mix(in srgb, var(--rule-bright) 40%, transparent) inset, 0 12px 40px -12px #000;position:absolute}.drift-plate{flex:none;width:18rem;padding:.3rem .4rem .15rem;position:static}.drift__canvas{width:100%;height:4rem;display:block}.drift__legend{color:var(--bone-faint);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;padding-top:.15rem;font-size:.58rem}.drum{flex:22rem;min-width:0;padding:.3rem .4rem .15rem;position:static}.life__readouts{width:min(58rem, calc(100vw - 2 * var(--pad)));flex-direction:column;align-items:center;gap:.5rem;display:flex}.life__readouts>.evolution{flex:none;width:min(26rem,100%)}.drum__canvas{width:100%;height:4.5rem;image-rendering:crisp-edges;display:block}.drum__legend{color:var(--bone-faint);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;gap:1rem;padding-top:.2rem;font-size:.58rem;display:flex}.drum__key--prey{color:var(--brass)}.drum__key--hunters{color:#9ad9d0}.drum__key--carrion{color:#8c3b2e}.life__count{align-self:center;gap:.75rem;padding:.35rem .7rem;display:flex;position:static}.life__found{font:inherit;letter-spacing:.04em;color:inherit;cursor:pointer;align-self:center;padding:.3rem .7rem;font-size:.72rem;position:static}.life__found:hover{border-color:#d6c5a08c}.evolution{flex:20rem;gap:.4rem;min-width:0;max-width:26rem;padding:.55rem .7rem .45rem;display:grid;position:static}.evolution__lineages{width:100%;height:5.5rem;image-rendering:crisp-edges;background:var(--ink-abyss);border:1px solid var(--rule);box-shadow:0 1px 0 color-mix(in srgb, var(--rule-bright) 30%, transparent) inset;display:block}.evolution__readouts{grid-template-columns:repeat(auto-fit,minmax(6.5rem,1fr));gap:.35rem .9rem;margin:0;display:grid}.evolution__readouts>div{border-left:1px solid var(--rule);gap:.1rem;padding-left:.5rem;display:grid}.evolution__readouts dt{color:var(--bone-faint);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;font-size:.55rem}.evolution__readouts dd{color:var(--bone-dim);font-family:var(--font-mono);font-variant-numeric:tabular-nums;margin:0;font-size:.68rem;line-height:1.35}.evolution__headline dd{color:var(--brass);font-size:.95rem}.evolution__losing{color:var(--alarm)}.evolution__idle{color:var(--bone-faint);font-family:var(--font-mono);letter-spacing:.08em;margin:0;font-size:.65rem}.evolution__warning{border-top:1px solid var(--rule);color:var(--alarm);font-family:var(--font-mono);letter-spacing:.09em;margin:0;padding-top:.35rem;font-size:.58rem;line-height:1.45}.life{background:var(--ink-abyss);flex-direction:column;justify-content:safe center;align-items:center;gap:.5rem;display:flex;position:absolute;inset:0;overflow-y:auto}.life__world{width:min(96vw,64vh);height:min(96vw,64vh);image-rendering:pixelated;display:block}.life__error{color:var(--bone-dim);font-family:var(--font-mono);letter-spacing:.08em;font-size:.7rem}.modes{top:var(--pad);left:var(--pad);display:flex;overflow:hidden}.modes__tab{border:0;border-right:1px solid var(--rule);color:var(--bone-faint);font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;background:0 0;padding:.3rem .8rem;font-size:.62rem;transition:color .14s,background-color .14s}.modes__tab:last-child{border-right:0}.modes__tab:hover{color:var(--bone-dim)}.modes__tab--on{color:var(--brass-bright);background:color-mix(in srgb, var(--brass) 12%, transparent)}.modes__tab:focus-visible{outline:1px solid var(--brass);outline-offset:-2px}.cartouche{top:calc(var(--pad) + 2.1rem);left:var(--pad);max-width:min(22rem, calc(100vw - 2 * var(--pad)));padding:.7rem 1rem .75rem}.cartouche__title{letter-spacing:.34em;text-indent:.34em;color:var(--bone);margin:0;font-size:clamp(1.35rem,3.4vw,1.85rem);font-weight:500;line-height:1}.cartouche__rule{background:linear-gradient(90deg, var(--brass-dim), var(--rule) 60%, transparent);height:1px;margin:.55rem 0 .5rem}.cartouche__sub{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--bone-faint);flex-wrap:wrap;gap:.75rem;margin:0;font-size:.66rem;font-weight:300;display:flex}.cartouche__sub b{color:var(--bone-dim);font-weight:500}.clock{top:var(--pad);max-width:calc(100vw - 2 * var(--pad));font-family:var(--font-mono);align-items:center;gap:.7rem;padding:.45rem .85rem;display:flex;left:50%;transform:translate(-50%)}.clock__legend{letter-spacing:.16em;text-transform:uppercase;color:var(--bone-faint);font-size:.6rem;font-weight:300}.clock__slider{width:clamp(8rem,22vw,14rem);accent-color:var(--brass);cursor:pointer}.clock__day{letter-spacing:.04em;color:var(--bone-faint);white-space:nowrap;font-size:.72rem;font-weight:300}.clock__day b{color:var(--bone-dim);font-weight:500}.clock__play{border:1px solid var(--rule);background:color-mix(in srgb, var(--ink) 55%, transparent);width:1.7rem;height:1.7rem;color:var(--brass);cursor:pointer;border-radius:6px;flex:none;place-items:center;padding:0;font-size:.66rem;transition:border-color .15s,color .15s,background .15s;display:grid}.clock__play:hover{border-color:var(--brass-dim)}.clock__play[aria-pressed=true]{border-color:var(--brass);color:var(--brass-bright);background:color-mix(in srgb, var(--brass) 14%, transparent)}.clock__speeds{gap:.2rem;display:flex}.clock__speed{border:1px solid var(--rule);min-width:1.9rem;color:var(--bone-faint);font-family:var(--font-mono);letter-spacing:.02em;cursor:pointer;background:0 0;border-radius:5px;flex:none;padding:.15rem .3rem;font-size:.6rem;transition:border-color .15s,color .15s,background .15s}.clock__speed:hover{color:var(--bone-dim);border-color:var(--brass-dim)}.clock__speed[aria-pressed=true]{border-color:var(--brass);color:var(--brass-bright);background:color-mix(in srgb, var(--brass) 14%, transparent)}.region{bottom:var(--pad);max-width:calc(100vw - 2 * var(--pad));font-family:var(--font-mono);align-items:center;gap:.7rem;padding:.45rem .85rem;display:flex;left:50%;transform:translate(-50%)}.region__legend{letter-spacing:.16em;text-transform:uppercase;color:var(--bone-faint);font-size:.6rem;font-weight:300}.region__slider{width:clamp(8rem,20vw,13rem);accent-color:var(--brass);cursor:pointer}.region__value{letter-spacing:.04em;color:var(--bone-faint);white-space:nowrap;font-size:.72rem;font-weight:300}.region__value b{color:var(--bone-dim);font-weight:500}.readout{top:var(--pad);right:var(--pad);min-width:11.5rem;font-family:var(--font-mono);letter-spacing:.04em;padding:.6rem .8rem;font-size:.72rem;font-weight:300}.readout__row{color:var(--bone-faint);justify-content:space-between;gap:1.25rem;padding:.15rem 0;display:flex}.readout__row+.readout__row{border-top:1px solid color-mix(in srgb, var(--rule) 55%, transparent)}.readout__value{font-variant-numeric:tabular-nums;color:var(--bone);font-weight:400}.readout__value--headline{color:var(--brass-bright);font-weight:500}.readout__row--name{border-top:none;justify-content:flex-end;padding:.15rem 0 .35rem}.readout__name{font-family:var(--font-display);letter-spacing:.01em;color:var(--bone);text-transform:none;font-size:1.05rem}.readout__idle{color:var(--bone-faint);font-style:italic;font-family:var(--font-display);letter-spacing:0;font-size:.85rem}.readout__mix{gap:.12rem;margin:.2rem 0 .15rem;padding:0;list-style:none;display:grid}.readout__mix-row{grid-template-columns:2.7rem 1fr;align-items:baseline;gap:.55rem;display:grid}.readout__mix-share{text-align:right;color:var(--brass-bright);font-weight:500}.readout__mix-name{font-family:var(--font-display);letter-spacing:.01em;color:var(--bone);font-size:.95rem}.rail{left:var(--pad);bottom:var(--pad);max-height:calc(100dvh - 2 * var(--pad) - 7.5rem);scrollbar-width:thin;padding:.55rem;overflow-y:auto}.rail__legend{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--bone-faint);padding:0 .15rem .5rem;font-size:.58rem}.rail__grid{grid-template-columns:repeat(2,1fr);gap:4px;display:grid}.tile{appearance:none;-webkit-tap-highlight-color:transparent;background:var(--ink-raised);border:1px solid var(--rule);border-radius:var(--radius);cursor:pointer;text-align:left;grid-template-rows:auto auto auto;gap:0;min-width:8.6rem;min-height:3.9rem;padding:0;transition:border-color .13s,background-color .13s,transform .13s;display:grid;overflow:hidden}.tile:hover{background:var(--ink-high);border-color:var(--rule-bright)}.tile:active{transform:translateY(1px)}.tile:focus-visible{outline:1px solid var(--brass);outline-offset:1px}.tile__specimen{border-bottom:1px solid var(--rule);filter:saturate(.85);height:12px;transition:filter .13s,height .13s;display:block}.tile__label{font-family:var(--font-display);letter-spacing:.02em;color:var(--bone-dim);padding:.34rem .55rem 0;font-size:1rem;line-height:1.15;transition:color .13s;display:block}.tile__range{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--bone-faint);white-space:nowrap;padding:.1rem .55rem .4rem;font-size:.6rem;font-weight:300;display:block}.tile__dash{opacity:.5;padding:0 .18em}.tile[aria-pressed=true]{background:color-mix(in srgb, var(--brass) 7%, var(--ink-raised));border-color:var(--brass)}.tile[aria-pressed=true] .tile__specimen{filter:saturate(1.15);height:18px}.tile[aria-pressed=true] .tile__label{color:var(--brass-bright)}.tile[aria-pressed=true] .tile__range{color:var(--bone-dim)}.legend{right:var(--pad);bottom:var(--pad);width:min(15rem, calc(100vw - 2 * var(--pad)));max-height:calc(var(--legend-zone) - var(--pad));padding:.6rem .8rem .7rem;overflow-y:auto}.legend__label{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--bone-faint);margin-bottom:.45rem;font-size:.58rem}.legend__ramp{border:1px solid var(--rule);border-radius:1px;height:8px}.legend__scale{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--bone-dim);justify-content:space-between;margin-top:.35rem;font-size:.65rem;font-weight:300;display:flex}.legend--keyed{width:min(19rem, calc(100vw - 2 * var(--pad)))}.legend__keys{grid-template-columns:1fr 1fr;gap:.18rem .7rem;margin:0;padding:0;list-style:none;display:grid}.legend__key{align-items:center;gap:.4rem;min-width:0;display:flex}.legend__swatch{border:1px solid var(--rule);border-radius:1px;flex:none;width:10px;height:10px}.legend__name{font-family:var(--font-mono);color:var(--bone-dim);white-space:nowrap;text-overflow:ellipsis;font-size:.62rem;font-weight:300;overflow:hidden}.veil{z-index:5;text-align:center;background:var(--ink-abyss);place-content:center;gap:.75rem;padding:2rem;display:grid;position:absolute;inset:0}.veil__title{letter-spacing:.3em;text-indent:.3em;text-transform:uppercase;color:var(--bone-dim);margin:0;font-size:1.05rem}.veil__body{font-family:var(--font-mono);color:var(--bone-faint);max-width:34rem;margin:0;font-size:.75rem;font-weight:300;line-height:1.7}.veil--error .veil__title{color:var(--alarm)}.veil__bar{background:color-mix(in srgb, var(--bone-faint) 18%, transparent);width:16rem;height:2px;margin:0 auto;overflow:hidden}.veil__fill{background:linear-gradient(90deg, color-mix(in srgb, var(--brass) 55%, transparent), var(--brass));height:100%;animation:.4s ease-out veil-fill-in}@keyframes veil-fill-in{0%{opacity:0}to{opacity:1}}.veil__pct{font-variant-numeric:tabular-nums;letter-spacing:.08em;color:var(--bone-faint);margin:0;font-size:.75rem}.veil__phase{letter-spacing:.14em;text-transform:uppercase;color:var(--bone-faint);opacity:.62;min-height:1em;margin:.15rem 0 0;font-size:.7rem}.veil__pulse{background:linear-gradient(90deg, transparent, var(--brass), transparent);width:8rem;height:1px;margin:0 auto;animation:1.6s ease-in-out infinite sweep}@keyframes sweep{0%,to{opacity:.15;transform:scaleX(.4)}50%{opacity:1;transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.veil__pulse{opacity:.6;animation:none}*{transition-duration:.01ms!important}}@media (width<=60rem),(hover:none) and (pointer:coarse){.corner--tl{z-index:2;top:var(--pad);left:var(--pad);flex-direction:column;align-items:flex-start;gap:.4rem;max-width:47vw;display:flex;position:absolute}.corner--bottom{z-index:2;left:var(--pad);right:var(--pad);bottom:var(--pad);flex-direction:column;gap:.45rem;display:flex;position:absolute}.corner--tr{z-index:2;top:var(--pad);right:var(--pad);flex-direction:column;align-items:flex-end;gap:.4rem;max-width:47vw;display:flex;position:absolute}.corner--tl>.plate,.corner--tr>.plate,.corner--bottom>.plate{position:static;transform:none}.cartouche{max-width:44vw;padding:.4rem .65rem .5rem}.cartouche__title{letter-spacing:.22em;text-indent:.22em;font-size:1.05rem}.cartouche__rule{margin:.4rem 0 .35rem}.cartouche__sub{gap:.5rem;font-size:.54rem}.readout{top:var(--pad);right:var(--pad);min-width:0;max-width:47vw;padding:.45rem .6rem;font-size:.66rem;bottom:auto;left:auto}.readout__name{font-size:.95rem}.readout__mix-name{font-size:.86rem}.clock{grid-template-columns:auto 1fr auto;grid-template-areas:"play slider day""speeds speeds speeds";align-items:center;gap:.5rem .65rem;max-width:none;padding:.6rem .75rem;display:grid}.clock__legend{display:none}.clock__play{border-radius:8px;grid-area:play;width:2.75rem;height:2.75rem;font-size:1rem}.clock__slider{grid-area:slider;width:auto;height:2.75rem}.clock__day{text-align:right;grid-area:day;font-size:.66rem}.clock__speeds{grid-area:speeds;gap:.4rem}.clock__speed{border-radius:7px;flex:1;min-width:0;min-height:2.4rem;padding:.3rem;font-size:.8rem}.region{gap:.65rem;max-width:none;padding:.6rem .75rem}.region__legend{display:none}.region__slider{flex:1;width:auto;height:2.75rem}.region__value{text-align:right;font-size:.72rem}.legend{width:min(11rem,46vw);padding:.45rem .6rem .5rem}.legend--keyed{width:min(13.5rem,62vw)}.rail{touch-action:pan-y;overscroll-behavior-y:contain;scrollbar-width:none;max-height:36dvh;padding:.4rem;overflow-y:auto}.rail::-webkit-scrollbar{display:none}.rail__legend{display:none}.rail__grid{grid-template-columns:repeat(auto-fill,minmax(6.25rem,1fr));grid-auto-flow:row;gap:.4rem}.tile{min-width:0;min-height:0}.tile__label{padding:.28rem .5rem;font-size:.9rem}.tile__range{display:none}.tile__specimen{height:10px}.tile[aria-pressed=true] .tile__specimen{height:14px}}
