@font-face{font-family:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(data:font/woff2;base64,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)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/hanken-grotesk-vietnamese-wght-normal-CHiFlh_0.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/hanken-grotesk-latin-ext-wght-normal-Dg-wlmqe.woff2)format("woff2-variations");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:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/hanken-grotesk-latin-wght-normal-CaVRRdDk.woff2)format("woff2-variations");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{--abyss:#05040a;--deep:#120e1e;--pearl:#efe7e4;--mauve:#8f86a6;--coral:#f4623d;--violet:#7c5cff;--body:"Hanken Grotesk Variable", ui-sans-serif, system-ui, sans-serif;--t-hero:clamp(2.35rem, 1.2rem + 3vw, 4rem);--t-md:.9375rem;--t-sm:.8125rem;--t-xs:.75rem;--edge:clamp(16px, 2.4vw, 36px);--ease:cubic-bezier(.2, .7, .2, 1);--back:cubic-bezier(.3, 1.5, .5, 1);--glass:color-mix(in oklab, var(--abyss) 56%, transparent);--line:color-mix(in oklab, var(--pearl) 14%, transparent);--soft:color-mix(in oklab, var(--pearl) 66%, transparent)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;background:var(--abyss)}body{background:var(--abyss);min-height:100svh;color:var(--pearl);font-family:var(--body);font-size:var(--t-md);-webkit-font-smoothing:antialiased;margin:0;line-height:1.4;overflow:hidden}button,input{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}a{color:inherit}h1,p,ol,ul{margin:0;padding:0;list-style:none}:focus-visible{outline:2px solid rgb(var(--accent,244 98 61));outline-offset:3px}.top{z-index:20;left:var(--edge);top:calc(var(--edge) - 2px);animation:fade 1.2s var(--ease) both;position:fixed}.top img{width:auto;height:26px;display:block}@keyframes fade{0%{opacity:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.tank{--accent:244 98 61;isolation:isolate;background:var(--abyss);height:100svh;min-height:560px;position:relative;overflow:hidden}.tank__gl{opacity:0;touch-action:manipulation;cursor:grab;width:100%;height:100%;transition:opacity 1.2s var(--ease);display:block;position:absolute;inset:0}.tank[data-state=ready] .tank__gl{opacity:1}.tank__gl:active{cursor:grabbing}.tank__poster{background:url(/poster.jpg) 50%/cover no-repeat;position:absolute;inset:0}.tank__wait{background:radial-gradient(circle at 36% 30%, color-mix(in oklab, var(--pearl) 70%, transparent), rgb(var(--accent) / .4) 42%, transparent 72%);width:72px;height:72px;animation:wait 1.4s var(--ease) infinite alternate;border-radius:50%;margin:-36px;position:absolute;top:44%;left:58%}@keyframes wait{to{opacity:.45;transform:scale(1.3)}}.words{z-index:3;left:var(--edge);pointer-events:none;width:min(34vw,520px);position:absolute;top:50%;translate:0 -58%}.words h1{font-size:var(--t-hero);letter-spacing:-.032em;text-wrap:balance;font-weight:620;line-height:1.04}.words h1 span{color:rgb(var(--accent));text-shadow:0 0 34px rgb(var(--accent) / .42);transition:color .9s var(--ease), text-shadow .9s var(--ease)}.words p{color:var(--soft);max-width:24em;margin-top:16px}.motion .words [data-reveal]:not(.is-in){opacity:0;filter:blur(8px);transform:translateY(20px)}.words [data-reveal]{transition:opacity 1.1s var(--ease), transform 1.3s var(--ease), filter 1.1s var(--ease)}.words p[data-reveal]{transition-delay:.18s}.genes{z-index:3;right:var(--edge);width:196px;animation:slide-in 1.3s .4s var(--ease) both;position:absolute;top:50%;translate:0 -56%}@keyframes slide-in{0%{opacity:0;transform:translate(16px)}}.genes__gen{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.genes__gen b{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:1.25rem;font-weight:620}.genes__gen span{font-size:var(--t-sm);color:rgb(var(--accent));transition:color .9s var(--ease)}.stages{grid-template-columns:repeat(5,1fr);gap:4px;margin:10px 0 18px;display:grid}.stages li{background:var(--line);height:2px;transition:background .7s var(--ease);border-radius:2px}.stages li.is-on{background:rgb(var(--accent))}.meters{gap:9px;display:grid}.meters li{font-size:var(--t-xs);color:var(--soft);transition:color .3s var(--ease);grid-template-columns:52px 1fr 24px;align-items:center;gap:10px;display:grid}.meters i{background:var(--line);border-radius:2px;height:2px;display:block;position:relative;overflow:hidden}.meters i:after{content:"";transform-origin:0;transform:scaleX(var(--v));background:var(--pearl);transition:transform .9s var(--back), background .5s var(--ease);position:absolute;inset:0}.meters b{text-align:right;font-variant-numeric:tabular-nums;font-weight:500}.meters li.is-hot{color:var(--pearl)}.meters li.is-hot i:after{background:rgb(var(--accent))}.share{font-size:var(--t-xs);color:var(--soft);text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);text-underline-offset:3px;transition:color .2s var(--ease);margin-top:18px}.share:hover{color:var(--pearl)}.lineage{z-index:3;right:var(--edge);bottom:var(--edge);flex-direction:row-reverse;gap:8px;display:flex;position:absolute}.lineage li{animation:bud .7s var(--back) both}@keyframes bud{0%{opacity:0;transform:scale(.4)}}.lineage button{border:1px solid var(--line);width:44px;height:44px;transition:transform .26s var(--back), border-color .2s var(--ease);border-radius:50%;display:block;overflow:hidden}.lineage button:hover{border-color:rgb(var(--accent));transform:scale(1.14)}.lineage img{object-fit:cover;width:100%;height:100%;display:block}.thread{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.thread path{stroke:color-mix(in oklab, var(--pearl) 30%, transparent);stroke-width:1px}.tagbox{z-index:4;left:var(--edge);bottom:var(--edge);max-width:min(400px,42vw);animation:tag-in 1.4s .9s var(--back) both;transform-origin:20px 16px;position:absolute}@keyframes tag-in{0%{opacity:0;transform:rotate(-9deg)translateY(16px)}}.tag{background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);border-radius:8px 14px 14px 8px;gap:8px;padding:11px 16px 11px 34px;display:grid;position:relative}.tag__hole{border:1px solid color-mix(in oklab, var(--pearl) 44%, transparent);background:var(--abyss);border-radius:50%;width:11px;height:11px;position:absolute;top:12px;left:13px}.tag__row{flex-wrap:wrap;align-items:baseline;gap:4px 12px;display:flex}.tag__ticker{letter-spacing:-.01em;font-weight:650}.tag__status{font-size:var(--t-sm);color:var(--soft)}.tag.is-live .tag__status{color:rgb(var(--accent))}.tag__mint{font:500 var(--t-xs) / 1.4 var(--body);overflow-wrap:anywhere;color:var(--pearl)}.tag__acts{font-size:var(--t-xs)}.tag__acts button,.tag__acts a{color:var(--soft);text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);text-underline-offset:3px}.tag__acts button:hover,.tag__acts a:hover,.tag__links a:hover{color:var(--pearl)}.tag__links{font-size:var(--t-xs);color:var(--soft);gap:12px;display:flex}.tag__links a{text-underline-offset:3px}.dock{z-index:5;left:50%;bottom:var(--edge);width:min(590px, calc(100vw - 2 * var(--edge)));animation:rise 1.3s .6s var(--ease) both;align-items:stretch;gap:8px;display:flex;position:absolute;translate:-50%}@keyframes rise{0%{opacity:0;transform:translateY(24px)}}.say{background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(16px);min-width:0;height:54px;transition:border-color .22s var(--ease);border-radius:27px;flex:1;align-items:center;padding:0 6px 0 20px;display:flex}.say:focus-within{border-color:rgb(var(--accent) / .8)}.say.is-no{animation:no .4s var(--ease)}@keyframes no{20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.say input{background:0 0;border:0;outline:0;flex:1;min-width:0;height:100%}.say input::placeholder{color:var(--soft)}.say button{width:42px;height:42px;color:var(--abyss);background:var(--pearl);transition:transform .22s var(--back), background .3s var(--ease);border-radius:50%;flex:none;place-items:center;display:grid}.say button:hover{background:rgb(var(--accent));transform:scale(1.08)}.acts{gap:8px;display:flex}.acts button{width:64px;height:54px;color:var(--soft);background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(16px);transition:transform .22s var(--back), color .2s var(--ease), border-color .2s var(--ease);border-radius:18px;align-content:center;justify-items:center;gap:2px;font-size:.6875rem;display:grid}.acts button:hover{color:var(--pearl);border-color:rgb(var(--accent) / .8);transform:translateY(-3px)}.acts button:active{transform:scale(.94)}.pops{z-index:4;pointer-events:none;position:absolute;inset:0;overflow:hidden}.pops span{font-size:var(--t-sm);white-space:nowrap;color:var(--pearl);background:var(--glass);border:1px solid rgb(var(--accent) / .5);-webkit-backdrop-filter:blur(10px);animation:pop 2.6s var(--ease) both;border-radius:14px;padding:4px 11px;font-weight:560;position:absolute;translate:-50% -50%}@keyframes pop{0%{opacity:0;transform:translateY(8px)scale(.86)}12%{opacity:1;transform:translateY(0)scale(1)}72%{opacity:1}to{opacity:0;transform:translateY(-34px)}}@media (width<=900px){.words{width:auto;top:66px;right:var(--edge);translate:0}.words p{font-size:var(--t-sm);margin-top:8px}.genes{width:132px;top:20px;translate:0}.genes__gen b{font-size:1rem}.stages{margin:7px 0 0}.meters,.share,.lineage,.thread{display:none}.tagbox{max-width:none;right:var(--edge);bottom:calc(var(--edge) + 126px)}.tagbox .tag{width:fit-content;max-width:100%}.dock{flex-direction:column;gap:8px}.say{flex:none}.acts button{flex:1;width:auto;height:50px}}@media (height<=640px) and (width>=901px){.meters li:nth-child(n+5){display:none}}
