@font-face{font-family:'Recursive';src:url(/assets/fonts/recursive-latin.f2fb094af72c.woff2) format('woff2');font-weight:300 1000;font-style:normal;font-display:block;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'QMono';src:url(/assets/fonts/qmono-latin.f88989e71a76.woff2) format('woff2');font-weight:300 1000;font-style:normal;font-display:block;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Recursive Casual';src:url(/assets/fonts/recursive-casual-latin.27fc45267acc.woff2) format('woff2');font-weight:300 1000;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Science Gothic';src:url(/assets/fonts/science-gothic-latin.867e1adc2d97.woff2) format('woff2');font-weight:900;font-style:normal;font-display:block;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --night:#0C0F0D; --night-2:#111612; --night-3:#171D18;
  --rule:#232B25; --rule-2:#323C35;
  --bone:#ECE6D9; --bone-2:#D9D3C6; --ash:#A1A79D;

  --quote:#FF3E7F; --input:#C3F25B; --process:#ECE6D9; --decision:#FFB238; --action:#FF6A3D; --report:#6FE5CC;
  --quote-2:#FF5A92; --input-2:#4D5A33;
  --font:'Recursive', ui-sans-serif, system-ui, sans-serif;

  --head:'Science Gothic', 'Recursive', ui-sans-serif, system-ui, sans-serif;
  --hk:.808; --hks:.85;
  --pad:56px; --top:60px; --status:34px;
  --panel:rgba(12,15,13,.74); --panel-2:rgba(17,22,18,.8);
  --ease:cubic-bezier(.2,.7,.2,1);
}

*{box-sizing:border-box}
html{background:var(--night);-webkit-text-size-adjust:100%;color-scheme:dark}
body{margin:0;background:transparent;color:var(--bone);font-family:var(--font);font-variation-settings:'MONO' 0,'CASL' 0;
  font-weight:420;font-size:17px;line-height:1.45;-webkit-font-smoothing:antialiased;overflow-x:hidden}

html.boot body{visibility:hidden}
html.boot.frame body{visibility:visible}
html.boot.frame #main{visibility:hidden}
a{color:inherit;text-decoration:none}
button{font:inherit}
img,canvas{display:block}
[hidden]{display:none!important}
::selection{background:var(--quote);color:var(--night)}
:focus-visible{outline:2px solid var(--quote);outline-offset:2px}

html{-webkit-tap-highlight-color:transparent}

html{scroll-padding-top:var(--hdr,var(--top));scroll-padding-bottom:calc(var(--status) + 8px)}
a,button,input,label,select,textarea,summary{touch-action:manipulation}
button,.btn,.nav a,.meadows a,.tabs a,.ca{-webkit-user-select:none;user-select:none}

button:focus-visible,.btn:focus-visible,[role="button"]:focus-visible{outline:2px solid var(--bone) !important;outline-offset:2px !important}

.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

.skip{position:fixed;left:12px;top:-80px;z-index:40;background:var(--bone);color:var(--night);font-weight:700;font-size:14px;line-height:1;padding:12px 16px;text-decoration:none}
.skip:focus{top:10px}
.mono{font-family:var(--font);font-variation-settings:'MONO' 1,'CASL' 0;font-feature-settings:'tnum' 1}
.cas{font-variation-settings:'MONO' 1,'CASL' 1}

html:not(.boot) .cas,html:not(.boot) .thought,html:not(.boot) .output{font-family:'Recursive Casual',var(--font)}

.sep{display:inline-block;width:3em;font-size:.3em;line-height:0;color:transparent;-webkit-text-stroke:0;white-space:pre;vertical-align:baseline}
.cpt{display:inline-block;max-width:100%}
.sol{font-family:var(--font);font-variation-settings:'MONO' 0,'CASL' 0;letter-spacing:.01em}
.nowrap{white-space:nowrap}
.r-input{color:var(--input)}.r-process{color:var(--process)}.r-decision{color:var(--decision)}.r-quote{color:var(--quote)}.r-action{color:var(--action)}.r-report{color:var(--report)}

.h1,.h2,.h3{font-family:var(--head);font-weight:900;font-variation-settings:normal;letter-spacing:-.012em}
.h1{margin:0;font-size:calc(90px * var(--hk));line-height:1;color:var(--bone);text-wrap:balance}
.h2{margin:0;font-size:calc(60px * var(--hk));line-height:.96;text-wrap:balance}
.h3{margin:0;font-size:calc(30px * var(--hk));line-height:1.05}
.lede{font-size:19px;line-height:1.42;max-width:600px;margin:18px 0 0;color:var(--bone-2)}
.k{display:block;font-size:12px;font-weight:600;color:var(--ash);margin-bottom:6px}
.note{font-size:14px;line-height:1.6;color:var(--ash)}
.note b,.k b{color:var(--bone);font-weight:600}

.spec-r .spec-t{color:var(--bone);margin-right:.32em}
.spec-f{display:grid;grid-template-columns:max-content minmax(0,1fr);column-gap:1.15em;row-gap:5px;margin:14px 0 0;max-width:640px;font-variation-settings:'MONO' 1;font-size:13.5px;line-height:1.5;color:var(--ash)}
.spec-f dt{color:var(--bone-2)}
.spec-f dd{margin:0;min-width:0}
.spec-f dd i{font-style:normal;display:inline-block;min-width:1.35em}
.spec-f b{color:var(--bone);font-weight:600}
.spec > .spec-f:first-child{margin-top:0}
.spec-lines{margin-top:14px}
.spec-lines.flush{margin-top:0}
@media (max-width:767px){ .spec-f{font-size:12.5px;column-gap:.9em;margin-top:10px} .spec-lines{margin-top:10px} }

.tx{font-variation-settings:'MONO' 1;color:var(--quote);text-decoration:underline 1px rgba(255,62,127,.35);text-underline-offset:4px;text-decoration-skip-ink:none;white-space:nowrap}
@media (hover:hover) and (pointer:fine){ .tx:hover{text-decoration-color:var(--quote)} }
.ln{text-decoration:underline 1px var(--rule-2);text-underline-offset:4px;text-decoration-skip-ink:none}
.txq{font-variation-settings:'MONO' 1;color:var(--ash);white-space:nowrap}
@media (hover:hover) and (pointer:fine){ .ln:hover{text-decoration-color:var(--bone)} }

.sec{position:relative;padding:92px var(--pad) 100px;border-top:1px solid var(--rule)}

.sec.alt{background:transparent}
.sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:40px}
.grid2{display:grid;grid-template-columns:minmax(0,1fr) 460px;gap:48px;align-items:start}
.grid2 > *{min-width:0}

