.navbar{z-index:50;background:var(--color-surface);border-bottom:1px solid var(--color-border);position:sticky;top:0}.navbar__inner{justify-content:space-between;align-items:center;gap:20px;max-width:1400px;margin:0 auto;padding:14px 32px;display:flex}.navbar__brand{font-family:var(--font-heading);color:var(--color-accent-strong);flex-shrink:0;font-size:1.4rem;font-weight:800;text-decoration:none}.navbar__links{flex-wrap:wrap;flex:1;align-items:center;gap:6px;display:flex}.navbar__link{font-family:var(--font-body);color:var(--color-text-secondary);background:0 0;border:1px solid #0000;border-radius:999px;padding:8px 18px;font-size:.92rem;font-weight:700;text-decoration:none;transition:background .15s,color .15s,border-color .15s;position:relative}.navbar__link:hover{background:var(--color-accent)}.navbar__link--active{background:var(--color-accent);border:1px solid var(--color-border);color:var(--color-accent-strong);box-shadow:var(--shadow-card)}.navbar__dot{display:none}.navbar__group-menus{align-items:center;gap:6px;display:flex}.navbar__dropdown-wrap{position:relative}.navbar__more-btn{cursor:pointer;font-family:var(--font-body);border:1px solid #0000;align-items:center;gap:4px;display:inline-flex}.navbar__more-caret{font-size:.7rem;transition:transform .15s}.navbar__more-btn--open .navbar__more-caret{transform:rotate(180deg)}.navbar__dropdown{background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-lg);min-width:230px;max-width:min(90vw,280px);max-height:min(70vh,460px);box-shadow:var(--shadow-card);z-index:60;padding:10px 8px 12px;position:absolute;top:calc(100% + 10px);left:0;overflow-y:auto}.navbar__dropdown-item{border-radius:var(--radius-sm);font-family:var(--font-body);color:var(--color-text-secondary);align-items:center;gap:9px;padding:8px;font-size:.86rem;font-weight:600;text-decoration:none;transition:background .15s,color .15s,transform .1s;display:flex}.navbar__dropdown-item-icon{color:var(--color-text-faint);flex-shrink:0;transition:color .15s}.navbar__dropdown-item:hover{background:var(--color-surface);color:var(--color-text);transform:translate(2px)}.navbar__dropdown-item:hover .navbar__dropdown-item-icon{color:var(--color-accent-strong)}.navbar__dropdown-item--active{background:var(--color-accent);color:var(--color-accent-strong);font-weight:700}.navbar__dropdown-item--active .navbar__dropdown-item-icon{color:var(--color-accent-strong)}.navbar__coins{background:var(--coin-burst-bg);border:1px solid var(--color-border);font-family:var(--font-heading);color:var(--coin-burst-text);border-radius:999px;flex-shrink:0;padding:8px 18px;font-size:.9rem;font-weight:800;transition:transform .2s}.navbar__coins--pulse{animation:.5s navbar-coin-pulse}@keyframes navbar-coin-pulse{0%{transform:scale(1)}40%{transform:scale(1.18)}to{transform:scale(1)}}.navbar__dropdown-group+.navbar__dropdown-group{margin-top:8px}.navbar__dropdown-label{text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-faint);margin:4px 8px;font-size:.72rem;font-weight:800}.navbar__you .navbar__dropdown{left:auto;right:0}.navbar__dropdown--wide{grid-template-columns:1fr 1fr;gap:0 8px;min-width:420px;max-width:min(92vw,460px);display:grid}.navbar__dropdown--wide .navbar__dropdown-group+.navbar__dropdown-group{margin-top:0}.navbar__more,.navbar__mobile-links{display:none}@media (max-width:1023px){.navbar__inner{gap:12px;padding:12px 20px}.navbar__link{padding:8px 12px}.navbar__foldable{display:none}.navbar__more{display:block}}@media (max-width:640px){.navbar__inner{gap:10px;padding:10px 16px}.navbar__brand{font-size:1.15rem}.navbar__links,.navbar .theme-switcher,.navbar__coins--guest{display:none}.navbar__mobile-links{flex:1;justify-content:flex-end;align-items:center;gap:4px;display:flex}.navbar__mobile-link{color:var(--color-text-secondary);white-space:nowrap;padding:6px;font-size:.85rem;font-weight:700;text-decoration:none}.navbar__mobile-menu{border:1px solid var(--color-border);background:var(--color-surface-alt);font-family:var(--font-body);color:var(--color-text);cursor:pointer;border-radius:999px;margin-left:4px;padding:6px 12px;font-size:.85rem;font-weight:700}.navbar--signed-in .navbar__inner{justify-content:space-between}.navbar--signed-in .navbar__coins{margin-left:auto;padding:6px 12px;font-size:.82rem}}.navbar__avatar{background:var(--color-accent-strong);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.95rem;font-weight:700;text-decoration:none;display:flex}