.main-nav{position:fixed;left:20px;top:50%;transform:translateY(-50%);z-index:100;display:flex;flex-direction:column;gap:15px}.nav-item{width:60px;height:60px;background:#ffffff0d;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;border:2px solid rgba(255,255,255,.1);transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none;font-size:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative}.nav-item:hover{background:#ffffff26;transform:scale(1.1);border-color:var(--mc-gold)}.nav-item.active{background:var(--mc-green);color:#000;border-color:var(--mc-green);box-shadow:0 0 20px #5f56;transform:scale(1.1)}.nav-label{display:none;position:absolute;left:75px;background:#000c;padding:5px 10px;border-radius:5px;font-size:.8rem;font-family:var(--font-head);opacity:0;transition:.2s;pointer-events:none;white-space:nowrap}.nav-item:hover .nav-label{opacity:1;left:80px}@media(max-width:768px){.main-nav{top:auto;bottom:0;left:0;transform:none;width:100%;height:var(--nav-height-mobile);background:#0a0a0af2;flex-direction:row;justify-content:space-around;align-items:center;gap:0;border-top:2px solid #333;padding:0 10px}.nav-item{width:auto;height:100%;background:transparent!important;border:none;border-radius:0;flex:1;flex-direction:column;gap:5px;font-size:1.2rem;box-shadow:none!important;transform:none!important}.nav-item.active{color:var(--mc-green)!important;border-top:3px solid var(--mc-green);background:radial-gradient(circle at 50% 0%,rgba(85,255,85,.2),transparent 70%)!important}.nav-item.active .nav-label{color:var(--mc-green)}.nav-label{display:block;position:static;background:transparent;padding:0;opacity:1;font-size:.6rem;color:#888}}:root{--mc-green: #55ff55;--mc-gold: #ffd700;--mc-red: #ff4444;--bg-dark: #0a0a0a;--card-bg: rgba(20, 20, 20, .85);--font-head: "Press Start 2P", cursive;--font-body: "Fira Code", monospace;--nav-height-mobile: 70px;--nav-width-desktop: 80px}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;padding:0;overflow:hidden;background-color:transparent;color:#fff;font-family:var(--font-body)}#content-scroll{width:100%;height:100%;overflow-y:auto;scroll-behavior:smooth;position:relative;z-index:1;padding-left:var(--nav-width-desktop)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#111}::-webkit-scrollbar-thumb{background:var(--mc-green)}h1,h2,h3{font-family:var(--font-head);text-transform:uppercase;margin:0 0 1rem}a{color:inherit;text-decoration:none}button{border:none;font-family:inherit;cursor:pointer}.text-green{color:var(--mc-green)}.text-gold{color:var(--mc-gold)}.text-red{color:var(--mc-red)}.fade-enter{opacity:0}.fade-enter-active{opacity:1;transition:opacity .3s}.fade-exit{opacity:1}.fade-exit-active{opacity:0;transition:opacity .3s}@media(max-width:768px){:root{--font-head: "Press Start 2P", cursive}#content-scroll{padding-left:0;padding-bottom:var(--nav-height-mobile)}h1{font-size:2rem!important}}