.btn{all:unset;touch-action:manipulation;-webkit-user-select:none;user-select:none;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;height:52px;padding:0 24px;background:var(--quote);color:var(--night);font-weight:720;font-size:16px;white-space:nowrap}
@media (hover:hover) and (pointer:fine){ .btn:hover{background:var(--quote-2)} .btn.ghost:hover{border-color:var(--bone)} .nav a:hover{color:var(--bone)} }
.btn:active{background:var(--quote-2)}.btn.ghost:active{background:transparent;border-color:var(--bone)}.ca button:active{color:var(--bone)}
.btn.ghost{background:transparent;color:var(--bone);border:1px solid var(--rule-2)}
.btn.sm{height:42px;padding:0 16px;font-size:14.5px}
.addr{display:flex;width:100%;max-width:560px}
.addr input{flex:1;min-width:0;height:52px;border:1px solid var(--rule-2);border-right:0;background:var(--night-3);color:var(--bone);padding:0 16px;border-radius:0;
  font-family:var(--font);font-variation-settings:'MONO' 1;font-size:14.5px;outline:none}
.addr input:focus{border-color:var(--bone-2)}

.addr:has(input:focus-visible){outline:2px solid var(--bone);outline-offset:2px}
.addr input::placeholder{color:var(--ash)}
.addr input[aria-invalid="true"]{border-color:var(--quote)}

@media (max-width:767px),(pointer:coarse){
  input:not([type=checkbox]):not([type=radio]):not([type=range]),textarea,select{font-size:16px}
  .addr input{letter-spacing:-.02em}
  .addr input::placeholder,textarea::placeholder{font-size:13.5px}
}
.hint{margin-top:8px;font-size:13px;color:var(--ash);min-height:19px}
.hint.err{color:var(--quote)}

.top{position:sticky;top:0;z-index:20;height:var(--top);display:flex;align-items:center;gap:30px;padding:0 24px 0 var(--pad);
  background:var(--night);border-bottom:1px solid var(--rule)}

.top .brandrow{display:contents}

.brand{order:1;display:flex;align-items:center;gap:10px;font-family:var(--head);font-weight:900;font-variation-settings:normal;font-size:18.5px;letter-spacing:-.01em;color:var(--bone);flex:none;white-space:nowrap}
.brand img{width:36px;height:36px}
.nav{order:2;display:flex;gap:24px;font-size:15px;font-weight:520;white-space:nowrap}
.nav a{position:relative;padding:18px 0;color:var(--bone-2)}
.nav a.on{color:var(--bone)}
.nav a.on::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--quote)}
.top .right{order:3;margin-left:auto;display:flex;align-items:center;gap:16px;min-width:0}
.top.fitting .right{visibility:hidden}
.hd-k{display:flex;flex-direction:column;line-height:1.15;text-align:right;font-size:13px}
.hd-k .a{font-size:12px;color:var(--ash);font-weight:520}
.hd-k .b{font-variation-settings:'MONO' 1;color:var(--bone);font-weight:560;font-feature-settings:'tnum' 1;white-space:nowrap}
.hd-k .b em{font-style:normal;color:var(--quote)}
[data-hour-left]{display:inline-block;min-width:5ch;text-align:right}
.ca{display:flex;align-items:center;height:36px;border:1px solid var(--rule-2);background:var(--night-3);flex:none}
.ca .k{margin:0;font-size:12px;font-weight:700;color:var(--night);background:var(--bone);height:100%;display:grid;place-items:center;padding:0 8px}
.ca .v{font-variation-settings:'MONO' 1;font-size:13px;padding:0 10px;color:var(--bone);white-space:nowrap}
.ca button{all:unset;touch-action:manipulation;-webkit-user-select:none;user-select:none;cursor:pointer;height:100%;padding:0 11px;border-left:1px solid var(--rule-2);font-size:12.5px;font-weight:600;color:var(--quote)}
.xl{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--rule-2);flex:none}
.xl svg{width:15px;height:15px;fill:var(--bone)}

.status{position:fixed;left:0;right:0;bottom:0;z-index:20;height:var(--status);display:flex;align-items:center;gap:30px;padding:0 24px 0 var(--pad);
  background:var(--night-2);border-top:1px solid var(--rule);font-variation-settings:'MONO' 1;font-size:12.5px;color:var(--ash);white-space:nowrap;overflow:hidden}
.status b{color:var(--bone);font-weight:560}
.status .ok{color:var(--report)}
.status .ch{color:var(--report)}

.status > .l{flex:0 1 auto;min-width:0;overflow:hidden;display:flex;flex-wrap:wrap;column-gap:30px;height:1.6em;line-height:1.6em;align-content:flex-start}
.status > .l > span{flex:none}
.status > .l > span:first-child{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}
.status .tail{margin-left:auto;display:flex;align-items:center;gap:14px;flex:none}
.conn{display:none;color:var(--decision)}
.status .rate{color:var(--decision)}
html.offline .conn{display:inline}
.mockb{font-variation-settings:'MONO' 0;font-size:12px;color:var(--night);background:var(--decision);padding:2px 7px;font-weight:700}
body{padding-bottom:var(--status)}

main{display:block;min-height:calc(100vh - var(--top))}

.chip{display:inline-block;max-width:100%;font-size:12.5px;font-weight:720;color:var(--night);background:var(--ash);padding:1px 8px;white-space:nowrap;vertical-align:1px}
.chip.alive,.chip.came_back{background:var(--input)}
.chip.queue{background:var(--decision)}
.chip.returned{background:var(--action)}
.chip.unborn,.chip.other{background:var(--ash)}
.chip.founder{background:var(--decision)}
.chip.nursery{background:var(--report)}
.tag{display:inline-block;font-size:11px;font-weight:700;color:var(--night);padding:1px 6px;white-space:nowrap;font-variation-settings:'MONO' 1}
.tag.nursery{background:var(--report)}
.tag.court{background:var(--quote)}
.tag.twice{background:transparent;color:var(--bone);box-shadow:inset 0 0 0 1px var(--rule-2)}

.nums{display:flex;flex-wrap:wrap;column-gap:26px;row-gap:4px;font-size:13.5px;color:var(--ash);font-variation-settings:'MONO' 1;font-feature-settings:'tnum' 1}
.nums b{color:var(--bone);font-weight:600}
.nums .row{flex-basis:100%;margin-top:4px}
.nums .cnts{display:contents}

.spr{display:block;background-repeat:no-repeat;background-size:600% 600%}

