@keyframes drop{0%{transform-origin:top;transform:scaleY(0)}50%{transform-origin:top;transform:scaleY(1)}51%{transform-origin:bottom}to{transform-origin:bottom;transform:scaleY(0)}}@keyframes blink{0%,45%,to{opacity:1}50%,60%{opacity:.15}}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes hop{0%,to{transform:translateY(0)}30%{transform:translateY(-16px)}50%{transform:translateY(0)}}@keyframes scan{0%{transform:translateY(-60px)}to{transform:translateY(60px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes spinr{to{transform:rotate(-360deg)}}@keyframes pop{0%{opacity:0;transform:translateY(10px)scale(.97)}to{opacity:1;transform:none}}@keyframes glide{0%,to{transform:translate(0)}50%{transform:translate(150px)}}@keyframes magpulse{0%,to{opacity:.25}50%{opacity:.9}}@keyframes cubeflip{0%,20%{transform:rotateX(0)}25%,45%{transform:rotateX(90deg)}50%,70%{transform:rotateX(180deg)}75%,95%{transform:rotateX(270deg)}to{transform:rotateX(360deg)}}@keyframes paperfeed{0%{transform:translateY(-70px)}60%,to{transform:translateY(0)}}@keyframes paperfade{0%,55%{opacity:1}75%,to{opacity:0}}@keyframes ledblink{0%,to{opacity:.3}50%{opacity:1}}@keyframes snap1{0%,10%{opacity:0;transform:translate(-90px,-60px)rotate(-12deg)}40%,to{opacity:1;transform:none}}@keyframes snap2{0%,30%{opacity:0;transform:translate(100px,-70px)rotate(10deg)}60%,to{opacity:1;transform:none}}@keyframes snap3{0%,50%{opacity:0;transform:translate(20px,90px)rotate(-6deg)}80%,to{opacity:1;transform:none}}@keyframes glowin{0%,78%{opacity:0}90%,to{opacity:1}}@keyframes zoom{0%,15%{transform:scale(1)}50%,65%{transform:scale(3.2)}to{transform:scale(1)}}@keyframes scanmove{0%{transform:translateY(-8px)}to{transform:translateY(8px)}}@keyframes swapA{0%,28%{opacity:1}33%,95%{opacity:0}to{opacity:1}}@keyframes swapB{0%,33%{opacity:0}38%,61%{opacity:1}66%,to{opacity:0}}@keyframes swapC{0%,66%{opacity:0}71%,95%{opacity:1}to{opacity:0}}@keyframes handin{0%,15%{opacity:0;transform:translate(120px)}40%,60%{opacity:1;transform:translate(0)}85%,to{opacity:0;transform:translate(120px)}}@keyframes lighton{0%,35%{opacity:0}45%,70%{opacity:1}85%,to{opacity:0}}@keyframes eyes{0%,20%{transform:translate(0)}30%,45%{transform:translate(-10px)}55%,75%{transform:translate(10px)}85%,to{transform:translate(0)}}@keyframes eyeblink{0%,46%,50%,to{transform:scaleY(1)}48%{transform:scaleY(.08)}}@keyframes headtilt{0%,55%{transform:rotate(0)}65%,80%{transform:rotate(-7deg)}90%,to{transform:rotate(0)}}@keyframes fingerin{0%,50%{opacity:0;transform:translate(60px,-40px)}62%,78%{opacity:1;transform:translate(0)}88%,to{opacity:0;transform:translate(60px,-40px)}}@keyframes legA{0%,to{transform:rotate(-14deg)}50%{transform:rotate(14deg)}}@keyframes legB{0%,to{transform:rotate(14deg)}50%{transform:rotate(-14deg)}}@keyframes crawl{0%,to{transform:translate(-30px)}50%{transform:translate(30px)}}@keyframes eq{0%,to{transform:scaleY(.2)}50%{transform:scaleY(1)}}@keyframes ringglow{0%,to{opacity:.35;stroke-width:6px}50%{opacity:1;stroke-width:9px}}@keyframes ledstep{0%,24%{opacity:.2}25%,to{opacity:1}}@keyframes bob{0%,to{transform:translateY(0)rotate(0)}30%{transform:translateY(-10px)rotate(-3deg)}60%{transform:translateY(-4px)rotate(3deg)}}@keyframes wave{0%,60%,to{transform:rotate(0)}70%{transform:rotate(-40deg)}80%{transform:rotate(-15deg)}90%{transform:rotate(-40deg)}}@media (max-width:1280px){.burger{display:flex}}@media (max-width:900px){.constellation{order:-1;max-height:48vh;margin-top:-20px}}.px{fill:var(--ink);opacity:.12;transition:opacity .25s}.px.on{opacity:1}.orbit .ring{pointer-events:none;border:1px dashed #17191a2e;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.orbit .ring.r1{width:38%;height:38%}.orbit .ring.r2{width:64%;height:64%}.orbit .ring.r3{border-color:#2f5bff40;width:90%;height:90%}.cat-grid .num{color:var(--grey);font-size:12px;font-weight:700}@media (max-width:1000px){.cat-panel{position:static}}@media (max-width:700px){.orbit,.cat-panel{display:none}.cat-grid{display:grid}.cat-stats{grid-template-columns:1fr 1fr}}.seg{border:1px solid var(--line);background:#ffffff80;border-radius:999px;padding:3px;display:inline-flex}.seg button{min-height:38px;color:var(--ink2);border-radius:999px;padding:0 14px;font-size:13px;font-weight:600}.seg button[aria-pressed=true]{background:var(--ink);color:var(--bg)}.hp:nth-child(2n) .hp-vis{order:2}.hp-vis{background:var(--bg);justify-content:center;align-items:center;min-height:260px;padding:30px;display:flex;position:relative;overflow:hidden}.hp-vis svg{width:min(100%,320px);height:auto;overflow:visible}.hp-vis .vis-note{letter-spacing:.1em;text-transform:uppercase;color:var(--grey);font-size:10px;font-weight:600;position:absolute;bottom:14px;left:16px}.score .bar{background:var(--bg2);border-radius:4px;flex:1;height:4px;overflow:hidden}.score .bar i{background:var(--ink);width:0;height:100%;transition:width 1.2s var(--ease);display:block}@media (max-width:800px){.hp:nth-child(2n) .hp-vis{order:0}.hp-vis{min-height:220px}}.inter .row .bar{background:#f4f2ec1a;border-radius:6px;flex:1;height:6px;overflow:hidden}.inter .row .bar i{background:var(--sage);height:100%;width:var(--w);transition:width .6s var(--ease);display:block}@media (max-width:1000px){.aud-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:700px){.aud-grid{grid-template-columns:1fr 1fr}.aud-detail{grid-template-columns:1fr}.aud{min-height:0}}.fam .body{flex-direction:column;flex:1;gap:8px;padding:22px;display:flex}.fam .body h3{letter-spacing:.18em;font-size:14px;font-weight:800}.fam .body h3 small{letter-spacing:0;color:var(--grey);text-transform:none;margin-top:4px;font-size:13px;font-weight:500;display:block}.fam .body p{color:var(--ink2);margin:0;font-size:14px}@media (max-width:900px){.fam-grid{grid-template-columns:1fr 1fr}}@media (max-width:600px){.fam-grid{grid-template-columns:1fr}}.stage .dots i.on{background:var(--ink)}.donut circle.seg{fill:none;stroke-width:26px;cursor:pointer;transition:stroke-width .3s,opacity .3s}.donut circle.seg.dim{opacity:.3}.donut circle.seg.hl{stroke-width:34px}.donut .center{text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.donut .center b{font-family:var(--serif);font-size:52px;font-weight:300;line-height:1}.donut .center small{color:var(--grey);letter-spacing:.1em;text-transform:uppercase;max-width:160px;margin-top:4px;font-size:12px;font-weight:600}@media (max-width:1000px){.alloc{grid-template-columns:1fr}}.scrim.on{opacity:1;pointer-events:auto}.toast.on{opacity:1;transform:translate(-50%)}@media (max-width:600px){.cluster-map{grid-template-columns:1fr}}.hp-vis .demo{transition:transform .25s var(--ease);transform-style:preserve-3d}.cc{border:1px solid var(--line);background:var(--bg);animation:pop .5s var(--ease) both;border-radius:14px;padding:20px}.cc:nth-child(2){animation-delay:70ms}.cc:nth-child(3){animation-delay:.14s}.cc:nth-child(4){animation-delay:.21s}.cc b{letter-spacing:.14em;text-transform:uppercase;font-size:12px;font-weight:800;display:block}.cc .p{font-family:var(--serif);margin:8px 0;font-size:28px;font-weight:300;line-height:1.1}.cc span{color:var(--ink2);font-size:14px;display:block}@media (max-width:900px){.constellation{order:0;margin-top:6px}}.tag,.vis-note,.ring-hint,.obj-label,.hp .role,.cluster-tag,.vid-note,.sup-head b,.stat span,.orbit-center small,.cat-panel .en,.life-row>b,.heat th,.plan-table th,.compare th,.tier,.pron,.fam .cnt,.fam .ml,.fam .sub span,.cc b,.rule b,.vectors li b,.sup-row small,.chip small,.kpm b,.legend span,.sh-head .en{font-size:12px}.lintRange{touch-action:pan-y}@media (hover:none){.hp:hover,#ilk20 .hp:hover,.fam:hover,.lc:hover,.btn:hover,.vid:hover{box-shadow:none;transform:none}.btn:hover .arr{transform:none}}@media (max-width:700px){.chips-x{scrollbar-width:none;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000,#000 14px calc(100% - 28px),#0000);mask-image:linear-gradient(90deg,#0000,#000 14px calc(100% - 28px),#0000);flex-wrap:nowrap!important;margin-left:-16px!important;margin-right:-16px!important;padding:2px 16px 6px!important}.chips-x::-webkit-scrollbar{display:none}.chips-x .chip{flex:none}.life-row .filters{margin-top:6px}}.totop.on{opacity:1;pointer-events:auto;transform:none}@media (max-width:700px){.ring-hint{bottom:-6px}.ring3d .ring-label{bottom:30px!important}}#ilk20 .hp:nth-child(2n) .hp-vis{order:0}#ilk20 .hp-vis{min-height:230px;padding:24px}.demo{width:100%;max-width:320px}.demo svg{width:100%;height:auto;overflow:visible}.demo *{transform-box:fill-box}.tb{transform-origin:50%}.d-slider .body{animation:2.6s cubic-bezier(.65,0,.35,1) infinite glide}.d-slider .mag{animation:1.3s ease-in-out infinite magpulse}.d-slider .mag:nth-child(2){animation-delay:.3s}.d-slider .mag:nth-child(3){animation-delay:.6s}.cube3d{perspective:700px;width:150px;height:150px;margin:0 auto}.cube3d .c{width:100%;height:100%;transform-style:preserve-3d;animation:6s cubic-bezier(.7,0,.3,1) infinite cubeflip;position:relative}.cube3d .f{border:1px solid var(--line);font-family:var(--serif);backface-visibility:hidden;box-shadow:inset 0 0 0 10px var(--bg);background:#fff;border-radius:14px;justify-content:center;align-items:center;font-size:56px;font-weight:300;display:flex;position:absolute;inset:0}.cube3d .f small{font-family:var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--grey);font-size:11px;position:absolute;bottom:16px}.cube3d .f.a{transform:translateZ(75px)}.cube3d .f.b{transform:rotateX(-90deg)translateZ(75px)}.cube3d .f.cc{transform:rotateX(180deg)translateZ(75px)}.cube3d .f.d{background:var(--ink);color:var(--bg);transform:rotateX(90deg)translateZ(75px);box-shadow:inset 0 0 0 10px #2a2c2e}.d-lint .wipe{transform:translateX(calc(var(--p,0) * 1px))}.d-label .paper{animation:3.4s cubic-bezier(.3,.7,.3,1) infinite paperfeed}.d-label .paperw{animation:3.4s linear infinite paperfade}.d-label .led{animation:.8s ease-in-out infinite ledblink}.d-sphere .r1{animation:6s linear infinite spin}.d-sphere .r2{animation:4.5s linear infinite spinr}.d-sphere .r3{animation:8s linear infinite spin}.d-reflex .pad{transition:fill .12s,filter .12s}.d-reflex .pad.on{fill:#2f5bff;filter:drop-shadow(0 0 8px #2f5bff99)}.d-reflex .pad.win{fill:#6f7e6f}.d-spoon .fill{transform-origin:bottom;transition:transform .15s linear}.d-blocks .b1{animation:5s cubic-bezier(.3,1.2,.4,1) infinite snap1}.d-blocks .b2{animation:5s cubic-bezier(.3,1.2,.4,1) infinite snap2}.d-blocks .b3{animation:5s cubic-bezier(.3,1.2,.4,1) infinite snap3}.d-blocks .glow{animation:5s infinite glowin}.d-scope .cells{animation:6s cubic-bezier(.6,0,.3,1) infinite zoom}.d-routine .seg{stroke-dasharray:var(--l) 1000;animation:auto;animation-timeline:none}.d-routine .hand{animation:12s linear infinite spin}.d-gears .g1{animation:8s linear infinite spin}.d-gears .g2{animation:5.3s linear infinite spinr}.d-gears .g3{animation:4s linear infinite spin}.d-tv .scan{animation:.5s linear infinite alternate scanmove}.d-badge .fa{animation:7.5s step-end infinite swapA}.d-badge .fb{animation:7.5s step-end infinite swapB}.d-badge .fc{animation:7.5s step-end infinite swapC}.d-cabinet .hand{animation:4.5s ease-in-out infinite handin}.d-cabinet .light{animation:4.5s infinite lighton}.d-robot .eyes{animation:5s ease-in-out infinite eyes}.d-robot .eye{transform-origin:50%;animation:5s infinite eyeblink}.d-robot .head{transform-origin:50% 100%;animation:5s infinite headtilt}.d-robot .finger{animation:5s infinite fingerin}.d-bug .la{transform-origin:0;animation:.35s ease-in-out infinite legA}.d-bug .lb{transform-origin:100%;animation:.35s ease-in-out infinite legB}.d-bug .bugbody{animation:4s ease-in-out infinite crawl}.d-sound .bar{transform-origin:bottom;animation:1.4s ease-in-out infinite eq}.d-mirror .ring{animation:3s ease-in-out infinite ringglow}.d-mirror .lvl{animation:3s step-end infinite ledstep}.d-mirror .lvl:nth-child(2){animation-delay:.6s}.d-mirror .lvl:nth-child(3){animation-delay:1.2s}.d-mirror .lvl:nth-child(4){animation-delay:1.8s}.d-shoulder .bot{transform-origin:bottom;animation:3.5s ease-in-out infinite bob}.d-shoulder .arm{transform-origin:top;animation:3.5s infinite wave}.d-shoulder .eye{transform-origin:50%;animation:3.5s infinite eyeblink}.m-life .b{transform-origin:50%;animation:3.6s ease-in-out infinite breathe}.m-play .d{animation:1.6s cubic-bezier(.4,0,.2,1) infinite hop}.m-play .d:nth-child(2){animation-delay:.2s}.m-play .d:nth-child(3){animation-delay:.4s}.hero-robot .eye{transform-origin:50%;animation:6s infinite eyeblink}.hero-sphere .r1{animation:10s linear infinite spin}.hero-sphere .r2{animation:7s linear infinite spinr}.paused,.paused *{animation-play-state:paused!important}
