/* Mutant Island: an illuminated incubation chamber, drawn before the app loads. */
.nexus-entrance{--charge:8%;position:fixed;inset:0;z-index:99999;overflow:hidden;background:#060e0d;color:#edf7ef;font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;isolation:isolate}
.nexus-entrance *{box-sizing:border-box}
.incubator-door{position:absolute;inset:0;width:50.1%;background:radial-gradient(ellipse at 100% 47%,#1e43313d,transparent 65%),linear-gradient(120deg,#091411,#060e0d);z-index:-2;transition:transform .85s cubic-bezier(.76,0,.24,1)}
.door-left{border-right:1px solid #bee89410}.door-right{left:50%;background:radial-gradient(ellipse at 0 47%,#1e43313d,transparent 65%),linear-gradient(240deg,#091411,#060e0d)}
.incubator-door::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 119px,#b8e6c904 120px),repeating-linear-gradient(0deg,transparent 0 119px,#b8e6c904 120px);mask-image:linear-gradient(transparent,#0008,transparent)}
.incubator-particles{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
.incubator-top,.incubator-bottom{position:absolute;left:clamp(22px,5vw,80px);right:clamp(22px,5vw,80px);display:flex;justify-content:space-between;gap:18px;font-size:9px;letter-spacing:.18em;color:#8fa799}
.incubator-top{top:35px}.incubator-top>span:first-child{display:flex;align-items:center;gap:10px;color:#d4e3ce}.incubator-top i{width:5px;height:5px;background:#c5e984;border-radius:50%;box-shadow:0 0 12px #c5e984}
.incubator-bottom{bottom:32px}.incubator-caption{font-size:11px;letter-spacing:.25em}.incubator-code{color:#61796e}
.incubator-content{position:absolute;inset:75px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.incubator-kicker{display:flex;align-items:center;gap:16px;color:#b9d390;font-size:10px;letter-spacing:.4em;margin-bottom:20px}.incubator-kicker b{font-weight:400}.incubator-kicker span{width:28px;height:1px;background:linear-gradient(90deg,transparent,#b9d39080)}.incubator-kicker span:last-child{transform:rotate(180deg)}
.incubator-core{position:relative;width:clamp(220px,29vh,310px);aspect-ratio:1;display:grid;place-items:center;margin-bottom:27px;flex-shrink:0}
.core-aura{position:absolute;inset:-42%;border-radius:50%;background:radial-gradient(circle,#94df5e17 0,#359a4b09 38%,transparent 66%);animation:core-breathe 4s ease-in-out infinite}
.core-chamber{position:absolute;inset:0;width:100%;height:100%;overflow:visible;stroke:#b8dc8035;stroke-width:.75}.core-chamber>path:nth-child(2){stroke:#7fa58a1c}.core-chamber .chamber-energy{stroke:#d5f3a1;stroke-width:1.5;stroke-dasharray:50 740;animation:chamber-flow 4s linear infinite;filter:drop-shadow(0 0 4px #b6ec7b)}.chamber-nodes{fill:#d5f3a1;stroke:none}
.core-orbit{position:absolute;inset:-11%;border:1px solid #b6db9316;border-radius:50%}.core-orbit::after{content:"";position:absolute;width:5px;height:5px;top:calc(50% - 2px);left:-3px;background:#d9e7ad;border-radius:50%;box-shadow:0 0 14px #d9e7ad}.orbit-one{animation:orbit-drift 14s linear infinite;transform:rotateX(62deg) rotate(-28deg)}.orbit-two{inset:-17%;animation:orbit-drift-reverse 18s linear infinite}
.core-logo{position:relative;width:52%;aspect-ratio:1;border-radius:25%;background:#10251b;box-shadow:0 0 0 1px #cdf1a11c,0 16px 55px #0008,0 0 65px #b2e85e0c;animation:logo-emerge 1.1s cubic-bezier(.2,.7,.2,1) both}.core-logo img{display:block;width:100%;height:100%;object-fit:contain;border-radius:23%}.core-label{position:absolute;top:46%;font-size:7px;letter-spacing:.18em;line-height:1.9;color:#65816e}.core-label b{font-size:10px;color:#bed19e;font-weight:400}.core-label-left{left:-32px;text-align:right}.core-label-right{right:-48px}
.incubator-brand{text-align:center;animation:brand-emerge 1s .12s both}.incubator-brand h1{margin:0;color:#f0f5e8;font-size:clamp(32px,4.8vh,48px);font-weight:600;letter-spacing:.3em;text-indent:.3em;line-height:1.4}.incubator-brand>p{margin:9px 0 0;color:#9baf97;letter-spacing:.32em;font-size:9px;font-weight:500}
.incubator-loading{width:min(280px,76vw);margin-top:35px}.incubator-meter{height:2px;background:#adc98e15;overflow:visible}.incubator-meter>span{display:block;width:var(--charge);height:100%;background:linear-gradient(90deg,#536c3f,#d6f19b);box-shadow:0 0 12px #badb8050;position:relative;transition:width .4s ease}.incubator-meter>span::after{content:"";position:absolute;right:0;top:-2px;width:2px;height:6px;background:#e1f8b1}
.incubator-readout{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:14px}.entrance-status{margin:0;color:#9aa99a;font-size:10px;line-height:1.5;letter-spacing:.06em}.incubator-percent{font-size:16px;font-variant-numeric:tabular-nums;color:#d5e9b0;font-weight:300;white-space:nowrap}.incubator-percent>span{font-size:8px;margin-left:3px;color:#758b6b}
.entrance-recovery{position:absolute;bottom:70px;left:20px;right:20px;text-align:center;background:#0b1713ed;border:1px solid #b8d69130;border-radius:10px;padding:14px;margin:auto;width:fit-content;max-width:calc(100% - 40px);z-index:5}.entrance-recovery[hidden]{display:none}.entrance-recovery p{margin:0 0 8px;font-size:12px;color:#c4d1bf}.entrance-recovery a{display:inline-block;padding:8px 20px;border:1px solid #c5e9844d;color:#d5e9b0;text-decoration:none;border-radius:5px;font-size:12px}.entrance-recovery a:focus-visible{outline:2px solid #d5e9b0;outline-offset:3px}
.nexus-entrance.is-paused *{animation-play-state:paused!important}
.nexus-entrance.is-leaving{background:transparent;pointer-events:none}.is-leaving .incubator-door.door-left{transform:translateX(-101%)}.is-leaving .incubator-door.door-right{transform:translateX(101%)}.is-leaving .incubator-content{animation:chamber-open .7s cubic-bezier(.2,.7,.2,1) both}.is-leaving .incubator-particles,.is-leaving .incubator-top,.is-leaving .incubator-bottom{opacity:0;transition:opacity .3s}
html[data-entrance="revealing"] #app{animation:island-arrive .85s cubic-bezier(.2,.7,.2,1) both}
@keyframes core-breathe{50%{transform:scale(1.12);opacity:.6}}@keyframes chamber-flow{to{stroke-dashoffset:-790}}@keyframes orbit-drift{to{transform:rotateX(62deg) rotate(332deg)}}@keyframes orbit-drift-reverse{from{transform:rotateX(65deg) rotate(40deg)}to{transform:rotateX(65deg) rotate(-320deg)}}@keyframes logo-emerge{from{opacity:0;transform:scale(.8);filter:blur(8px)}to{opacity:1;transform:scale(1);filter:blur(0)}}@keyframes brand-emerge{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes chamber-open{to{opacity:0;transform:scale(1.14);filter:blur(10px)}}@keyframes island-arrive{from{opacity:.2;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}
@media(max-width:600px){.incubator-top{top:25px;font-size:7px;letter-spacing:.1em}.incubator-top>span:last-child{display:none}.incubator-bottom{bottom:25px}.incubator-code{display:none}.incubator-caption{font-size:9px}.incubator-core{width:220px;margin-bottom:25px}.core-label-left{left:-15px}.core-label-right{right:-28px}.incubator-content{inset:65px 20px}.incubator-kicker{font-size:9px;margin-bottom:23px}.incubator-brand h1{font-size:36px}.incubator-brand>p{font-size:8px;letter-spacing:.24em}.incubator-loading{margin-top:30px}}
@media(max-height:580px){.incubator-content{inset:48px 20px;display:grid;grid-template-columns:auto 240px;grid-template-rows:auto auto;column-gap:35px;align-content:center;justify-content:center}.incubator-kicker{display:none}.incubator-core{grid-row:1/3;width:200px;margin:0}.incubator-brand{align-self:end;margin-bottom:5px}.incubator-brand h1{font-size:30px}.incubator-loading{align-self:start;width:240px;margin-top:25px}.incubator-top{top:18px}.incubator-bottom{bottom:18px}.core-label{display:none}.entrance-recovery{bottom:12px}}
@media(max-height:580px) and (max-width:520px){.incubator-content{display:flex;inset:40px 15px}.incubator-core{width:160px;margin-bottom:12px}.incubator-brand h1{font-size:27px}.incubator-loading{margin-top:20px}.incubator-brand>p{font-size:7px}}
@media(prefers-reduced-motion:reduce){.nexus-entrance *,.nexus-entrance *::before,.nexus-entrance *::after,html[data-entrance="revealing"] #app{animation:none!important;transition:none!important}}
.nexus-entrance.is-english .incubator-brand h1{font-size:clamp(22px,3.4vh,38px);letter-spacing:.1em;text-indent:.1em;max-width:90vw}