.spr.sheet{isolation:isolate}
.spr > i{position:absolute;inset:0;display:block;background-repeat:no-repeat;pointer-events:none;will-change:opacity}
.spr > i{mix-blend-mode:plus-lighter}

.bx{position:absolute;inset:0;width:100%;height:100%}

.stage{position:relative;overflow:hidden}
.stage canvas{position:absolute;left:0;top:0}
.stage.framed{border:1px solid var(--rule)}

.stage > .poster{position:absolute;left:50%;top:49%;height:80%;max-width:80%;aspect-ratio:1;transform:translate(-50%,-50%);
  background:no-repeat center/contain;pointer-events:none}
.stage > .poster.boxed{transform:none;max-width:none;background-size:100% 100%}
.stage > .poster.out{opacity:0;transition:opacity 1.4s var(--ease)}
.qcap{display:flex;justify-content:space-between;gap:20px;font-variation-settings:'MONO' 1;font-size:12.5px;color:var(--ash)}
.qcap b{color:var(--bone);font-weight:560}
.stage .qcap{position:absolute;left:16px;right:16px;bottom:12px}

.cap{font-variation-settings:'MONO' 1;font-size:13.5px;line-height:1.6;color:var(--bone);padding-left:12px;border-left:2px solid var(--input)}
.cap:empty{border-left-color:transparent}
.cap .ev b{color:var(--input);font-weight:700}
.cap .ev b.is-kid{color:var(--report)}
.cap .k{display:inline-block;width:62px;margin:0;font-size:inherit;font-weight:inherit;color:var(--ash)}
.cap .q{color:var(--quote)}

.tape{position:relative}
.tape .tk{font-variation-settings:'MONO' 1;font-size:12px;line-height:1.35;min-height:1.35em;color:var(--ash)}
.tape .tk b{color:var(--bone);font-weight:600}

.hash{font-variation-settings:'MONO' 1;font-size:32px;line-height:1.18;font-weight:500;color:var(--bone);word-spacing:.16em}
.hash .lead8{color:var(--quote)}
.hash.sm{font-size:17px;line-height:1.35;word-spacing:.15em}
.hk{display:flex;justify-content:space-between;align-items:baseline;margin:24px 0 6px}
.hk .k{margin:0}

.listing{border-top:1px solid var(--rule-2)}
.listing .row{display:grid;grid-template-columns:max(76px,var(--idw,0px)) max(120px,var(--opw,0px)) minmax(0,1fr);gap:10px;padding:8px 0;border-bottom:1px solid var(--rule);font-size:13.5px;align-items:baseline;font-variation-settings:'MONO' 1}
.listing .id{color:var(--ash)}
.listing .pa{color:var(--bone);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.thought{font-size:16px;line-height:1.5;font-variation-settings:'MONO' 1,'CASL' 1;font-weight:520;color:var(--bone);overflow-wrap:anywhere}
.output{font-variation-settings:'MONO' 1,'CASL' 1;font-weight:600;color:var(--report);letter-spacing:-.02em;overflow-wrap:anywhere}
.output.big{font-size:58px;line-height:1}

.output.short{font-size:30px;line-height:1.15}
.output.short .ok{font-size:.5em;vertical-align:.25em}
.output-json{margin-top:8px;font-variation-settings:'MONO' 1;font-size:12.5px;line-height:1.5;color:var(--ash);overflow-wrap:anywhere}

.twins{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--rule);border:1px solid var(--rule)}
.twins > .tw{background:var(--panel);padding:10px 10px 12px;min-width:0}
.tw canvas{margin:0 auto;max-width:100%}
.tw .tl{font-variation-settings:'MONO' 1;font-size:12px;color:var(--ash);padding:0 4px}

.scene{position:relative;background:transparent;border:1px solid var(--rule);overflow:hidden}
.scene .bodies{position:absolute;inset:0}
.scene .res{position:absolute;left:0;top:0;will-change:transform;z-index:1}
.scene .res.hl,.scene .res:focus-visible{z-index:3}

.scene{-webkit-user-select:none;user-select:none}
.scene .res{cursor:pointer;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}
.scene .res,.scene .res *{-webkit-user-drag:none}
.scene .res .bd{transform-origin:50% 88%;transition:scale .55s linear(0, 0.046, 0.16, 0.313, 0.479, 0.641, 0.786, 0.906, 0.998, 1.063, 1.104, 1.123, 1.126, 1.117, 1.101, 1.081, 1.06, 1.04, 1.022, 1.008, 0.997, 0.99, 0.986, 0.984, 0.984, 0.986, 0.988, 0.991, 1),filter .25s var(--ease)}
.scene .res.hl .bd{scale:1.12;filter:brightness(1.13) saturate(1.06)}
.scene .res.mate .bd{filter:brightness(1.08)}
.scene .res:active .bd{scale:.9;transition-duration:.09s,.25s}
.scene .pair.hl{border-top-style:solid}

.scene .res .bd{will-change:transform}
@supports not (transition-timing-function:linear(0,1)){ .scene .res .bd{transition-timing-function:cubic-bezier(.34,1.56,.64,1),var(--ease)} }
@media (prefers-reduced-motion:reduce){ .scene .res.hl .bd,.scene .res:active .bd{scale:none} }
.scene .res .bd{position:absolute;inset:0;display:block}
.scene .res .bd > canvas,.scene .res .bd > .own{position:absolute;inset:0;width:100%;height:100%}
.scene .res .bd.chimera > .own{visibility:hidden}
.scene .res.out,.scene .res > .lb.out{opacity:0;transition:opacity .45s var(--ease)}
.scene .res.crumble .bd{opacity:0;transition:opacity .38s var(--ease)}
.scene .bd.in{animation:sc-in .8s var(--ease) both}
.scene .res > .lb.in{animation:sc-fade .8s var(--ease) both}
@keyframes sc-in{from{opacity:0;transform:scale(.5)}to{opacity:1;transform:none}}
@keyframes sc-fade{from{opacity:0}to{opacity:1}}
.scene .res > .lb{position:absolute;left:0;top:0;z-index:2;white-space:nowrap;text-align:center;font-size:12px;line-height:1.28;pointer-events:none;
  text-shadow:0 0 3px var(--night),0 0 6px var(--night);-webkit-text-stroke:3px var(--night);paint-order:stroke fill}
.scene .res > .lb .id{font-variation-settings:'MONO' 1;color:var(--bone);font-weight:600}

