.nn-eyebrow{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--tint, #5fd9ff);opacity:.85}.nn-story{border:1px solid color-mix(in srgb,var(--tint, #5fd9ff) 22%,transparent);background:color-mix(in srgb,var(--tint, #5fd9ff) 7%,transparent);border-radius:12px;padding:13px 14px;margin-bottom:14px}.nn-pain{margin:0;font-size:13.5px;line-height:1.55;color:#cdd7ea}.nn-lede{margin:10px 0 0;font-size:12.5px;line-height:1.5;color:#9fb0cc}.nn-invented{margin:12px 0 0;font-size:12.5px;line-height:1.5;color:#e6eefc;border-top:1px dashed color-mix(in srgb,var(--tint, #5fd9ff) 35%,transparent);padding-top:10px}.nn-invented b{color:var(--tint, #5fd9ff)}.nn-replay{margin-top:12px;width:100%;padding:8px 10px;border-radius:9px;border:1px solid color-mix(in srgb,var(--tint, #5fd9ff) 40%,transparent);background:color-mix(in srgb,var(--tint, #5fd9ff) 10%,transparent);color:var(--tint, #5fd9ff);font:inherit;font-size:12px;font-weight:600;cursor:pointer;transition:background .16s ease,border-color .16s ease}.nn-replay:hover{background:color-mix(in srgb,var(--tint, #5fd9ff) 18%,transparent);border-color:color-mix(in srgb,var(--tint, #5fd9ff) 70%,transparent)}.nn-caption{position:absolute;left:50%;bottom:22px;transform:translate(-50%,8px);max-width:min(640px,88%);padding:11px 18px;border-radius:12px;background:#070a12d1;border:1px solid color-mix(in srgb,var(--tint, #5fd9ff) 34%,transparent);box-shadow:0 10px 34px #00000073;backdrop-filter:blur(7px);color:#eaf1ff;font-size:15px;line-height:1.5;text-align:center;pointer-events:none;opacity:0;transition:opacity .35s ease,transform .35s ease;z-index:6}.nn-caption.show{opacity:1;transform:translate(-50%)}.nn-legend{display:flex;flex-wrap:wrap;gap:10px;margin:2px 0 0;font-size:12px;color:#aebbd4}.nn-legend span{display:inline-flex;align-items:center;gap:5px}.nn-legend i{width:11px;height:11px;border-radius:3px;display:inline-block}.nn-eq{margin-top:10px;padding:9px 11px;border-radius:9px;background:#ffffff08;border:1px solid rgba(150,170,210,.12);overflow-x:auto}.nn-nav{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.nn-nav-slot{display:flex;flex-direction:column;gap:3px;padding:9px 11px;border-radius:10px;border:1px solid rgba(150,170,210,.16);background:#ffffff05;text-decoration:none;transition:border-color .16s ease,background .16s ease,transform .16s ease;min-height:46px}.nn-nav-slot:hover{border-color:color-mix(in srgb,var(--c, #5fd9ff) 60%,transparent);background:color-mix(in srgb,var(--c, #5fd9ff) 10%,transparent);transform:translateY(-1px)}.nn-nav-next{text-align:right}.nn-nav-empty{border-style:dashed;opacity:.25;pointer-events:none}.nn-nav-dir{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--c, #8aa0c0);opacity:.9}.nn-nav-title{font-size:12.5px;color:#dce6fb;font-weight:600;line-height:1.25}.nn-build{border:1px solid color-mix(in srgb,var(--tint, #5fd9ff) 24%,transparent);background:color-mix(in srgb,var(--tint, #5fd9ff) 7%,transparent);border-radius:12px;padding:12px 13px;margin-bottom:14px}.nn-build-head{display:flex;flex-direction:column;gap:4px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--tint, #5fd9ff);opacity:.9}.nn-build-hint{text-transform:none;letter-spacing:0;font-size:12px;color:#93a4c4;opacity:.95}.nn-dots{display:flex;gap:7px;align-items:center;margin:11px 1px;flex-wrap:wrap}.nn-dot{width:11px;height:11px;border-radius:50%;border:1px solid rgba(150,170,210,.4);background:transparent;padding:0;cursor:pointer;transition:transform .14s ease,background .14s ease,border-color .14s ease}.nn-dot.done{background:color-mix(in srgb,var(--tint, #5fd9ff) 45%,transparent);border-color:transparent}.nn-dot.on{background:var(--tint, #5fd9ff);border-color:var(--tint, #5fd9ff);transform:scale(1.3)}.nn-dot.arr{border-radius:2px;transform:rotate(45deg)}.nn-dot.arr.on{transform:rotate(45deg) scale(1.3)}.nn-build-nav{display:grid;grid-template-columns:1fr 1fr;gap:7px}.nn-build-nav .lab-btn:last-child{grid-column:1 / -1}.nn-arrival{border:1px solid color-mix(in srgb,var(--tint, #5fd9ff) 34%,transparent);background:color-mix(in srgb,var(--tint, #5fd9ff) 9%,transparent);border-radius:12px;padding:13px 14px;margin-bottom:14px;animation:nn-reveal .5s ease}@keyframes nn-reveal{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.nn-arrival-lead{margin:0;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#93a4c4}.nn-arrival-name{margin:3px 0 9px;font-size:20px;line-height:1.2;font-weight:700;color:var(--tint, #5fd9ff)}.nn-arrival-recap{margin:9px 0 0;font-size:12.5px;line-height:1.55;color:#cdd7ea}.nn-step-caption{position:absolute;left:50%;bottom:26px;transform:translate(-50%,10px);max-width:min(680px,90%);padding:13px 22px;border-radius:14px;background:#070a12d6;border:1px solid color-mix(in srgb,var(--tint, #5fd9ff) 34%,transparent);box-shadow:0 12px 38px #00000080;backdrop-filter:blur(8px);color:#eef3ff;font-size:16.5px;line-height:1.5;text-align:center;pointer-events:none;opacity:0;transition:opacity .4s ease,transform .4s ease;z-index:7}.nn-step-caption.show{opacity:1;transform:translate(-50%)}.nn-step-caption.arrived{border-color:color-mix(in srgb,var(--tint, #5fd9ff) 60%,transparent);background:#090d16e6}.nn-turn{color:var(--tint, #5fd9ff);font-weight:700}
