@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-vietnamese-full-normal-7BpKI3vF.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-ext-full-normal-YHFkNujK.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-full-normal-CFFu7zhK.woff2) format("woff2-variations");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{--ink: #050102;--cream: #ffe8d6;--cream-dim: rgba(255, 230, 210, .72);--lime: #a8ff5a;--cyan: #8ff6ff;--ease-out: cubic-bezier(.23, 1, .32, 1);--ease-focal: cubic-bezier(.16, 1, .3, 1);--display: "Fraunces Variable", Georgia, serif}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background:var(--ink);color:var(--cream);font-family:var(--display);user-select:none;-webkit-tap-highlight-color:transparent}::selection{background:#a8ff5a59;color:var(--cream)}:focus-visible{outline:2px solid var(--lime);outline-offset:3px}#view{position:fixed;inset:0;width:100%;height:100%;display:block;cursor:none}#hudc{position:fixed;inset:0;width:100%;height:100%;pointer-events:none}#mute{position:fixed;right:18px;bottom:16px;width:36px;height:36px;padding:6px;z-index:5;border:0;border-radius:50%;cursor:pointer;opacity:.55;background:#14060a66;box-shadow:inset 0 0 0 1px #ffe6d229,0 6px 14px -4px #00000080;transition:opacity .15s ease,transform .14s var(--ease-out)}#mute:active{transform:scale(.94)}#mute svg{width:100%;height:100%;display:block}@media(hover:hover)and (pointer:fine){#mute:hover{opacity:1}}.hidden{display:none!important}#choice{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 50%,#0a020433,#060102c7 75%);backdrop-filter:blur(3px) saturate(.85);z-index:4}#choiceCards{display:flex;gap:clamp(28px,6vmin,80px)}.bubble{--tint: 182, 255, 122;position:relative;width:clamp(140px,21vmin,240px);aspect-ratio:1;border-radius:50%;cursor:pointer;background:radial-gradient(circle at 33% 27%,rgba(255,255,255,.34) 0,rgba(255,255,255,.07) 8%,transparent 17%),radial-gradient(circle at 56% 80%,rgba(var(--tint),.26),transparent 52%),radial-gradient(circle at 48% 42%,#1207169e 30%,#0c0410e6);box-shadow:inset 0 0 0 1.5px rgba(var(--tint),.5),inset 0 -12px 26px rgba(var(--tint),.2),inset 0 10px 20px #ffffff0d,0 22px 40px -12px #0009;animation:wob 3.6s ease-in-out infinite;transition:transform .22s var(--ease-out),box-shadow .22s ease,opacity .2s ease,filter .2s ease}.bubble:nth-child(2){animation-delay:-1.2s}.bubble:nth-child(3){animation-delay:-2.4s}.bubble[data-kind=body]{--tint: 255, 138, 112}.bubble[data-kind=motion]{--tint: 143, 246, 255}.bubble[data-kind=charge]{--tint: 168, 186, 255}.bubble:before{content:"";position:absolute;inset:6%;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(var(--tint),.2)}.bubble canvas{position:absolute;inset:9%;width:82%;height:82%}.bubble:active{transform:scale(.97);transition-duration:.12s}.bubble .hint{position:absolute;left:50%;top:calc(100% + 18px);translate:-50% 0;width:26px;height:24px;border-radius:6px;display:grid;place-items:center;font:600 13px/1 var(--display);color:var(--cream-dim);background:#fff0e60f;box-shadow:inset 0 0 0 1.5px #ffe6d266,0 3px #00000059;opacity:.7}@media(hover:hover)and (pointer:fine){.bubble:hover{transform:scale(1.06);box-shadow:inset 0 0 0 2px rgba(var(--tint),.95),inset 0 -14px 32px rgba(var(--tint),.36),inset 0 10px 20px #ffffff14,0 28px 48px -12px #000000a6}#choiceCards:has(.bubble:hover) .bubble:not(:hover){opacity:.55;filter:saturate(.6)}}@keyframes wob{0%,to{border-radius:50% 48% 52% 50%;translate:0 0}33%{border-radius:46% 54% 48% 52%;translate:0 -6px}66%{border-radius:53% 47% 51% 49%;translate:0 4px}}#overlay{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4.5vmin;background:radial-gradient(circle at 50% 46%,#1404061f,#060102cc 78%);cursor:pointer;z-index:3}#overlayTitle{font-family:var(--display);font-weight:760;font-variation-settings:"SOFT" 100,"WONK" 1,"opsz" 144;font-size:clamp(56px,12vmin,168px);line-height:1;letter-spacing:.03em;color:var(--cream);text-shadow:0 6px 24px rgba(8,0,2,.7),0 14px 60px rgba(255,96,40,.28);display:flex}#overlayTitle span{display:inline-block;transform-origin:50% 80%}#glyphs{display:flex;gap:4vmin;align-items:center}#glyphs .g{height:7.4vmin;overflow:visible}#glyphs .base{fill:#00000059;stroke:#ffe6d24d;stroke-width:2}#glyphs .cap,#glyphs .mouse{fill:#fff0e612;stroke:var(--cream-dim);stroke-width:2}#glyphs .key text{fill:var(--cream);font:600 15px var(--display);text-anchor:middle}#glyphs .lit{fill:var(--lime)}#glyphs .seam{stroke:var(--cream-dim);stroke-width:2}#glyphs .arrow{fill:var(--cream)}#glyphs .streak{fill:none;stroke:var(--cyan);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}#glyphs .ring{fill:none;stroke:var(--cyan);stroke-width:3}#glyphs .ring.faint{opacity:.4}#overlayIcon{height:11vmin;width:11vmin;transition:transform .2s var(--ease-out)}#overlayIcon svg{width:100%;height:100%;overflow:visible}@media(hover:hover)and (pointer:fine){#overlay:hover #overlayIcon{transform:scale(1.06)}}#overlay:active #overlayIcon{transform:scale(.96);transition-duration:.12s}@media(prefers-reduced-motion:reduce){.bubble{animation:none}.bubble,#overlayIcon,#mute{transition-property:opacity,box-shadow,filter}}.bubble[data-kind=tox]{--tint: 255, 96, 130}.bubble[data-kind=gold]{--tint: 255, 210, 122}.bubble[data-strain=lash]{--tint: 255, 164, 90}.bubble[data-strain=acid]{--tint: 156, 255, 58}.bubble[data-strain=needle]{--tint: 216, 240, 255}.bubble[data-strain=phage]{--tint: 200, 160, 255}.bubble[data-cap]{--tint: 255, 210, 122;box-shadow:inset 0 0 0 2px rgba(var(--tint),.95),inset 0 0 0 6px rgba(var(--tint),.18),inset 0 -14px 34px rgba(var(--tint),.4),0 22px 40px -12px #0009}.bubble[data-cap]:after{content:"";position:absolute;inset:-9px;border-radius:50%;pointer-events:none;border:1.5px dashed rgba(var(--tint),.55);animation:turn 14s linear infinite}@keyframes turn{to{rotate:1turn}}.pips{display:flex;gap:4px;justify-content:center}.pips i{width:7px;height:7px;border-radius:50%;box-shadow:inset 0 0 0 1.2px #ffe6d273}.pips i.on{background:var(--cream);box-shadow:0 0 0 1px #0000004d}.pips i.next{background:rgb(var(--tint, 168, 255, 90));box-shadow:0 0 6px rgba(var(--tint, 168, 255, 90),.8);animation:blinkpip 1s ease-in-out infinite}@keyframes blinkpip{50%{opacity:.45}}.bubble .pips{position:absolute;left:0;right:0;bottom:10%}.bubble .feeds{position:absolute;top:7%;left:50%;translate:-50% 0;width:12px;height:12px;rotate:45deg;background:#ffd27a;box-shadow:0 0 8px #ffd27acc,0 2px 4px #0006}#choice{flex-direction:column;gap:56px}#reroll{display:flex;align-items:center;gap:8px;padding:8px 14px 8px 10px;border:0;border-radius:12px;cursor:pointer;color:var(--cream);font:600 15px/1 var(--display);background:#fff0e60f;box-shadow:inset 0 0 0 1.5px #ffe6d259,0 4px #00000059;transition:transform .14s var(--ease-out),background .15s ease}#reroll svg{width:22px;height:22px}#reroll:active{transform:scale(.95)}@media(hover:hover)and (pointer:fine){#reroll:hover{background:#fff0e624}}#overlay[data-mode=death],#overlay[data-mode=pause]{gap:2.4vmin}#hubWrap{display:contents}.hub{display:flex;flex-direction:column;align-items:center;gap:2.2vmin;cursor:default}.glyph{width:1em;height:1em;display:inline-block;vertical-align:-.12em}.hub-top{display:flex;gap:34px;align-items:center}.stat{display:flex;align-items:center;gap:8px;font:650 clamp(18px,2.6vmin,30px)/1 var(--display);font-variant-numeric:tabular-nums;color:var(--cream)}.stat .glyph{opacity:.8}.stat.rings{color:#ffd27a;font-size:clamp(22px,3.4vmin,40px)}.stat.rings .num{min-width:2.2ch;text-align:left}.stat .gain{font-size:.6em;color:#ffe6b0;opacity:.9}.stat.best.fresh{color:#ffd27a;animation:blinkpip .9s ease-in-out 3}.strains,.traits,.codex,.genome{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;max-width:min(96vw,1100px)}.node{--tint: 168, 255, 90;position:relative;border:0;border-radius:50%;cursor:pointer;aspect-ratio:1;background:radial-gradient(circle at 33% 27%,rgba(255,255,255,.28) 0,rgba(255,255,255,.05) 8%,transparent 17%),radial-gradient(circle at 56% 80%,rgba(var(--tint),.2),transparent 52%),radial-gradient(circle at 48% 42%,#12071699 30%,#0c0410e0);box-shadow:inset 0 0 0 1.5px rgba(var(--tint),.45),0 14px 26px -10px #0009;transition:transform .18s var(--ease-out),box-shadow .18s ease,opacity .18s ease,filter .18s ease}.node canvas{position:absolute;inset:10%;width:80%;height:80%}.node:active{transform:scale(.95);transition-duration:.11s}.node .price{position:absolute;left:50%;top:calc(100% + 6px);translate:-50% 0;white-space:nowrap;display:flex;align-items:center;gap:4px;font:650 14px/1 var(--display);font-variant-numeric:tabular-nums;color:#ffd27a}.node .price.poor{color:#ffd27a66}.node .pipwrap{position:absolute;left:0;right:0;bottom:9%}.strain{width:clamp(76px,10.5vmin,120px)}.strain[data-strain=lash]{--tint: 255, 164, 90}.strain[data-strain=acid]{--tint: 156, 255, 58}.strain[data-strain=needle]{--tint: 216, 240, 255}.strain[data-strain=phage]{--tint: 200, 160, 255}.strain[data-state=locked] canvas{opacity:.35;filter:grayscale(.7)}.strain[data-state=sel]{transform:scale(1.08);box-shadow:inset 0 0 0 2.5px rgba(var(--tint),1),inset 0 -12px 28px rgba(var(--tint),.35),0 18px 30px -10px #000000a6}.strains{gap:22px;margin-bottom:14px}.trait{width:clamp(56px,7.4vmin,84px);--tint: 255, 210, 122}.trait[data-state=none] canvas{opacity:.55}.trait[data-state=max]{box-shadow:inset 0 0 0 2px rgba(var(--tint),.9),0 14px 26px -10px #0009}.traits{gap:16px;margin-bottom:14px}@media(hover:hover)and (pointer:fine){.node:hover{transform:scale(1.06);box-shadow:inset 0 0 0 2px rgba(var(--tint),.95),0 18px 30px -10px #000000a6}.strain[data-state=sel]:hover{transform:scale(1.1)}}.codex{gap:8px}.codex .cap{position:relative;width:34px;height:34px;border-radius:50%;opacity:.38;filter:grayscale(1) brightness(.7);box-shadow:inset 0 0 0 1px #ffd27a66;transition:opacity .3s ease,filter .3s ease}.codex .cap.lit{opacity:1;filter:none;box-shadow:inset 0 0 0 1.5px #ffd27ae6,0 0 10px #ffd27a4d}.codex canvas,.genome canvas{position:absolute;inset:8%;width:84%;height:84%}.genome{gap:10px;align-items:flex-start}.genome .g{position:relative;width:46px;height:46px;border-radius:50%;opacity:.35;background:radial-gradient(circle at 48% 42%,#1207168c 30%,#0c0410d9);box-shadow:inset 0 0 0 1px #ffe6d240}.genome .g.got{opacity:1;box-shadow:inset 0 0 0 1.5px #ffe6d299}.genome .g.head{width:58px;height:58px;opacity:1;box-shadow:inset 0 0 0 2px #ffe6d2bf;margin-right:8px}.genome .g.cap{box-shadow:inset 0 0 0 1.5px #ffd27a99}.genome .g.cap.got{box-shadow:inset 0 0 0 2px #ffd27a,0 0 12px #ffd27a73}.genome .g .pips,.genome .g .req{position:absolute;left:50%;top:calc(100% + 5px);translate:-50% 0}.genome .g .pips i{width:5px;height:5px}.genome .g .req{display:flex;flex-direction:column;gap:3px}.genome .sep{width:1px;align-self:stretch;background:#ffe6d233;margin:0 6px}.genome .g:not(.got) .pips{opacity:.6}#overlay[data-mode=pause] .genome{margin-bottom:18px}#overlay[data-mode=death],#overlay[data-mode=pause],#overlay.hubbed{background:radial-gradient(circle at 50% 46%,#0a02048c,#050102e0 80%)}#overlay.hubbed #overlayTitle{font-size:clamp(44px,9vmin,120px)}