.scene .res > .lb.holder .id{color:var(--input)}.scene .res > .lb.child .id{color:var(--report)}.scene .res > .lb.founder .id{color:var(--decision)}
.scene .res > .lb .g{margin-left:.62em;color:var(--ash);font-weight:520}
.scene .res > .lb .sp{color:var(--bone-2);font-size:12px;font-variation-settings:'MONO' 0}
.scene .res > .lb .st{font-size:12px;font-weight:650;font-variation-settings:'MONO' 1}
.scene .res > .lb .st.court{color:var(--quote)}
.scene .res > .lb .st.nursery{color:var(--report)}
.scene .res > .lb.hl .id{text-decoration:underline;text-underline-offset:3px}
.scene .res > .lb.ash .id,.scene .res > .lb.ash .sp{color:var(--ash)}
.scene .res > .lb.wait{visibility:hidden}
.lb.holder .id{color:var(--input)}.lb.child .id{color:var(--report)}.lb.founder .id{color:var(--decision)}
.scene .fx{position:absolute;left:0;top:0;pointer-events:none;z-index:1}
.scene .pair{position:absolute;left:0;top:0;height:0;border-top:2px dotted var(--quote);transform-origin:0 0;z-index:0;will-change:transform}

.scene .stale{position:absolute;left:12px;top:10px;z-index:4;display:none;font-variation-settings:'MONO' 1;font-size:12px;font-weight:600;
  color:var(--decision);background:var(--night);padding:3px 8px;border:1px solid var(--rule-2)}
.scene.is-stale .stale{display:block}
.scene .err{display:none;position:absolute;left:0;right:0;top:44%;margin:0;text-align:center;font-size:15px;color:var(--ash)}
.scene.is-err .err{display:block}
.scene canvas.floor{position:absolute;left:0;right:0;bottom:0;width:100%;height:56px}

.scene .fk{position:absolute;left:12px;max-width:calc(100% - 24px);bottom:8px;z-index:2;font-variation-settings:'MONO' 1;font-size:12px;color:var(--ash);white-space:normal;text-wrap:balance;line-height:1.35}
.scene .fk:not(:empty){padding:2px 8px;background:rgba(12,15,13,.86);box-shadow:0 0 0 1px var(--rule)}
@media (max-width:767px){ .scene .fk{font-size:11.5px} }
@media (max-width:479px){ .scene .fk{-webkit-text-stroke:3px var(--night);paint-order:stroke fill} }
.scene .fk b{color:var(--bone);font-weight:600}
.meadows{display:flex;border:1px solid var(--rule-2);flex:0 1 auto;min-width:0;flex-wrap:wrap}
.meadows a{padding:9px 14px;font-size:14px;font-weight:560;color:var(--ash);border-right:1px solid var(--rule-2)}
.meadows a:last-child{border-right:0}
.meadows a.on{color:var(--night);background:var(--bone)}

.feed{border-top:1px solid var(--rule-2)}
.feed .e{display:grid;grid-template-columns:66px minmax(0,1fr);gap:8px;padding:8px 0;border-bottom:1px solid var(--rule);font-size:12.5px;line-height:1.45;font-variation-settings:'MONO' 1}
.feed .t{color:var(--ash);font-feature-settings:'tnum' 1}
.feed .w b{font-weight:650}
.feed .p{color:var(--ash)}
.e.child b{color:var(--report)}.e.returned b{color:var(--action)}.e.returned.place b{color:var(--ash)}.e.born b,.e.came_back b{color:var(--input)}.e.paid b{color:var(--decision)}.e.copied b{color:var(--quote)}.e.threshold b{color:var(--decision)}

.lg{border-top:1px solid var(--rule-2)}
.lg .e{display:grid;grid-template-columns:120px minmax(0,1fr) 200px;gap:16px;padding:10px 0;border-bottom:1px solid var(--rule);font-size:13.5px;align-items:baseline;font-variation-settings:'MONO' 1}
.lg .t{color:var(--ash)}
.lg .d{color:var(--bone)}
.lg .d .p{color:var(--ash)}
.lg .x{text-align:right}

.memo{font-variation-settings:'MONO' 1;font-size:24px;line-height:2.1;color:var(--bone)}
.memo .f{display:inline-flex;flex-direction:column;margin:0 .6em .5em 0;line-height:1.1;vertical-align:top}
.memo .f i{font-style:normal;font-variation-settings:'MONO' 0;font-size:12px;color:var(--ash);font-weight:520;white-space:nowrap;margin-top:3px;line-height:1.2}
.memo .pre{color:var(--quote)}.memo .ga{color:var(--input)}.memo .gb{color:var(--decision)}

.pstrip{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:22px 8px}
.pstrip .pi{display:flex;flex-direction:column;align-items:center;min-width:0;color:var(--bone-2)}
.pstrip .pb{position:relative;display:block;width:100%;max-width:160px;aspect-ratio:1/1;background:no-repeat center/contain}
.pstrip .pl{display:flex;flex-direction:column;align-items:center;max-width:100%;margin-top:6px;font-size:13px;font-weight:560;line-height:1.3;text-align:center;min-height:2.6em}
.pstrip .pl > span{white-space:nowrap}
@media (hover:hover) and (pointer:fine){ .pstrip a.pi:hover .pl{color:var(--bone)} }
.pstrip a.pi:focus-visible{outline:2px solid var(--quote);outline-offset:2px}
@media (max-width:1099px){ .pstrip{grid-template-columns:repeat(4,minmax(0,1fr))} }
@media (max-width:767px){ .pstrip{column-gap:6px;row-gap:16px} .pstrip .pl{font-size:11.5px} }

.tbl td + td,.tbl th + th{padding-left:12px}
.receipt{border:1px solid var(--rule-2);background:var(--panel);padding:22px 26px 18px}
.receipt .rt{display:flex;justify-content:space-between;align-items:baseline;gap:16px}
.receipt .rt .n{font-size:30px;font-weight:880;letter-spacing:-.02em}
.receipt .rt .w{font-variation-settings:'MONO' 1;font-size:13.5px;color:var(--ash)}
.receipt .sum{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:14px;margin:16px 0 14px;padding:12px 0;border-top:1px solid var(--rule-2);border-bottom:1px solid var(--rule-2);font-variation-settings:'MONO' 1}
.receipt .sum .v{font-size:18px;font-weight:600;color:var(--bone)}
.receipt .sum .k{margin:3px 0 0}
.tbl{width:100%;border-collapse:collapse;font-size:13.5px;font-variation-settings:'MONO' 1;font-feature-settings:'tnum' 1}
.tbl th{font-variation-settings:'MONO' 0;text-align:left;font-size:12px;font-weight:600;color:var(--ash);padding:0 0 6px;border-bottom:1px solid var(--rule-2)}
.tbl td{padding:7px 0;border-bottom:1px solid var(--rule);color:var(--bone)}
.tbl .r{text-align:right}
.receipt .more,.receipt .txs{font-variation-settings:'MONO' 1;font-size:12.5px;color:var(--ash);line-height:1.8;padding-top:8px}
.receipt .txl{display:flex;flex-wrap:wrap;column-gap:14px}
.receipt .txs .all{display:inline-block}
@media (pointer:coarse){ .receipt .txs .all{padding:calc((37px - 1.8em) / 2) 0;margin-bottom:calc((1.8em - 37px) / 2)} }
.receipt .rcin{display:block;margin-top:1px;font-size:11.5px;line-height:1.35;color:var(--ash)}

