.nav-panel{z-index:30;opacity:0;pointer-events:none;place-items:center;transition:opacity .5s;display:grid;position:fixed;inset:0}.nav-panel.open{opacity:1;pointer-events:auto}.nav-panel__scrim{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:radial-gradient(70% 60%,#08080c9e,#05060ad9);position:absolute;inset:0}.nav-panel__card{background:radial-gradient(120% 100% at 50% 0,#281c0880,#08070500 60%),linear-gradient(#0b0d0a,#070806);border:1px solid #f5b44a59;border-radius:6px;max-width:min(660px,90vw);max-height:82vh;transition:transform .45s;position:relative;overflow:hidden;transform:translateY(10px)scale(.99);box-shadow:0 0 0 1px #0009,0 24px 90px #000000b3,0 0 60px #f5b44a1f,inset 0 0 70px #f5b44a0f}.nav-panel.open .nav-panel__card{transform:none}.nav-panel__card:after{content:"";pointer-events:none;mix-blend-mode:multiply;background:repeating-linear-gradient(0deg,#0000 0 2px,#00000029 2px 3px);border-radius:6px;position:absolute;inset:0;box-shadow:inset 0 0 90px #0000008c}.nav-panel__scroll{z-index:1;max-height:82vh;padding:clamp(1.5rem,4vw,2.6rem);position:relative;overflow:auto}.nav-panel__title{color:#ffcf7a;letter-spacing:.02em;text-shadow:0 0 12px #f5b44a8c;margin:0 0 1.1rem;font:700 clamp(1.15rem,3vw,1.7rem)/1.2 ui-monospace,SF Mono,Menlo,monospace}.nav-panel__title:before{content:"aichimiste:~$ ";color:#b9863a}.nav-panel__body{color:#e6b85f;text-shadow:0 0 8px #f5b44a4d;font:400 clamp(.95rem,1.9vw,1.08rem)/1.75 ui-monospace,SF Mono,Menlo,monospace}.nav-panel__body:after{content:"▋";color:#ffcf7a;margin-left:.15em;animation:1.1s step-end infinite navCaret}@keyframes navCaret{0%,49%{opacity:1}50%,to{opacity:0}}.nav-panel__close{z-index:2;cursor:pointer;color:#ffcf7a;background:#0000004d;border:1px solid #f5b44a73;border-radius:4px;width:2rem;height:2rem;font:700 1rem/1 ui-monospace,monospace;position:absolute;top:.6rem;right:.7rem}.nav-panel__close:hover{background:#f5b44a2e}.nav-panel__close:focus-visible,.nav-hotspot:focus-visible{outline-offset:3px;outline:2px solid #ffcf7a}.nav-panel.open .nav-panel__card{animation:.5s ease-out navPowerOn}@keyframes navPowerOn{0%{filter:brightness(2.4)saturate(.4)}35%{filter:brightness(1.05)}to{filter:none}}@media (prefers-reduced-motion:reduce){.nav-panel,.nav-panel__card{transition:opacity .3s}.nav-panel__card{animation:none;transform:none}.nav-panel__body:after{animation:none}}.nav-hotspots{z-index:20;pointer-events:none;position:fixed;inset:0}.nav-hotspot{pointer-events:auto;cursor:pointer;background:0 0;border:0;padding:0;position:absolute}.nav-hotspot__glow{pointer-events:none;opacity:.7;background:radial-gradient(circle,#ffe496f2,#ff963780 38%,#ff822800 72%);border-radius:50%;width:30px;height:38px;margin:-19px 0 0 -15px;transition:transform .35s,opacity .35s;position:absolute;top:50%;left:50%}.nav-hotspot:hover .nav-hotspot__glow,.nav-hotspot:focus-visible .nav-hotspot__glow{opacity:1;transform:scale(1.9)}.nav-hotspot__label{white-space:nowrap;opacity:0;color:#f3e6c8;letter-spacing:.04em;text-shadow:0 1px 8px #000,0 0 14px #000c;font:500 .9rem/1 ui-monospace,monospace;transition:opacity .3s;position:absolute;top:calc(50% - 30px);left:50%;transform:translate(-50%)}.nav-hotspot:hover .nav-hotspot__label,.nav-hotspot:focus-visible .nav-hotspot__label{opacity:1}@media (prefers-reduced-motion:no-preference){.nav-hotspots.live .nav-hotspot__glow{animation:2.4s ease-in-out infinite navFlicker}@keyframes navFlicker{0%{opacity:.5}18%{opacity:.84}33%{opacity:.58}52%{opacity:.96}68%{opacity:.64}85%{opacity:.82}to{opacity:.5}}}@media (prefers-reduced-motion:reduce){.nav-hotspot__glow{transition:none}}.nav-hint{z-index:21;color:#b9a98a;letter-spacing:.08em;pointer-events:none;opacity:0;font:500 .8rem/1 ui-monospace,monospace;transition:opacity 1s;position:fixed;bottom:8vh;left:50%;transform:translate(-50%)}.nav-hint.show{opacity:.85}