.footer{width:100%;background:var(--background-light);color:var(--text-primary);padding:30px 20px;border-top:1px solid var(--border-color);text-align:center;margin-top:auto;flex-shrink:0}.footer-container{display:flex;flex-direction:column;gap:20px;maxWidth:1200px;margin:0 auto;align-items:center}.footer-links{display:flex;gap:24px;flex-wrap:wrap;justify-content:center;font-size:14px;color:#888}.footer-link{text-decoration:none;color:inherit;transition:color .2s}.footer-link:hover{color:#fff}.footer-nexon-info{text-align:center}.footer-nexon-title{font-weight:700;color:var(--primary-color);margin:0 0 8px;font-size:14px;letter-spacing:.5px}.footer-disclaimer{color:#666;margin:0;font-size:12px;line-height:1.6;max-width:800px}@media (max-width:768px){.footer{padding:24px 16px}.footer-links{gap:12px 16px;font-size:13px}.footer-disclaimer{font-size:11px;line-height:1.5;text-align:center;word-break:keep-all}}.header{background-color:var(--surface-color);border-bottom:1px solid var(--border-color);height:64px;display:flex;align-items:center;padding:0 24px;position:-webkit-sticky;position:sticky;top:0;z-index:1000;box-shadow:0 2px 8px rgba(0,0,0,.2);position:relative}.logo img{vertical-align:middle}.header-update-badge{display:flex;align-items:center;gap:8px;background:hsla(47,87%,75%,.1);border:1px solid hsla(47,87%,75%,.3);padding:6px 12px;border-radius:20px;font-size:.8rem;color:#f7e089;font-weight:600;cursor:help;transition:all .2s;margin-left:16px;white-space:nowrap}.header-update-badge:hover{background:hsla(47,87%,75%,.2);border-color:hsla(47,87%,75%,.5);transform:translateY(-1px)}.header-update-badge .dot{width:8px;height:8px;background:#f7e089;border-radius:50%;box-shadow:0 0 10px #f7e089;animation:header-blink 1.5s ease-in-out infinite}@keyframes header-blink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.header-menu{gap:0;margin-left:32px;flex:1 1}.header-menu,.menu-item,.pc-nav{display:flex;height:100%;align-items:center}.menu-item{color:var(--text-secondary);text-decoration:none;font-size:15px;font-weight:500;padding:0 16px;transition:all .2s;border-bottom:2px solid transparent}.menu-item:hover{color:var(--primary-color);background-color:hsla(0,0%,100%,.03)}.menu-item.active{color:#fff;background-color:rgba(0,153,255,.2);border-bottom-color:var(--primary-color);font-weight:600}.pc-auth-section{margin-left:auto;display:flex;align-items:center;height:100%}.user-profile-pc{display:flex;align-items:center;gap:12px}.avatar-pc{width:32px;height:32px;border-radius:50%;border:2px solid #5865f2;object-fit:cover}.username-pc{color:#80b3d9;font-size:14px;font-weight:500}.logout-btn-pc{background:#dc3545;color:#fff;border:none;padding:6px 12px;border-radius:4px;font-size:13px;cursor:pointer;font-weight:500;transition:background .2s}.logout-btn-pc:hover{background:#c82333}.login-btn-pc{background:#5865f2;color:#fff;border:none;padding:8px 16px;border-radius:4px;font-size:14px;cursor:pointer;font-weight:500;transition:background .2s}.login-btn-pc:hover{background:#4752c4}.menu-toggle-button{background:none;border:none;color:var(--text-secondary);font-size:15px;font-weight:600;cursor:pointer;padding:0 16px;height:100%;display:flex;align-items:center;gap:8px;transition:all .2s}.menu-toggle-button.active,.menu-toggle-button:hover{color:var(--primary-color);background-color:hsla(0,0%,100%,.03)}.expanded-menu-wrapper{position:absolute;top:100%;left:0;width:100%;background-color:#1e1e1e;border-bottom:1px solid #333;overflow-y:auto;max-height:0;opacity:0;transition:max-height .3s cubic-bezier(.4,0,.2,1),opacity .3s ease;box-shadow:0 10px 30px rgba(0,0,0,.5);z-index:999}.expanded-menu-wrapper.open{max-height:85vh;opacity:1;padding-bottom:40px}.expanded-menu-content{max-width:1400px;margin:0 auto;padding:32px 40px;display:flex;justify-content:center}.menu-sections-container{display:flex;flex-direction:row;gap:60px;justify-content:center;width:100%}.menu-section{flex:0 1 auto;min-width:200px}.menu-section-title{font-size:14px;font-weight:700;color:#80b3d9;text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid #333}.menu-grid{display:flex;flex-direction:column;gap:8px}.menu-card{display:flex;align-items:center;padding:10px 16px;background-color:#252525;border-radius:8px;text-decoration:none;transition:all .2s ease;border:1px solid transparent}.menu-card:hover{background-color:#2a2a2a;transform:translateX(4px);border-color:var(--primary-color)}.menu-card-title{font-size:15px;font-weight:600;color:#e0e0e0}.menu-card-desc{font-size:12px;color:#888;margin-top:2px;display:block}.menu-divider{width:1px;background-color:#333;align-self:stretch}@media (max-width:1024px){.header{height:56px;padding:0 16px}.pc-nav{display:none!important}.hamburger-menu{display:flex!important;position:relative;z-index:1001}.header-menu{margin-left:auto;flex:0 1}.pc-auth-section,.pc-nav{display:none!important}.mobile-hamburger{padding:0 8px}.mobile-drawer{position:fixed;top:56px;left:0;width:100%;height:calc(100vh - 56px);background-color:#121212;max-height:0;opacity:0;transition:all .3s ease}.mobile-drawer.open{max-height:100vh;opacity:1}.expanded-menu-content{flex-direction:column;padding:24px;gap:24px;height:100%;overflow-y:auto;justify-content:flex-start}.menu-section{min-width:100%}.menu-divider{width:100%;height:1px}.mobile-drawer-header{margin-bottom:8px}.mobile-user-card{display:flex;align-items:center;gap:16px;background:hsla(0,0%,100%,.05);padding:16px;border-radius:12px;border:1px solid hsla(0,0%,100%,.1)}.mobile-avatar-large{width:48px;height:48px;border-radius:50%;border:2px solid var(--primary-color)}.mobile-user-info{display:flex;flex-direction:column;flex:1 1}.mobile-welcome{font-size:12px;color:#888}.mobile-username-large{font-size:16px;font-weight:700;color:#fff}.mobile-logout-btn-minimal{background:none;border:1px solid #444;color:#888;padding:4px 10px;border-radius:4px;font-size:11px}.mobile-login-btn-large{width:100%;background:#5865f2;color:#fff;border:none;padding:14px;border-radius:8px;font-size:15px;font-weight:600}.mobile-menu-divider-strong{height:1px;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1),transparent);margin:20px 0}}