.level-nav{position:relative;z-index:4;width:100%;display:flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid #1b3927;background:#06100b}
.level-button{appearance:none;flex:1 1 0;min-width:0;display:inline-flex;align-items:center;justify-content:center;padding:8px 6px;border:1px solid #285039;background:#0a1b10;color:#a1ffb9;font:10px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em;white-space:nowrap;cursor:pointer}
.level-button:hover:not(:disabled),.level-button:focus-visible{border-color:#48db82;background:#102118;outline:none}
.level-button[aria-current="step"]{border-color:#48db82;background:#102118;box-shadow:inset 0 0 0 1px #48db8250}
.level-button:disabled{border-color:#1b3927;background:#07100f;color:#52745c;opacity:.75;cursor:not-allowed}
.level-nav .difficulty-btn{color:#a1ffb9}
.level-nav .difficulty-btn[aria-current="step"]{border-color:#48db82;background:#102118}
.level-nav .difficulty-btn:disabled{opacity:.55}
@media(max-width:650px){.level-nav{flex-wrap:wrap;gap:5px;padding:6px}.level-button{flex:1 1 calc(20% - 5px);padding:7px 1px;font-size:8px;letter-spacing:0}}