*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;padding:0}body{background:#313131}.ui-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000}.top-nav{position:absolute;top:20px;left:20px;right:20px;display:flex;justify-content:space-between;align-items:center;pointer-events:auto}.nav-section{display:flex;align-items:center}.nav-section.center{flex:1;justify-content:center;max-width:400px;margin:0 40px}.nav-section.right{justify-content:flex-end}.search-container{width:100%;position:relative}.search-input{width:100%;background:transparent;border:1px solid white;color:#fff;padding:12px 20px;font-family:Lucida Console,Courier New,monospace;font-size:12px;font-weight:700;letter-spacing:.5px;outline:none;transition:all .3s ease}.search-input::placeholder{color:#fff9}.search-input:focus{box-shadow:0 0 20px #ffffff4d;background:#ffffff0d}.search-container.focused .search-input{box-shadow:0 0 20px #ffffff4d}.side-nav{position:absolute;left:20px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:15px;pointer-events:auto}.bottom-nav{position:absolute;bottom:20px;left:20px;right:20px;display:flex;justify-content:space-between;align-items:center;pointer-events:auto;padding-bottom:max(16px,env(safe-area-inset-bottom))}.info-section{display:flex;align-items:center;gap:15px}.info-section.right{justify-content:flex-end}.info-text{color:#fff;font-family:Lucida Console,Courier New,monospace;font-size:11px;font-weight:700;letter-spacing:1px;opacity:.8}.ui-button{background:transparent;border:1px solid white;color:#fff;padding:10px 20px;font-family:Lucida Console,Courier New,monospace;font-size:11px;font-weight:700;letter-spacing:1px;cursor:pointer;transition:all .3s ease;outline:none}.ui-button:hover{background:#ffffff1a;box-shadow:0 0 15px #fff3}.ui-button:active{transform:translateY(1px)}.ui-button.vertical{writing-mode:vertical-rl;text-orientation:mixed;padding:15px 8px;min-height:80px}.ui-button.small{padding:8px 15px;font-size:10px}.marker-content{transform:translate3d(calc(50% + 40px),0,0);text-align:left;background:#bd6ca9;color:#fff;padding:10px 15px;border-radius:0;font-size:12px;white-space:nowrap;box-shadow:0 2px 8px #0000004d;border:1px solid #ffffffff;min-width:120px;font-family:Lucida Console,Courier New,monospace;font-weight:700;letter-spacing:.01em;position:relative}.marker-content:before{content:"";position:absolute;top:25px;left:-90px;height:1px;width:90px;background:#fff}.central-marker{transform:translate3d(calc(50% + 150px),0,0);background:#757e88;color:#fff;font-weight:700;font-family:Lucida Console,Courier New,monospace}.central-marker:before{background:#fff}@media (max-width: 768px){.top-nav{flex-direction:column;gap:15px}.nav-section.center{order:-1;margin:0;max-width:none}.side-nav{display:none}.ui-button{font-size:10px;padding:8px 15px}}.profile-container{position:fixed;top:50%;right:200px;transform:translateY(-10%);z-index:1000}.profile-card{background:#000a0af2;border-radius:12px;padding:24px;width:200px;box-shadow:0 0 30px #00ff9d66,0 0 60px #00ff9d33,inset 0 0 20px #00ff9d1a;border:2px solid rgba(0,255,157,.6);animation:slideIn .3s ease-out;font-family:Lucida Console,Courier New,monospace}.profile-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;border-bottom:2px solid rgba(0,255,157,.3);padding-bottom:12px;font-family:Lucida Console,Courier New,monospace}.profile-header h3{margin:0;color:#00ff9d;font-size:1.2em;text-shadow:0 0 10px rgba(0,255,157,.8),0 0 20px rgba(0,255,157,.4);letter-spacing:.5px}.close-btn{background:#00ff9d1a;border:1px solid rgba(0,255,157,.4);border-radius:4px;font-size:20px;cursor:pointer;color:#00ff9d;padding:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;transition:all .2s;box-shadow:0 0 10px #00ff9d4d}.close-btn:hover{background:#00ff9d33;box-shadow:0 0 15px #00ff9d80;color:#00ff9d}.profile-content p{margin:8px 0;color:#b8ffd9;line-height:1.5;font-size:.9em}.profile-content strong{color:#00ff9d;text-shadow:0 0 5px rgba(0,255,157,.5)}@keyframes slideIn{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}.logo-right{display:none}@media screen and (max-width: 768px){.search-bar-container{width:calc(100% - 40px)!important;max-width:500px;padding:0 10px}.search-bar-container>div{padding:6px 16px!important}.search-bar-container input{width:100%!important;font-size:12px!important;min-width:0}.top-nav{padding:12px 16px!important;flex-direction:row!important;flex-wrap:nowrap!important;justify-content:space-between!important;align-items:center!important;display:flex!important}.top-nav .nav-section{display:flex!important;align-items:center!important}.top-nav .nav-section .logo-left{display:block!important;height:44px!important;width:auto!important;margin:0!important}.top-nav .nav-section.right .logo-right{display:none!important}.top-nav .nav-section.right{margin-right:0!important;display:flex!important;gap:12px;align-items:center!important}.top-nav .ui-button{padding:10px 16px!important;font-size:11px!important;min-height:44px}.side-nav{top:70px;gap:4px}.side-nav .ui-button.vertical{padding:10px 6px!important;font-size:9px!important;min-width:50px;letter-spacing:.5px}.archive-dropdown-container .ui-button.vertical{min-height:44px}.bottom-nav{padding:10px 16px 32px!important;flex-direction:column;gap:8px;align-items:flex-start!important}.bottom-nav .info-section{width:100%;justify-content:flex-start!important}.bottom-nav .info-section.right{width:100%;justify-content:space-between!important;flex-direction:row!important}.bottom-nav .info-text{font-size:10px!important;line-height:1.3}.bottom-nav .info-section.right>div:first-child{width:140px!important;height:26px!important;font-size:11px!important}.bottom-nav .info-section.right>div:first-child>div{animation:marquee-mobile 15s linear infinite!important}.bottom-nav .info-section.right img{height:24px!important}@keyframes marquee-mobile{0%{transform:translate(100%)}to{transform:translate(-100%)}}canvas{touch-action:pan-x pan-y}}@media screen and (max-width: 480px){.search-bar-container{width:calc(100% - 20px)!important;top:15px!important}.search-bar-container input{font-size:11px!important;padding:3px 0!important}.search-bar-container input::placeholder{font-size:10px}.top-nav{padding:10px 12px!important}.top-nav .nav-section .logo-left{height:40px!important}.top-nav .ui-button{padding:8px 12px!important;font-size:10px!important}.side-nav{top:65px;left:8px!important}.side-nav .ui-button.vertical{padding:8px 5px!important;font-size:8px!important;min-width:45px}.bottom-nav{padding:8px 12px 28px!important}.bottom-nav .info-text{font-size:9px!important}.bottom-nav .info-section.right>div:first-child{width:120px!important;height:24px!important;font-size:10px!important}.bottom-nav .info-section.right>div:first-child>div{animation:marquee-mobile 18s linear infinite!important}.bottom-nav .info-section.right img{height:22px!important}}@media screen and (max-height: 500px) and (orientation: landscape){.top-nav{padding:8px 12px!important}.top-nav .nav-section img{height:40px!important}.side-nav{top:50px;gap:2px}.side-nav .ui-button.vertical{padding:6px 4px!important;font-size:8px!important}.bottom-nav{padding:6px 12px 24px!important}.bottom-nav .info-text{font-size:8px!important}}@media screen and (min-width: 769px) and (max-width: 1024px){.search-bar-container{width:80%;max-width:600px}.top-nav .nav-section img{height:55px}.ui-button{font-size:13px}.bottom-nav .info-text{font-size:12px}}@supports (padding-bottom: env(safe-area-inset-bottom)){@media screen and (max-width: 768px){.bottom-nav{padding-bottom:calc(16px + env(safe-area-inset-bottom))!important}}}@media screen and (max-width: 768px){button,a,.ui-button{min-height:44px;min-width:44px}*{-webkit-text-size-adjust:100%}}@media screen and (max-width: 768px){*{animation-duration:.3s!important}canvas{image-rendering:optimizeSpeed}}