.main-header{display:flex;flex-wrap:nowrap;align-items:left;background:linear-gradient(to bottom,#000,#161616);box-shadow:0 2px 5px #00000080;padding-bottom:1rem}.mainTitle{display:flex;align-items:center;gap:.5rem}.menu-container{position:relative;top:0;left:0;background:linear-gradient(to bottom,#161616,#2b2b2b)}#topMenuToggleBtn{position:relative;top:-15px;left:1rem;background:#222;color:#0ff;border:none;font-size:.75rem;text-align:center;border-radius:4px;z-index:1001;width:30px;height:30px}#topMenuToggleBtn:hover{background:#333;color:#6ff}#top-menu{position:relative;top:-30px;display:flex;justify-content:center;height:1px;width:100vw;padding:1px;box-shadow:0 2px 5px #0006;overflow:hidden;transition:height .4s ease,padding .4s ease}#top-menu.expanded{height:40px;padding:.75rem 0}.top-menu-button{background:#222;color:#0ff;border:none;padding:.5rem 1.25rem;font-size:1rem;border-radius:4px;cursor:pointer;transition:background .2s ease,color .2s ease}.top-menu-button:hover{background:#333;color:#6ff}#user-panel{transition:transform .4s ease-out,opacity .4s ease-out;transform:translate(100%);opacity:0;position:fixed;top:0;right:0;background:#1a1a1a;color:#0ff;width:240px;padding:1rem;box-shadow:-2px 0 8px #0009;border-bottom-left-radius:8px;z-index:1000;margin-top:100px}#user-panel.active{transform:translate(0);opacity:1}#user-header{position:absolute;top:.5rem;right:.5rem;display:flex;flex-direction:column;align-items:center;gap:0;z-index:1001}#user-pic{width:48px;height:48px;border-radius:50%;object-fit:cover;margin-bottom:.25rem;display:block}#user-pic:hover{box-shadow:0 0 8px #0ff,0 0 12px #0cc;transition:box-shadow .2s ease}#user-welcome{font-size:.9rem;margin:0;color:#0ff;display:none;text-align:center}#user-actions button{display:block;width:100%;margin:.25rem 0;padding:.5rem;background:#222;color:#0ff;border:none;border-radius:4px;cursor:pointer;transition:background .2s ease,color .2s ease}#user-actions button:hover{background:#333;color:#6ff}#sign-in{padding:.5rem 1rem;font-size:1rem;background:#0ff;border:none;border-radius:4px;color:#000;cursor:pointer;position:absolute;top:1rem;right:1rem}#sign-in:hover{box-shadow:0 0 8px #0ff,0 0 12px #0cc;transition:box-shadow .2s ease}.content-frame{position:relative;top:-30px;display:block;width:100%;background:#000;height:100vh}.dw-login-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;font-family:Arial,sans-serif}.dw-login-modal.hidden{display:none}.dw-login-container{background:#141414f2;border-radius:12px;padding:40px;text-align:center;min-width:400px;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #000c}#dw-login-title-text{color:#fff;font-size:28px;margin:0 0 20px;font-weight:700}#dw-login-status-text{color:#0ff;font-size:16px;margin:0 0 30px}.dw-sign-in-button,.dw-return-button{background:#0080ff;color:#fff;border:none;padding:12px 30px;font-size:16px;border-radius:6px;cursor:pointer;margin-top:10px;transition:background .3s ease}.dw-sign-in-button:hover,.dw-return-button:hover{background:#0056cc}.dw-sign-in-button.hidden,.dw-return-button.hidden{display:none}#carousel-container{overflow:hidden;position:relative;height:50px;width:100%}#carousel-track{display:flex;gap:2rem;position:absolute;left:0;top:0;height:50px;will-change:transform}.carousel-img{width:40px;height:40px;margin-top:5px;object-fit:cover;border-radius:8px;opacity:1;transition:opacity 1s ease-in-out}.carousel-img:hover{box-shadow:0 0 8px #0ff,0 0 12px #0cc;transition:box-shadow .2s ease}