.c64-enhanced-navigation{width:100%;font-family:var(--font-c64,"Courier New",monospace);font-weight:700;text-transform:uppercase;letter-spacing:.05em}.c64-nav-main{display:flex;gap:.5rem;width:100%}.c64-nav-main,.c64-nav-responsive .c64-nav-main{flex-direction:column}@media (min-width:768px){.c64-nav-responsive .c64-nav-main{flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem}}.c64-nav-horizontal .c64-nav-main{flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem}.c64-nav-vertical .c64-nav-main{flex-direction:column;gap:.5rem}.c64-nav-item-wrapper{position:relative;width:100%}@media (min-width:768px){.c64-nav-horizontal .c64-nav-item-wrapper,.c64-nav-responsive .c64-nav-item-wrapper{width:auto;flex:0 0 auto}}.c64-nav-item{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;padding:.75rem 1.25rem;background-color:#40318d;color:#5FB3D4;border:2px solid #6d28d9;border-radius:6px;font-family:var(--font-c64,"Courier New",monospace);font-weight:700;font-size:.875rem;cursor:pointer;transition:all .2s ease;text-transform:uppercase;text-align:center;box-shadow:0 2px 4px rgba(0,0,0,.1);box-sizing:border-box}@media (min-width:768px){.c64-nav-horizontal .c64-nav-item,.c64-nav-responsive .c64-nav-item{width:auto;min-width:140px;padding:.75rem 1.5rem}}.c64-nav-item-content{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%}@media (max-width:767px){.c64-nav-item-content{justify-content:space-between}}.c64-nav-icon{width:1rem;height:1rem;flex-shrink:0}.c64-nav-label{flex:1;text-align:center}@media (max-width:767px){.c64-nav-label{text-align:left;margin-left:.5rem}}.c64-nav-arrow{width:.75rem;height:.75rem;transition:transform .2s ease;flex-shrink:0}.c64-nav-arrow.expanded{transform:rotate(180deg)}.c64-nav-item:hover:not(.disabled){background-color:#5b21b6;transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,0,0,.15)}.c64-nav-item.active{background-color:#40E0D0;color:#2E2577;border-color:#5FB3D4;z-index:10}.c64-nav-item.active:hover{background-color:#5FB3D4}.c64-nav-item.disabled{opacity:.5;cursor:not-allowed;background-color:#2a206a;color:#626262}.c64-nav-sub{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:1rem;padding:1rem;background-color:rgba(42,32,106,.3);border-radius:6px;border:1px solid #6d28d9}.c64-nav-subitems-mobile{display:flex;flex-direction:column;gap:.25rem;margin-top:.5rem;padding:.5rem;background-color:rgba(42,32,106,.5);border-radius:4px;border:1px solid #5b21b6;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;max-height:0;overflow:hidden}to{opacity:1;max-height:300px;overflow:visible}}.c64-nav-subitem{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;background-color:transparent;color:#e2e8f0;border:1px solid transparent;border-radius:4px;font-family:var(--font-c64,"Courier New",monospace);font-size:.75rem;font-weight:600;cursor:pointer;transition:all .15s ease;text-transform:uppercase;min-height:36px}.c64-nav-subitem.active,.c64-nav-subitem:hover:not(.disabled){background-color:#40E0D0;border-color:#5FB3D4;color:#2E2577}.c64-nav-subitem.disabled{opacity:.5;cursor:not-allowed}.c64-nav-subicon{width:.875rem;height:.875rem;flex-shrink:0}@media (max-width:640px){.c64-nav-item{font-size:.8rem;padding:.625rem 1rem}.c64-nav-subitem{font-size:.7rem;padding:.4rem .8rem;min-height:32px}.c64-nav-icon{width:.875rem;height:.875rem}.c64-nav-subicon{width:.75rem;height:.75rem}}.c64-nav-item:focus,.c64-nav-subitem:focus{outline:2px solid #5FB3D4;outline-offset:2px}@media (prefers-contrast:high){.c64-nav-item,.c64-nav-item.active{border-width:3px}}