.app-navigation{border-bottom:4px solid var(--accent-red);z-index:100;box-sizing:border-box;width:100%;padding:10px 8px;padding-top:max(10px,env(safe-area-inset-top));background-color:#2b1d14f2;justify-content:space-around;align-items:center;gap:10px;display:flex;position:sticky;top:0;box-shadow:0 4px #00000080}.nav-button{background-color:var(--bg-color);color:var(--text-color);border:2px solid var(--accent-red);font-family:var(--font-press-start-2p),cursive;cursor:pointer;text-align:center;box-sizing:border-box;flex:1;justify-content:center;align-items:center;min-height:48px;padding:14px 10px;font-size:11px;text-decoration:none;transition:all .1s;display:flex;box-shadow:4px 4px #000}.nav-button:hover{transform:translate(2px,2px);box-shadow:2px 2px #000}.nav-button:active{transform:translate(4px,4px);box-shadow:0 0 #000}.nav-button-active{background-color:var(--accent-red);color:var(--text-color);transform:translate(2px,2px);box-shadow:inset 4px 4px #00000080}.nav-button-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}@media (max-width:480px){.nav-button{min-height:44px;padding:12px 6px;font-size:9px}.app-navigation{gap:8px;padding:8px 6px}}@media (max-width:380px){.nav-button{min-height:40px;padding:10px 4px;font-size:8px}.app-navigation{gap:6px;padding:6px 4px}}@media (max-height:700px){.nav-button{min-height:42px;padding:10px 8px}.app-navigation{padding:8px}}