@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;700&family=Space+Grotesk:wght@300;400;500;600;700&display=swap";:root{--primary-orange: #ff9800;--dark-orange: #f57c00;--light-orange: #ffb74d;--dark-bg: #0a0a1a;--darker-bg: #050510;--card-bg: rgba(30, 20, 40, .95);--text-primary: #f0f0f0;--text-secondary: #b0b0c0}body{margin:0;overflow:hidden;font-family:Space Grotesk,sans-serif;background-color:var(--dark-bg);color:var(--text-primary);line-height:1.6}#container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0}.controls{position:fixed;top:20px;left:0;right:0;display:flex;justify-content:space-between;padding:0 20px;z-index:1000;pointer-events:none}.controls>*{pointer-events:auto}#hamburger-button{position:fixed;top:20px;left:20px;z-index:1001;background:rgba(10,10,26,.7);border:1px solid var(--primary-orange);border-radius:50%;width:48px;height:48px;padding:0;cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px rgba(0,0,0,.3);outline:none}#hamburger-button:hover{background:var(--primary-orange);transform:scale(1.05);box-shadow:0 6px 18px rgba(255,152,0,.5);border-color:var(--primary-orange)}#hamburger-button:active{transform:scale(.95)}#hamburger-button span{display:block;width:24px;height:3px;background:var(--primary-orange);margin:3px 0;transition:all .3s ease;border-radius:2px}#hamburger-button:hover span{background-color:var(--dark-bg)}.hamburger:hover{background:var(--primary-orange);color:#000;transform:translateY(-2px);box-shadow:0 6px 16px rgba(255,152,0,.4)}.hamburger:active{transform:translateY(0)}.nav-panel{display:flex;align-items:center;gap:12px;background:rgba(15,10,25,.9);padding:6px 18px;border-radius:30px;border:1px solid rgba(255,152,0,.2);backdrop-filter:blur(10px);box-shadow:0 4px 20px rgba(0,0,0,.4)}.nav-prev,.nav-next{background:rgba(255,152,0,.1);border:1px solid rgba(255,152,0,.3);color:var(--primary-orange);font-size:16px;cursor:pointer;padding:6px 12px;border-radius:6px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;min-width:32px;height:32px}.nav-prev:hover,.nav-next:hover{background:var(--primary-orange);color:#000;transform:translateY(-1px);box-shadow:0 4px 12px rgba(255,152,0,.3)}.nav-prev:active,.nav-next:active{transform:translateY(0)}.nav-title{color:var(--text-primary);font-weight:600;min-width:140px;text-align:center;font-size:.95rem;letter-spacing:.5px;text-shadow:0 0 10px rgba(255,152,0,.3)}.sound-toggle{background:rgba(0,0,0,.7);border:2px solid var(--accent-color);color:var(--text-color);border-radius:4px;width:40px;height:40px;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.sound-toggle:hover{background:var(--accent-color)}@media (max-width: 768px){.nav-panel{position:fixed;bottom:20px;left:50%;transform:translate(-50%);width:90%;justify-content:space-between}.hamburger{display:none}#main-menu{width:280px;left:-290px}#main-menu.visible{transform:translate(290px)}.info-panel{padding:25px 15px;width:95%;max-width:none}.info-panel h2{font-size:1.6rem;margin-bottom:15px}.info-panel h3{font-size:1.2rem}.info-panel h4{font-size:1rem}.menu-header{padding:20px 15px}.menu-content,.menu-button{padding:10px 15px}.menu-button:hover{padding-left:20px}.menu-category h3{padding:10px 15px}.info-panel ul,.info-panel li{padding-left:15px}.info-tip{padding:15px}}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;z-index:1000;opacity:1;transition:opacity .5s ease-in-out}.loading-screen p{font-size:1.5rem;margin:1rem 0}.loading-progress{font-size:1rem;margin-top:1rem;color:#fc3d21}.loading-screen.hidden{opacity:0;pointer-events:none}.loader{border:5px solid #0b3d91;border-top:5px solid #fc3d21;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.controls{position:fixed;top:20px;right:20px;z-index:1001}.sound-toggle{background:rgba(0,0,0,.7);border:2px solid var(--primary-orange);color:var(--primary-orange);width:50px;height:50px;border-radius:50%;font-size:22px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;z-index:1001;outline:none;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px rgba(0,0,0,.3)}.sound-toggle:hover{background:var(--primary-orange);color:#000;transform:scale(1.05) translateY(-2px);box-shadow:0 6px 20px rgba(255,152,0,.4)}.sound-toggle:active{transform:scale(.98) translateY(0)}.error-message{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.8);border:2px solid #fc3d21;border-radius:8px;padding:20px;color:#fff;text-align:center;z-index:2000;display:none}.error-message p{margin-bottom:15px}.error-close{background:#fc3d21;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-family:inherit}.error-close:hover{background:#ff5a3c}.navigation-controls{position:fixed;bottom:20px;right:20px;display:grid;grid-template-columns:repeat(3,50px);grid-template-rows:repeat(3,50px);gap:5px;z-index:100}.nav-button{width:50px;height:50px;border-radius:50%;background:rgba(0,0,0,.6);border:2px solid #1e88e5;color:#fff;font-size:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.nav-button:hover{background:rgba(30,136,229,.6);transform:scale(1.1)}.nav-up{grid-column:2;grid-row:1}.nav-down{grid-column:2;grid-row:3}.nav-left{grid-column:1;grid-row:2}.nav-right{grid-column:3;grid-row:2}.nav-forward{grid-column:1;grid-row:1}.nav-backward{grid-column:3;grid-row:3}.nav-reset{grid-column:2;grid-row:2;background:rgba(252,61,33,.6);border-color:#fc3d21}.nav-reset:hover{background:rgba(252,61,33,.8)}#main-menu{position:fixed;top:0;left:-350px;width:320px;height:100%;background:var(--darker-bg);backdrop-filter:blur(15px) saturate(1.5);-webkit-backdrop-filter:blur(15px) saturate(1.5);box-shadow:2px 0 20px rgba(0,0,0,.6);z-index:1000;transition:transform .4s cubic-bezier(.4,0,.2,1);overflow-y:auto;padding:0;display:flex;flex-direction:column;color:var(--text-primary);border-right:1px solid rgba(255,152,0,.2)}#main-menu.visible{transform:translate(350px)}.menu-header{padding:25px 20px;background:rgba(255,152,0,.08);border-bottom:1px solid rgba(255,152,0,.15);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.menu-header h2{margin:0;color:var(--primary-orange);font-family:Orbitron,sans-serif;font-size:1.4rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;display:flex;align-items:center;gap:8px}.menu-header p{margin:8px 0 0;color:var(--text-secondary);font-size:.85rem;line-height:1.4}.close-menu{background:none;border:none;color:var(--text-secondary);font-size:1.6rem;cursor:pointer;padding:5px;line-height:1;transition:color .2s ease;border-radius:4px}.close-menu:hover{color:var(--primary-orange)}.menu-content{padding:15px 20px;flex:1;overflow-y:auto}.menu-category{margin-bottom:20px;border:none;border-radius:8px;overflow:hidden;background:rgba(255,255,255,.03);padding:0}.menu-category h3{margin:0;padding:12px 20px;background:rgba(255,152,0,.1);color:var(--primary-orange);font-family:Orbitron,sans-serif;font-size:.95rem;font-weight:500;display:flex;justify-content:space-between;align-items:center;cursor:pointer;user-select:none;transition:background-color .2s ease}.menu-category h3:hover{background:rgba(255,152,0,.15)}.menu-category h3 .arrow{font-size:.8rem;transition:transform .3s ease}.menu-category.active h3 .arrow{transform:rotate(180deg)}.menu-items{max-height:0;overflow:hidden;transition:max-height .4s ease-out;background:rgba(0,0,0,.1)}.menu-category.active .menu-items{max-height:1000px;transition:max-height .5s ease-in;padding:10px 0}.menu-button{display:flex;width:100%;padding:10px 20px;background:none;border:none;color:var(--text-primary);text-align:left;font-family:Space Grotesk,sans-serif;font-size:.9rem;cursor:pointer;transition:all .2s ease;border-bottom:1px solid rgba(255,255,255,.08);align-items:center;gap:10px}.menu-button:last-child{border-bottom:none}.menu-button:hover{background:rgba(255,152,0,.1);color:var(--primary-orange);padding-left:25px}.menu-button:active{background:rgba(255,152,0,.15)}.menu-item-icon{font-size:1.1em;width:24px;text-align:center;flex-shrink:0}.menu-item-label{flex-grow:1}.menu-footer{margin-top:auto;padding:20px;text-align:center;color:var(--text-secondary);font-size:.75rem;border-top:1px solid rgba(255,255,255,.08);flex-shrink:0}.menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);z-index:999;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.menu-overlay.visible{opacity:1;visibility:visible}#main-menu::-webkit-scrollbar{width:8px}#main-menu::-webkit-scrollbar-track{background:rgba(255,255,255,.05);border-radius:4px}#main-menu::-webkit-scrollbar-thumb{background:rgba(255,152,0,.5);border-radius:4px;transition:background .3s ease}#main-menu::-webkit-scrollbar-thumb:hover{background:var(--primary-orange)}.info-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.98);width:90%;max-width:800px;max-height:90vh;background:linear-gradient(145deg,rgba(10,10,20,.98),rgba(15,15,30,.98));backdrop-filter:blur(20px) saturate(1.8);-webkit-backdrop-filter:blur(20px) saturate(1.8);border-radius:12px;padding:30px;box-shadow:0 15px 40px rgba(0,0,0,.5);z-index:1001;opacity:0;visibility:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.4);border:1px solid rgba(255,152,0,.1);overflow-y:auto;color:var(--text-primary);overflow-x:hidden;line-height:1.6;font-size:1rem}.info-panel.visible{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)}.info-panel h2{margin:0 0 20px;color:var(--primary-orange);font-size:2rem;text-align:center;padding-bottom:10px;border-bottom:1px solid rgba(255,152,0,.15);font-weight:700;letter-spacing:1px;text-transform:uppercase;text-shadow:0 0 10px rgba(255,152,0,.2);position:relative}.info-panel h2:after{content:"";position:absolute;bottom:-1px;left:50%;transform:translate(-50%);width:80px;height:2px;background:linear-gradient(90deg,transparent,var(--primary-orange),transparent);opacity:.5}.info-panel h3,.info-panel h4{color:var(--light-orange);margin:25px 0 12px;font-weight:600;position:relative;padding-left:12px;font-size:1.3rem}.info-panel h4{font-size:1.1rem;margin:20px 0 10px;color:#ffb74d}.info-panel h3:before,.info-panel h4:before{content:"❯";color:var(--primary-orange);position:absolute;left:0;opacity:.7;font-size:.8em}.info-panel p{margin:0 0 12px;color:var(--text-primary);line-height:1.6}.info-panel ul{padding-left:20px;margin:12px 0}.info-panel li{margin-bottom:10px;position:relative;padding-left:18px;color:var(--text-primary)}.info-panel li:before{content:"•";color:var(--primary-orange);position:absolute;left:0;font-size:1.1em;line-height:1}.info-tip{margin:20px 0;padding:15px 18px;background:rgba(255,152,0,.06);border-left:3px solid var(--primary-orange);border-radius:0 6px 6px 0}.info-tip strong{display:block;color:var(--primary-orange);margin-bottom:6px;font-size:1em;display:flex;align-items:center;gap:6px}.info-tip p{margin:0;color:var(--text-primary);opacity:.85}.close-button{position:absolute;top:15px;right:15px;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);color:var(--text-secondary);font-size:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.close-button:hover{color:var(--primary-orange);border-color:var(--primary-orange);transform:rotate(90deg);background:rgba(255,152,0,.1)}.info-panel::-webkit-scrollbar{width:8px}.info-panel::-webkit-scrollbar-track{background:rgba(255,255,255,.05);border-radius:4px;margin:10px 0}.info-panel::-webkit-scrollbar-thumb{background:rgba(255,152,0,.5);border-radius:4px;transition:background .3s}.info-panel::-webkit-scrollbar-thumb:hover{background:var(--primary-orange)}.notifications-container{position:fixed;top:20px;right:20px;z-index:1000;display:flex;flex-direction:column;gap:10px;max-width:300px}.notification{padding:12px 16px;border-radius:4px;color:#fff;box-shadow:0 4px 6px rgba(0,0,0,.1);transform:translate(120%);transition:transform .3s ease-in-out;overflow:hidden}.notification-info{background:rgba(33,150,243,.9)}.notification-success{background:rgba(76,175,80,.9)}.notification-warning{background:rgba(255,152,0,.9)}.notification-error{background:rgba(244,67,54,.9)}.notification-content{display:flex;justify-content:space-between;align-items:center}.notification-message{flex:1}.notification-close{background:transparent;border:none;color:inherit;font-size:16px;cursor:pointer;padding:0 0 0 10px;line-height:1}.notification-progress{position:absolute;bottom:0;left:0;height:3px;width:100%;background:rgba(255,255,255,.5);transform-origin:left;transform:scaleX(1)}