.nexus{overflow:hidden;height:100vh;height:100svh}
.nx-gl{position:fixed;inset:0;width:100vw;height:100vh;display:block;background:var(--bg);touch-action:none}
.nx{position:fixed;inset:0;z-index:2;display:grid;grid-template-rows:auto 1fr auto;padding:6.5rem var(--pad) var(--pad);pointer-events:none}
.nx>*{pointer-events:none}
.nx__title{font:800 clamp(1.8rem,4.6vw,4.4rem)/.9 var(--display);letter-spacing:-.045em;text-transform:uppercase;margin-top:1rem;mix-blend-mode:difference}
.nx__title span{display:block;overflow:hidden;animation:nxIn 1.1s var(--ease) both}
.nx__title span:nth-child(2){animation-delay:.1s}
@keyframes nxIn{from{clip-path:inset(0 0 100% 0);transform:translateY(40%)}to{clip-path:inset(0);transform:none}}
.nx__status{align-self:center;justify-self:end;text-align:right;display:grid;justify-items:end;mix-blend-mode:difference}
.nx__big{font:800 clamp(5rem,16vw,15rem)/.8 var(--display);letter-spacing:-.06em;font-variant-numeric:tabular-nums;transition:color .3s}
.nx__lbl{font:500 12px/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--dim);max-width:22rem;margin-top:1rem}
.is-linked .nx__big{color:var(--acid)}
.nx__bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;flex-wrap:wrap}
.nx__data{display:grid;grid-template-columns:repeat(4,auto);gap:.4rem 2rem;font:500 12px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;mix-blend-mode:difference}
.nx__data dt{color:var(--faint);margin-bottom:.5rem}
.nx__data dd{font-variant-numeric:tabular-nums}
.nx__actions{display:grid;justify-items:end;gap:.9rem;pointer-events:auto}
.nx__actions *{pointer-events:auto}
.nx__open{background:rgba(5,5,6,.4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.is-linked .nx__open{opacity:.55}
.nx__hint{font-size:12px;color:var(--dim);max-width:24rem;text-align:right}
.nx__mobile{display:none;position:fixed;left:var(--pad);right:var(--pad);bottom:calc(var(--pad) + 4.5rem);z-index:3;font-size:12px;color:var(--dim);text-transform:uppercase;letter-spacing:.1em}
.nexus .hud{mix-blend-mode:normal}
.nexus .hud__brand,.nexus .hud__sound{background:rgba(5,5,6,.35);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.nexus .hud__brand{padding:.5rem .8rem;border-radius:99px;border:1px solid var(--line)}
.nexus .hud__brand:hover{border-color:var(--acid);color:var(--acid)}
.flash{animation:flash .9s var(--out)}
@keyframes flash{0%{color:#fff;transform:scale(1.08)}100%{transform:none}}
@media (max-width:760px),(pointer:coarse){
  .nx__data{grid-template-columns:repeat(2,auto)}
  .nx__actions{display:none}
  .nx__mobile{display:block}
  .nx__status{justify-self:start;text-align:left;justify-items:start}
}