@font-face{font-family:Permanent Marker;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/permanent-marker-latin-400-normal-BF23djCy.woff2) format("woff2"),url(/assets/permanent-marker-latin-400-normal-BnZj5c41.woff) format("woff");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{--paper: #efe7d4;--ink: #2b2622;--red: #d2402e;--blue: #2f5bbf;--gold: #f3cf3a;--ink-soft: color-mix(in srgb, var(--ink) 55%, transparent);--ink-faint: color-mix(in srgb, var(--ink) 18%, transparent);--ease-out: cubic-bezier(.23, 1, .32, 1);--ease-focal: cubic-bezier(.16, 1, .3, 1);--display: "Permanent Marker", "Comic Sans MS", cursive;--round-a: 52% 48% 50% 46% / 47% 53% 48% 52%;--round-b: 47% 53% 46% 54% / 53% 46% 54% 47%;--box: 255px 15px 225px 15px / 15px 225px 15px 255px;--drop: 3px 4px 0 var(--ink-faint)}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background:var(--paper);color:var(--ink);font-family:var(--display);user-select:none;-webkit-tap-highlight-color:transparent}::selection{background:color-mix(in srgb,var(--gold) 70%,transparent);color:var(--ink)}:focus-visible{outline:2px dashed var(--blue);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:38px;height:38px;padding:6px;z-index:5;border:2px solid var(--ink);border-radius:var(--round-a);cursor:pointer;opacity:.6;background:var(--paper);box-shadow:var(--drop);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%,color-mix(in srgb,var(--paper) 35%,transparent),color-mix(in srgb,var(--paper) 88%,transparent) 75%);z-index:4}#choiceCards{display:flex;gap:clamp(28px,6vmin,80px)}.bubble{--tint: var(--blue);position:relative;width:clamp(140px,21vmin,240px);aspect-ratio:1;border-radius:var(--round-a);cursor:pointer;background:var(--paper);border:3px solid var(--ink);box-shadow:5px 7px 0 var(--ink-faint);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:before{content:"";position:absolute;inset:-7px -5px -4px -6px;border-radius:var(--round-b);pointer-events:none;border:1.5px solid var(--ink-soft);rotate:-4deg}.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:28px;height:26px;border-radius:var(--box);display:grid;place-items:center;font:15px/1 var(--display);color:var(--ink);background:var(--paper);border:2px solid var(--ink);box-shadow:2px 3px 0 var(--ink-faint);opacity:.8}@media(hover:hover)and (pointer:fine){.bubble:hover{transform:scale(1.06) rotate(-1.5deg);box-shadow:7px 10px 0 var(--ink-faint),inset 0 0 0 4px color-mix(in srgb,var(--tint) 35%,transparent)}#choiceCards:has(.bubble:hover) .bubble:not(:hover){opacity:.5}}@keyframes wob{0%,to{border-radius:52% 48% 50% 46%/47% 53% 48% 52%;translate:0 0}33%{border-radius:46% 54% 48% 52%/53% 47% 51% 49%;translate:0 -6px}66%{border-radius:53% 47% 51% 49%/48% 52% 47% 53%;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%,color-mix(in srgb,var(--paper) 20%,transparent),color-mix(in srgb,var(--paper) 82%,transparent) 78%);cursor:pointer;z-index:3}#overlayTitle{position:relative;font-family:var(--display);font-weight:400;font-size:clamp(56px,12vmin,168px);line-height:1;letter-spacing:.02em;color:var(--ink);display:flex}#overlayTitle:before{content:"";position:absolute;left:-4%;right:-3%;top:42%;height:42%;z-index:-1;background:var(--gold);opacity:.75;border-radius:4px 14px 6px 18px;rotate:-1.5deg}#overlayTitle span{display:inline-block;transform-origin:50% 80%}#overlayTitle span:nth-child(odd){rotate:-3deg}#overlayTitle span:nth-child(3n){rotate:4deg;translate:0 .03em}#glyphs{display:flex;gap:4vmin;align-items:center}#glyphs .g{height:7.4vmin;overflow:visible}#glyphs .base{fill:var(--ink-faint);stroke:none}#glyphs .cap,#glyphs .mouse{fill:var(--paper);stroke:var(--ink);stroke-width:2.2}#glyphs .key text{fill:var(--ink);font:16px var(--display);text-anchor:middle}#glyphs .lit{fill:var(--blue)}#glyphs .seam{stroke:var(--ink);stroke-width:2}#glyphs .arrow{fill:var(--ink)}#glyphs .streak{fill:none;stroke:var(--ink);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}#glyphs .ring{fill:none;stroke:var(--blue);stroke-width:3}#glyphs .ring.faint{opacity:.45}#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) rotate(-3deg)}}#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=gold]{--tint: var(--gold)}.bubble[data-cap]{--tint: var(--gold);background:radial-gradient(circle at 50% 50%,var(--paper) 58%,color-mix(in srgb,var(--gold) 70%,var(--paper)) 60%)}.bubble[data-cap]:after{content:"";position:absolute;inset:-13px;border-radius:50%;pointer-events:none;border:2px dashed var(--ink-soft);animation:turn 14s linear infinite}@keyframes turn{to{rotate:1turn}}.pips{display:flex;gap:4px;justify-content:center}.pips i{width:8px;height:8px;border-radius:var(--round-a);border:1.5px solid var(--ink-soft)}.pips i.on{background:var(--ink);border-color:var(--ink)}.pips i.next{background:var(--tint, var(--blue));border-color:var(--ink);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:6%;left:50%;translate:-50% 0;width:13px;height:13px;rotate:45deg;background:var(--gold);border:2px solid var(--ink)}#choice{flex-direction:column;gap:56px}#reroll{display:flex;align-items:center;gap:8px;padding:8px 14px 8px 10px;border-radius:var(--box);cursor:pointer;color:var(--ink);font:17px/1 var(--display);background:var(--paper);border:2px solid var(--ink);box-shadow:var(--drop);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:color-mix(in srgb,var(--gold) 45%,var(--paper))}}#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:clamp(18px,2.6vmin,30px)/1 var(--display);font-variant-numeric:tabular-nums;color:var(--ink)}.stat .glyph{opacity:.85}.stat.rings{font-size:clamp(22px,3.4vmin,40px)}.stat.rings .glyph{color:var(--ink);background:radial-gradient(circle,var(--gold) 55%,transparent 58%);border-radius:50%}.stat.rings .num{min-width:2.2ch;text-align:left}.stat .gain{font-size:.6em;color:var(--ink-soft)}.stat.best.fresh{color:var(--red);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: var(--blue);position:relative;border:2.5px solid var(--ink);border-radius:var(--round-a);cursor:pointer;aspect-ratio:1;background:var(--paper);box-shadow:4px 5px 0 var(--ink-faint);transition:transform .18s var(--ease-out),box-shadow .18s ease,opacity .18s ease,filter .18s ease}.node:nth-child(2n){border-radius:var(--round-b)}.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:15px/1 var(--display);font-variant-numeric:tabular-nums;color:var(--ink)}.node .price .glyph{background:radial-gradient(circle,var(--gold) 55%,transparent 58%);border-radius:50%}.node .price.poor{color:var(--ink-soft)}.node .price.poor .glyph{background:none}.node .pipwrap{position:absolute;left:0;right:0;bottom:9%}.strain{width:clamp(76px,10.5vmin,120px)}.strain[data-state=locked]{border-style:dashed;box-shadow:none}.strain[data-state=locked] canvas{opacity:.35}.strain[data-state=sel]{transform:scale(1.08) rotate(-2deg);border-width:3.5px;box-shadow:5px 6px 0 var(--ink-faint),inset 0 0 0 5px color-mix(in srgb,var(--blue) 30%,transparent)}.strains{gap:22px;margin-bottom:14px}.trait{width:clamp(56px,7.4vmin,84px);--tint: var(--gold)}.trait[data-state=none] canvas{opacity:.55}.trait[data-state=max]{background:radial-gradient(circle at 50% 50%,var(--paper) 60%,color-mix(in srgb,var(--gold) 70%,var(--paper)) 62%)}.traits{gap:16px;margin-bottom:14px}@media(hover:hover)and (pointer:fine){.node:hover{transform:scale(1.06) rotate(1.5deg);box-shadow:6px 8px 0 var(--ink-faint)}.strain[data-state=sel]:hover{transform:scale(1.1) rotate(-2deg)}}.codex{gap:8px}.codex .cap{position:relative;width:36px;height:36px;border-radius:var(--round-a);opacity:.4;border:1.5px dashed var(--ink-soft);transition:opacity .3s ease}.codex .cap.lit{opacity:1;border:2px solid var(--ink);background:radial-gradient(circle,color-mix(in srgb,var(--gold) 65%,var(--paper)) 60%,var(--paper) 63%)}.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:var(--round-a);opacity:.4;background:var(--paper);border:1.5px dashed var(--ink-soft)}.genome .g.got{opacity:1;border:2px solid var(--ink)}.genome .g.head{width:58px;height:58px;opacity:1;border:3px solid var(--ink);margin-right:8px;box-shadow:var(--drop)}.genome .g.cap.got{background:radial-gradient(circle,var(--paper) 58%,color-mix(in srgb,var(--gold) 70%,var(--paper)) 60%)}.genome .g .pips,.genome .g .req{position:absolute;left:50%;top:calc(100% + 5px);translate:-50% 0}.genome .g .pips i{width:6px;height:6px}.genome .g .req{display:flex;flex-direction:column;gap:3px}.genome .sep{width:0;align-self:stretch;border-left:2px dashed var(--ink-soft);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%,color-mix(in srgb,var(--paper) 72%,transparent),color-mix(in srgb,var(--paper) 94%,transparent) 80%)}#overlay.hubbed #overlayTitle{font-size:clamp(44px,9vmin,120px)}