.timer .a{font-variation-settings:'MONO' 1;font-size:13.5px;color:var(--ash)}
.timer .big{font-variation-settings:'MONO' 1;font-size:72px;line-height:1;font-weight:500;letter-spacing:-.03em;color:var(--bone);margin-top:6px;font-feature-settings:'tnum' 1}
.timer .sub{font-variation-settings:'MONO' 1;font-size:14px;color:var(--ash);margin-top:10px}
.timer .sub b{color:var(--bone);font-weight:600}

.mbar{display:grid;grid-template-columns:repeat(60,1fr);gap:2px;height:26px}
.mbar i{display:block;background:var(--night-3);border:1px solid var(--rule)}
.mbar i.on{background:var(--input);border-color:var(--input)}
.mbar i.n{background:var(--quote);border-color:var(--quote)}
.mbar-k{display:flex;justify-content:space-between;font-variation-settings:'MONO' 1;font-size:12px;color:var(--ash);margin-top:7px}

.wrows{border-top:1px solid var(--rule-2)}
.wrow{display:grid;grid-template-columns:190px minmax(0,1fr);gap:30px;padding:16px 0;border-bottom:1px solid var(--rule);align-items:center}
.wrow .a{font-variation-settings:'MONO' 1;font-size:16px;color:var(--bone)}
.wrow .a .chip{margin-left:10px}
.wrow .d{font-variation-settings:'MONO' 1;font-size:14.5px;color:var(--ash);margin-top:8px;line-height:1.6}
.wrow .d b{color:var(--bone);font-weight:560}

.cells{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}
.cell{position:relative;background:var(--panel-2);border:1px solid var(--rule-2);height:146px;overflow:hidden;display:block}
.cell canvas,.cell .spr{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%)}
.cell .n{position:absolute;left:8px;top:6px;font-size:12px;font-weight:650;color:var(--bone);font-variation-settings:'MONO' 1}
.cell .v{position:absolute;left:8px;bottom:6px;font-size:11.5px;color:var(--ash);font-variation-settings:'MONO' 1}
.cell .v .sl{margin:0 .35em}
@media (max-width:359px){ .cell .v .sl{margin:0 .05em} }
.cell.on{border-color:var(--input-2)}
.cell.sel{outline:2px solid var(--quote);outline-offset:-2px}

.cell.sel:focus-visible{outline:2px solid var(--quote);outline-offset:-2px;box-shadow:0 0 0 2px var(--night),0 0 0 4px var(--bone)}
.cell.next{border-style:dashed}
.cell.next canvas,.cell.next .spr{opacity:.26}
.cell .fill{position:absolute;left:0;bottom:0;height:3px;background:var(--decision)}

.tabs{display:flex;flex-wrap:wrap;font-size:13.5px}
.tabs a{padding:8px 14px;border:1px solid var(--rule-2);margin-right:-1px;color:var(--ash);font-weight:560}
.tabs a.on{background:var(--bone);color:var(--night);border-color:var(--bone)}

.card{border-top:1px solid var(--rule-2)}
.card .blk{padding:13px 0;border-bottom:1px solid var(--rule)}
.card .bn{font-family:var(--head);font-variation-settings:normal;font-size:calc(30px * var(--hks));font-weight:900;letter-spacing:-.012em;line-height:1.05}
.card .mech{font-variation-settings:'MONO' 1;font-size:13.5px;color:var(--ash);margin-top:7px}
.card .mech b{color:var(--bone);font-weight:560}
.ops .o{display:grid;grid-template-columns:max(70px,var(--idw,0px)) max(116px,var(--opw,0px)) minmax(0,1fr);gap:8px;font-size:13.5px;padding:3px 0;font-variation-settings:'MONO' 1}
.ops .o .id{color:var(--ash)}
.ops .o .pa{color:var(--bone);overflow-wrap:anywhere}

.ops .o > span:nth-child(2){position:relative;justify-self:start}
.ops .o > span:nth-child(2)::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:1.5px;background:currentColor;transform:scaleX(0);transform-origin:0 50%}
.ops .o.lens > span:nth-child(2)::after,.ops .o.on > span:nth-child(2)::after{transform:scaleX(1)}
.lensed .ops .o:not(.lens){opacity:.42}
@media (prefers-reduced-motion:no-preference){ .ops .o{transition:opacity .3s var(--ease)} .ops .o > span:nth-child(2)::after{transition:transform .45s var(--ease)} }

