.na-scope{--na-bg:#14121f;--na-panel:#241f38;--na-panel2:#2f2949;--na-edge:#4b3f7a;--na-gold:#ffd15c;--na-mint:#7de08d;--na-coral:#ff8c7a;--na-sky:#6bb6ff;--na-lilac:#b98cff;--na-cream:#f6f1e3;--na-dim:#9a90bd;color:var(--na-cream);-webkit-font-smoothing:none;font-smooth:never;font-family:Galmuri11,ui-monospace,JetBrains Mono,monospace}.na-scope .na-panel{background:var(--na-panel);border:3px solid var(--na-edge);border-radius:0;box-shadow:inset -3px -3px #00000047,inset 3px 3px #ffffff0d}.na-scope .na-panel2{background:var(--na-panel2);border:3px solid var(--na-edge);border-radius:0}.na-scope .na-btn{border:3px solid var(--na-edge);background:var(--na-panel2);color:var(--na-cream);border-radius:0;transition:transform 80ms steps(2,end);box-shadow:inset -3px -3px #00000047}.na-scope .na-btn:active{transform:translateY(2px);box-shadow:inset -1px -1px #00000047}.na-scope .na-btn:disabled{opacity:.4;cursor:not-allowed}.na-scope svg{image-rendering:pixelated}.na-scope .na-xpbar{border:2px solid var(--na-edge);background:#100e1a;border-radius:0;height:10px;overflow:hidden}.na-scope .na-xpbar>span{background:linear-gradient(90deg, var(--na-sky), var(--na-lilac));height:100%;transition:width .4s steps(12,end);display:block}@media (prefers-reduced-motion:reduce){.na-scope *{transition:none!important;animation:none!important}}@keyframes na-bob{0%,49%{transform:translateY(0)}50%,to{transform:translateY(-2px)}}.na-scope .na-bob{animation:.9s step-end infinite na-bob}