@media (hover:hover) and (pointer:fine){ .stage.reading.lensing{cursor:none} }
.stage.reads{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.run{display:flex;align-items:center;gap:14px;margin-top:12px}
.run .res{font-variation-settings:'MONO' 1;font-size:13px;line-height:1.5;color:var(--ash)}
.run .res b{color:var(--report);font-weight:650}
.run .res b.bad{color:var(--quote)}

.plate{position:relative;border:0;background:transparent}

@property --pr{syntax:'<percentage>';inherits:false;initial-value:100%}
.plate > canvas{-webkit-mask-image:linear-gradient(180deg,#000 calc(var(--pr) - 1%),rgba(0,0,0,.14) calc(var(--pr) + 1%));mask-image:linear-gradient(180deg,#000 calc(var(--pr) - 1%),rgba(0,0,0,.14) calc(var(--pr) + 1%))}
.plate.unprinted > canvas{--pr:0%}
.plate.printing > canvas{animation:prn-print 2.4s cubic-bezier(.45,.05,.55,.95) both}
@keyframes prn-print{from{--pr:0%}to{--pr:100%}}
.plate::after{content:'';position:absolute;left:0;right:0;top:0;height:100%;border-bottom:2px solid var(--quote);transform:translateY(-100%);opacity:0;pointer-events:none}
.plate.printing::after{animation:prn-head 2.4s cubic-bezier(.45,.05,.55,.95) both}
@keyframes prn-head{0%{transform:translateY(-100%);opacity:1}97%{opacity:1}100%{transform:translateY(0);opacity:0}}
@media (prefers-reduced-motion:reduce){ .plate > canvas,.plate.unprinted > canvas{-webkit-mask-image:none;mask-image:none} .plate::after{display:none} }
.plate .qcap{padding:0 16px 14px}

.gen{container-type:inline-size}
.gw{--lh:300px;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"png side" "main main" "ver ver";gap:22px 20px;
  font-variation-settings:'MONO' 1;font-size:12.5px;line-height:1.35;color:var(--ash)}
.gw > *{min-width:0}
.gw-title{margin-bottom:14px}
.gw-tm{color:var(--bone);font-weight:600}
.gw-tm.gsp{color:var(--decision)}
.gw-f{color:var(--ash)}
.gw-zh{display:flex;justify-content:space-between;gap:12px;margin:0 0 6px}

.gw-png{grid-area:png;display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.gw-dx{position:relative;width:calc(var(--lh) * 32 / var(--bands));margin-left:20px;height:13px;border-left:1px solid var(--ash);border-right:1px solid var(--ash);display:flex;align-items:center;justify-content:center}
.gw-dx::before{content:'';position:absolute;left:0;right:0;top:50%;border-top:1px solid var(--rule-2)}
.gw-dx span,.gw-dy span{position:relative;background:var(--night);padding:0 3px;font-size:11px;color:var(--bone-2)}
.gw-ln{position:relative;display:flex;gap:6px;height:var(--lh)}
.gw-dy{position:relative;width:14px;border-top:1px solid var(--ash);border-bottom:1px solid var(--ash)}
.gw-dy::before{content:'';position:absolute;top:0;bottom:0;left:50%;border-left:1px solid var(--rule-2)}
.gw-dy span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-90deg);white-space:nowrap}
.gw-cv{display:block;height:100%;width:calc(var(--lh) * 32 / var(--bands));image-rendering:pixelated}
.gw-tks{position:relative;width:40px}
.gw-tk{position:absolute;left:0;transform:translateY(-50%);padding-left:9px;font-size:11px;line-height:1;color:var(--ash);white-space:nowrap}
.gw-tk::before{content:'';position:absolute;left:0;top:50%;width:6px;border-top:1px solid var(--ash)}
.gw-tk.gsp{color:var(--decision)}
.gw-tk.gsp::before{border-color:var(--decision)}

.gw-main{grid-area:main;display:flex;flex-direction:column;gap:18px}
.gw-cells,.gw-fl{display:grid;grid-template-columns:repeat(16,minmax(0,1fr));column-gap:3px}
.gw-cells .w2{display:none}
.gwc{display:flex;flex-direction:column;align-items:center;justify-content:center;height:34px;border:1px solid var(--rule-2);background:var(--night-2);font-style:normal}
.gwc b{font-size:12px;font-weight:500;line-height:1.15;color:var(--bone-2)}
.gwc s{min-height:12px;font-size:10px;line-height:1.2;text-decoration:none;color:var(--ash)}
.gwc.g-q{border-color:var(--quote)}.gwc.g-q b,.gwc.g-q s{color:var(--quote)}
.gwc.g-i{border-color:var(--input)}.gwc.g-i b,.gwc.g-i s{color:var(--input)}
.gwc.g-d{border-color:var(--decision)}.gwc.g-d b,.gwc.g-d s{color:var(--decision)}
.gwc.g-a{border-color:var(--action)}.gwc.g-a b,.gwc.g-a s{color:var(--action)}
.gwc.g-r{border-color:var(--report)}.gwc.g-r b,.gwc.g-r s{color:var(--report)}
.gwc.fx.g-q{background:#3A1424}.gwc.fx.g-i{background:#2A3317}.gwc.fx.g-d{background:#3B2B10}
.gw-fl{margin-top:5px;font-size:11.5px}
.gw-fl > span{grid-column:var(--na,var(--a)) / var(--nb,var(--b));white-space:nowrap}
.gw-fl .fq{color:var(--quote)}.gw-fl .fi{color:var(--input)}.gw-fl .fd{color:var(--decision);justify-self:end}.gw-fl .fs{color:var(--ash);justify-self:end}
.gw-fl .fs:first-child{justify-self:start}
.gw-z > .gw-zh:not(:first-child){margin-top:14px}
.gw-tape{height:104px;overflow:hidden}
.gw-tape canvas{display:block;max-width:100%}

.gw-v{grid-area:ver;display:grid;gap:8px}
.gw-vr{display:flex;flex-wrap:wrap;align-items:center;gap:6px 7px}
.gw-vr .gw-tm{min-width:104px}
.gw-vr .v{color:var(--bone-2)}
.gw-vr .v.dim{color:var(--ash)}
.gw-vr .ok{color:var(--report)}.gw-vr .bad{color:var(--quote)}
.gw-vr b{font-weight:700}
.gw-vr .pend{visibility:hidden}
.gw-a{position:relative;width:14px;height:4px;margin-right:6px;background:repeating-linear-gradient(90deg,var(--report) 0 4px,transparent 4px 6px)}
.gw-a::after{content:'';position:absolute;right:-6px;top:50%;transform:translateY(-50%);border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:6px solid var(--report)}

.gw-side{grid-area:side;display:flex;flex-direction:column;gap:14px}
.gw-w0{color:var(--report)}
.gw-sp{display:block;width:100%;height:auto}
.gw-sp .ax{stroke:var(--rule-2);stroke-width:1}
.gw-sp path{fill:none;stroke:var(--bone-2);stroke-width:1.1}
.gw-sp circle{fill:var(--report)}
.gw-sp rect{fill:#3A4039}
.gw-sp rect.g-q{fill:var(--quote)}.gw-sp rect.g-i{fill:var(--input)}.gw-sp rect.g-d{fill:var(--decision)}.gw-sp rect.g-a{fill:var(--action)}.gw-sp rect.g-r{fill:var(--report)}
.gw-sx{margin:6px 0 0}
.gw-n{display:grid;gap:6px;margin:0}
.gw-n div{display:grid;grid-template-columns:70px minmax(0,1fr);align-items:baseline;gap:8px}
.gw-n dt{color:var(--ash)}
.gw-n dd{margin:0;color:var(--bone)}
.gw-n dd::before{content:'= ';color:var(--ash)}
.gw-n dd.big{font-size:24px;line-height:1;font-weight:500}
.gw-n dd b{color:var(--report);font-weight:600}
@container (min-width:560px){
  .gw{--lh:330px;grid-template-areas:"png main" "png side" "ver ver"}
  .gw-side{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,200px);gap:18px;align-items:end}
}
@container (min-width:800px){
  .gw-vr{font-size:12px}
  .gw{--lh:330px;grid-template-columns:auto minmax(0,1fr) minmax(0,280px);grid-template-areas:"png main side" "png ver ver"}
  .gw-side{display:flex;align-items:stretch}
}
@container (min-width:1040px){
  .gw{grid-template-columns:auto minmax(0,1fr) 320px;gap:20px 30px}
  .gw-cells,.gw-fl{grid-template-columns:repeat(32,minmax(0,1fr))}
  .gw-cells .w2{display:flex}
  .gw-fl > span{grid-column:var(--a) / var(--b)}
  .gw-fl .fs{justify-self:start}
  .gw-tape{height:96px}
  .gw-vr{font-size:12.5px}
}
.gen .dl{display:flex;flex-wrap:wrap;gap:18px;margin-top:12px;font-variation-settings:'MONO' 1;font-size:13.5px}
.gen .dl a{color:var(--quote);font-weight:620}

@media (pointer:coarse){ .gen .dl{gap:2px 14px;margin-top:4px} .gen .dl a{display:inline-flex;align-items:center;min-height:38px;min-width:36px} }

@media (pointer:coarse){
  .tbl td{padding:11px 0}
  .tbl td a.ln{display:inline-block;padding:11px 0;margin:-11px 0}
  .wrow .a .ln{display:inline-block;padding:13px 0 8px;margin:-13px 0 -8px}
}

@media (pointer:coarse){
  .brand{padding:6px 0;margin:-6px 0}
  .ca{height:38px}
}

.kids{display:grid;grid-template-columns:repeat(var(--kc,3),232px);gap:1px;width:max-content;max-width:100%;padding:1px}

.kid{position:relative;display:flex;flex-direction:column;padding:12px;background:rgba(12,15,13,.42);box-shadow:0 0 0 1px var(--rule)}
.kid .b{position:relative;display:block;width:100%;aspect-ratio:1}
.kid .b > canvas,.kid .b > .spr{position:absolute;inset:0;width:100%;height:100%}
.kid .lb{margin-top:6px;font-size:12px;line-height:1.5;color:var(--ash)}
.kid .lb .id{font-variation-settings:'MONO' 1;color:var(--report);font-weight:650;font-size:13px}
.kid .lb b{color:var(--bone);font-weight:560}
.kid .tags{position:absolute;left:10px;top:10px;z-index:1;display:flex;flex-wrap:wrap;gap:4px}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

@media (max-width:1439px){
  .top{gap:22px}
  .nav{gap:18px}
}
@media (max-width:1099px){
  :root{--pad:32px;--top:98px}
  .top{height:auto;flex-wrap:wrap;gap:0;padding:0 var(--pad)}

  .top .brandrow{order:1;display:flex;align-items:center;flex:1 1 0;min-width:1px;height:56px}
  .top .right{order:2}
  .nav{order:3;width:100%;gap:0;justify-content:space-between;border-top:1px solid var(--rule)}
  .nav a{padding:10px 0}
  .nav a.on::after{bottom:0}
  .sec-head{flex-direction:column;align-items:flex-start;gap:20px}
  .grid2{grid-template-columns:minmax(0,1fr);gap:36px}
}

@media (pointer:coarse) and (min-width:768px) and (min-height:501px){
  .nav a{padding-left:7px;padding-right:7px;margin:0 -7px}
  .nav a.on::after{left:7px;right:7px}
}

@media (max-width:767px){
  :root{--pad:16px;--status:30px;--top:93px}
  body{font-size:16px}
  .top .brandrow{height:52px}
  .brand{font-size:16.5px;gap:9px}
  .brand img{width:32px;height:32px}
  .nav{font-size:13px}

  .nav a{flex:1 1 auto;min-width:36px;text-align:center;padding:12px 4px}
  .nav a + a{box-shadow:inset 1px 0 0 var(--rule)}
  .meadows{flex-wrap:nowrap;width:100%}
  .meadows a{flex:1 1 auto;text-align:center;padding:9px 8px;font-size:13px;white-space:nowrap}
  .top .right{gap:8px}
  .hd-k{display:none}
  .ca .v{font-size:12px;padding:0 8px}
  .ca{height:38px}

  .brand{padding:6px 0;margin:-6px 0}
  .status{font-size:11px;gap:14px;padding:0 var(--pad)}
  .status .hide-m{display:none}

  .mockb,.scene .res > .lb,.scene .res > .lb .sp,.scene .res > .lb .st{font-size:11px}
  .sec{padding:60px var(--pad) 68px}
  .h1{font-size:calc(46px * var(--hk));line-height:1}
  .h2{font-size:calc(38px * var(--hk))}
  .h3{font-size:calc(24px * var(--hk))}
  .lede{font-size:16.5px}
  .btn{height:48px;padding:0 18px;font-size:15px}
  .addr input{height:48px}
  .grid2,.sec-head{grid-template-columns:1fr;gap:26px}
  .sec-head{flex-direction:column;align-items:flex-start;gap:16px}
  .chip{white-space:normal}
  .hash{font-size:15.5px;word-spacing:0}
  .hash.sm{font-size:14.2px;word-spacing:0}
  .listing .row{grid-template-columns:max(58px,var(--idw,0px)) max(84px,var(--opw,0px)) minmax(0,1fr);gap:8px;font-size:12px}

  .memo{font-size:15px;line-height:1.3;display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:12px;row-gap:6px;align-items:baseline}
  .memo .f{display:contents}
  .memo .f i{position:static;font-size:11px;margin:0}
  .memo .pre{grid-column:1/-1}
  .receipt{padding:16px 14px}
  .receipt .rt{display:block}.receipt .rt .w{display:block;margin-top:4px}
  .receipt .sum{grid-template-columns:1fr 1fr;row-gap:10px}
  .receipt .sum .v{font-size:15px}
  .tbl{font-size:12px}
  .tbl .hide-m{display:none}
  .timer .big{font-size:52px}
  .scene{border-left:0;border-right:0}
  .scene .res > .lb{line-height:1.2}
  .lg .e{grid-template-columns:70px minmax(0,1fr);gap:4px 10px;font-size:12.5px}
  .lg .x{grid-column:2;text-align:left}
  .wrow{grid-template-columns:90px minmax(0,1fr);gap:14px}
  .wrow .a{font-size:13px}.wrow .d{font-size:12.5px}
  .cell{height:96px}
  .card .bn{font-size:calc(25px * var(--hks))}
  .output.big{font-size:46px}
  .ops .o{grid-template-columns:max(58px,var(--idw,0px)) max(84px,var(--opw,0px)) minmax(0,1fr);font-size:12px}
  .run{flex-direction:column;align-items:flex-start;gap:10px}
  .kids{grid-template-columns:repeat(var(--kp,2),minmax(0,1fr));width:auto}
}

@media (orientation:landscape) and (max-height:500px){
  :root{--top:48px;--status:24px}
  .top{position:static;height:var(--top);flex-wrap:nowrap;gap:16px;padding:0 var(--pad)}
  .top .brandrow{display:contents}
  .top .brandrow .brand{order:1}
  .top .right{order:3}
  .nav{order:2;width:auto;gap:0;border-top:0;justify-content:flex-start;font-size:13px}
  .nav a{flex:none;padding:14px 6px}
  .nav a.on::after{bottom:0;left:6px;right:6px}
  .status{font-size:11px;gap:14px}

  :root{--hdr:0px}
  .h1{font-size:calc(34px * var(--hk));line-height:1}
  .h2{font-size:calc(30px * var(--hk))}

  .sec{padding-top:24px;padding-bottom:44px}
  .lede{font-size:15px;line-height:1.4;margin-top:8px;max-width:760px}
  .scene,.stage,.qstage{max-height:calc(100svh - 72px)}

  .brand{padding:3px 0;margin:-3px 0}
  .ca{height:38px}
}

@media (max-width:389px){ .h1{font-size:calc(11.4vw * var(--hk))} }

@media (max-width:389px){ .nav{font-size:12px} .nav a{padding:12px 3px} }

@media (max-width:389px){ .nav{margin:0 calc(10px - var(--pad));width:calc(100% + 2 * var(--pad) - 20px)} }
@media (max-width:359px){ .nav{margin:0 calc(6px - var(--pad));width:calc(100% + 2 * var(--pad) - 12px);letter-spacing:-.01em} }
@media (max-width:359px){
  .nav{font-size:11px}

  .nav a{min-width:28px}
  .brand{font-size:15px;gap:8px}
  .brand img{width:28px;height:28px}
  .ca .k{padding:0 6px}
  .ca .v{font-size:11px;padding:0 6px}
  .ca button{padding:0 8px;font-size:12px}
  .h2{font-size:calc(34px * var(--hk))}
  .hash{font-size:13.5px}
  .hash.sm{font-size:13px}

  .receipt .sum{grid-template-columns:1fr}
}

@media (max-width:767px) and (min-height:501px){ .nav a.short{min-width:44px} }
@media (min-width:390px) and (max-width:413px) and (min-height:501px){ .nav a.short{min-width:40px} }
@media (max-width:359px) and (min-height:501px){ .nav a.short{min-width:36px} }

@media (orientation:landscape) and (max-height:500px){ .nav a{min-width:44px;text-align:center} }
@media (orientation:landscape) and (max-height:500px) and (max-width:699px){
  .nav{font-size:12px}
  .nav a{padding:14px 4px;min-width:40px}
  .nav a.on::after{left:4px;right:4px}
}
@media (orientation:landscape) and (max-height:500px) and (max-width:599px){
  .brand span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
}

.lit{display:inline-flex;align-items:flex-end;gap:1.5px;vertical-align:-1px;color:var(--c,currentColor)}
.lit.bars{height:.9em}
.lit.bars i{display:block;width:3px;background:currentColor;border-radius:1px 1px 0 0}
.lit.dots{align-items:center;height:.9em;gap:3px}
.lit .d{display:block;width:6px;height:6px;border-radius:50%;background:currentColor}
.lit .d.h{background:transparent;box-shadow:inset 0 0 0 1.2px currentColor}
.lit.dots b{font-weight:600;font-size:.85em;line-height:1}
.ov1{color:var(--report);font-weight:600}
.ovp{color:var(--report)}
.ovp .ok,.ovs .ok{color:var(--ash);font-weight:400;margin-right:.35em}

canvas.ground{position:fixed;left:0;top:0;width:100vw;height:100vh;height:100lvh;z-index:-1;pointer-events:none;will-change:transform}

@keyframes q-gpar{from{translate:0 0}to{translate:0 -42000px}}
html.gpar canvas.ground{animation:q-gpar linear both;animation-timeline:scroll(root block);animation-range:0px 100000px}
@media (prefers-reduced-motion:reduce){ html.gpar canvas.ground{animation:none} }

@view-transition{navigation:auto}
::view-transition-old(root){animation:qvt-out .24s cubic-bezier(.4,0,1,1) both}
::view-transition-new(root){animation:none}
@keyframes qvt-out{to{opacity:0}}
@keyframes qvt-in{from{opacity:0;transform:translateY(12px)}}
html.vt.boot body{visibility:visible}
html.vt.boot #main{visibility:hidden}
html.vt:not(.boot) #main{animation:qvt-in .42s cubic-bezier(.2,.7,.2,1) backwards}
@media (prefers-reduced-motion:reduce){ @view-transition{navigation:none} html.vt:not(.boot) #main{animation:none} }
.grain{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.05;mix-blend-mode:soft-light;background-size:160px 160px}

html{background-image:radial-gradient(34% 26% at 20% 24%,var(--ga,#0E1E1A),transparent 72%),radial-gradient(40% 24% at 80% 62%,var(--gb,#1A1013),transparent 72%),radial-gradient(30% 20% at 46% 92%,var(--ga,#0E1E1A),transparent 72%);
  background-size:100% 1500px;background-repeat:repeat-y}
html.ground-css{background-image:radial-gradient(60vw 50vh at 18% 22%,var(--ga,#0E1E1A),transparent 70%),radial-gradient(55vw 45vh at 82% 64%,var(--gb,#1A1013),transparent 70%),radial-gradient(50vw 40vh at 40% 92%,var(--ga,#0E1E1A),transparent 70%);
  background-size:auto;background-repeat:no-repeat;background-attachment:fixed}

.scene .res .bd.genes{animation:q-genes .9s cubic-bezier(.2,.7,.2,1)}
@keyframes q-genes{0%{filter:none}25%{filter:brightness(1.9) saturate(1.3)}100%{filter:none}}
@media (prefers-reduced-motion:reduce){ .scene .res .bd.genes{animation:none} }