.navbar{z-index:100;background-color:var(--background);border-bottom:var(--border-width) solid var(--foreground);position:sticky;top:0}.navbar-inner{justify-content:space-between;align-items:center;gap:32px;height:72px;display:flex}.navbar-brand{font-family:var(--font-heading);font-weight:800;font-size:var(--text-xl);color:var(--foreground);letter-spacing:0;flex-shrink:0;align-items:center;gap:0;text-decoration:none;display:flex}.navbar-brand-logo{object-fit:contain;width:90px;height:90px;margin-right:-18px}.navbar-links{align-items:center;gap:8px;display:flex}.navbar-links>li{align-items:center;display:flex}.navbar-links a{font-family:var(--font-body);font-weight:500;font-size:var(--text-sm);color:var(--muted-foreground);border-radius:var(--radius-full);padding:8px 16px;transition:color .2s,background-color .2s}.navbar-links a:hover{color:var(--foreground);background-color:var(--muted)}.navbar-dropdown-wrap{position:relative}.navbar-dropdown-trigger{font-family:var(--font-body);font-weight:500;font-size:var(--text-sm);color:var(--muted-foreground);border-radius:var(--radius-full);cursor:pointer;white-space:nowrap;line-height:inherit;background:0 0;border:none;align-items:center;padding:8px 16px;transition:color .2s,background-color .2s;display:inline-flex}.navbar-dropdown-trigger:hover,.navbar-dropdown-trigger--open{color:var(--foreground);background-color:var(--muted)}.navbar-dropdown{background:var(--card);border:var(--border-width) solid var(--foreground);border-radius:var(--radius-md);box-shadow:4px 4px 0 var(--foreground);z-index:200;flex-direction:column;min-width:160px;display:flex;position:absolute;top:calc(100% + 6px);left:50%;overflow:hidden;transform:translate(-50%)}.navbar-dropdown-item{font-family:var(--font-body);font-weight:500;font-size:var(--text-sm);color:var(--foreground);white-space:nowrap;padding:11px 18px;text-decoration:none;transition:background .15s}.navbar-dropdown-item:hover{background:var(--muted)}.navbar-dropdown-item+.navbar-dropdown-item{border-top:1px solid var(--border)}.navbar-profile-wrap{position:relative}.navbar-profile-pill{border:var(--border-width) solid var(--foreground);border-radius:var(--radius-full);box-shadow:var(--shadow-card);cursor:pointer;font-family:var(--font-body);font-size:var(--text-sm);color:var(--foreground);background:#ffe9e6;align-items:center;gap:7px;padding:4px 10px 4px 4px;font-weight:600;transition:background .15s;display:inline-flex}.navbar-profile-pill:hover{background:#ffd8d3}.navbar-profile-name{text-overflow:ellipsis;white-space:nowrap;max-width:100px;overflow:hidden}.navbar-profile-chevron{color:var(--muted-foreground);flex-shrink:0;transition:transform .15s}.navbar-profile-pill--open .navbar-profile-chevron{transform:rotate(180deg)}.navbar-avatar{color:#fff;font-family:var(--font-heading);border:var(--border-width) solid var(--foreground);box-shadow:1px 1px 0 var(--foreground);background:#ff6f61;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:800;line-height:1;display:inline-flex}.navbar-profile-menu{border:2px solid var(--foreground);box-shadow:4px 4px 0 var(--foreground);z-index:200;background:#fff;border-radius:14px;min-width:200px;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.navbar-profile-menu-header{align-items:center;gap:10px;padding:14px 16px 12px;display:flex}.navbar-profile-menu-name{font-family:var(--font-body);font-weight:700;font-size:var(--text-sm);color:var(--foreground);white-space:nowrap;text-overflow:ellipsis;max-width:130px;overflow:hidden}.navbar-profile-menu-role{color:var(--muted-foreground);margin-top:1px;font-size:11.5px;font-weight:500}.navbar-profile-menu-divider{background:var(--border);height:1px;margin:0}.navbar-profile-menu-item{width:100%;font-family:var(--font-body);font-weight:500;font-size:var(--text-sm);color:var(--foreground);cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:none;align-items:center;gap:9px;padding:11px 16px;transition:background .15s;display:flex}.navbar-profile-menu-item:hover{background:var(--muted)}.navbar-profile-menu-item--danger{color:#dc2626}.navbar-profile-menu-item--danger:hover{background:#fee2e2}@media (max-width:640px){.navbar-profile-name,.navbar-profile-chevron{display:none}.navbar-profile-pill{padding:4px}}.navbar-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.navbar-actions .btn{font-size:var(--text-sm);padding:10px 20px}.navbar-xp[data-tooltip],.navbar-cents[data-tooltip]{position:relative}.navbar-xp[data-tooltip]:after,.navbar-cents[data-tooltip]:after{content:attr(data-tooltip);background:var(--foreground);color:var(--background);font-family:var(--font-body);font-weight:500;font-size:var(--text-xs);white-space:nowrap;border-radius:var(--radius-sm);pointer-events:none;opacity:0;z-index:200;padding:6px 12px;transition:opacity .15s;position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%)}.navbar-xp[data-tooltip]:hover:after,.navbar-cents[data-tooltip]:hover:after{opacity:1}.navbar-xp{background:var(--muted);border:var(--border-width) solid var(--foreground);border-radius:var(--radius-full);box-shadow:var(--shadow-card);font-family:var(--font-heading);font-weight:800;font-size:var(--text-sm);color:var(--foreground);align-items:center;gap:5px;padding:6px 12px;display:inline-flex}.navbar-xp-icon-wrap{color:#fff;border:var(--border-width) solid var(--foreground);width:24px;height:24px;box-shadow:1px 1px 0 var(--foreground);background:radial-gradient(circle at 35% 28%,#cffafe,#22d3ee 30%,#0d9488 65%,#134e4a 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.navbar-xp--guest{opacity:.35;pointer-events:none;-webkit-user-select:none;user-select:none}.navbar-xp--mobile{display:none}.navbar-cents{background:var(--muted);border:var(--border-width) solid var(--foreground);border-radius:var(--radius-full);box-shadow:var(--shadow-card);font-family:var(--font-heading);font-weight:800;font-size:var(--text-sm);color:var(--foreground);align-items:center;gap:6px;padding:6px 14px 6px 8px;display:inline-flex}.navbar-cents--guest{opacity:.35;pointer-events:none;-webkit-user-select:none;user-select:none}.navbar-cents-coin{background:var(--tertiary);color:#fff;width:24px;height:24px;font-family:var(--font-heading);border:var(--border-width) solid var(--foreground);box-shadow:1px 1px 0 var(--foreground);border-radius:50%;justify-content:center;align-items:center;font-size:.75rem;font-weight:800;display:flex}.navbar-streak{border:var(--border-width) solid var(--foreground);border-radius:var(--radius-full);box-shadow:var(--shadow-card);font-family:var(--font-heading);font-weight:800;font-size:var(--text-sm);color:var(--foreground);background:#fff7ed;align-items:center;gap:5px;padding:6px 13px 6px 10px;display:inline-flex;position:relative;overflow:visible}.navbar-streak[data-tooltip]{position:relative}.navbar-streak[data-tooltip]:after{content:attr(data-tooltip);background:var(--foreground);color:var(--background);font-family:var(--font-body);font-weight:500;font-size:var(--text-xs);white-space:nowrap;border-radius:var(--radius-sm);pointer-events:none;opacity:0;z-index:200;padding:6px 12px;transition:opacity .15s;position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%)}.navbar-streak[data-tooltip]:hover:after{opacity:1}.navbar-streak-flame{flex-shrink:0;align-items:center;height:24px;display:flex;overflow:visible}.navbar-streak-count{min-width:10px}.navbar-streak--cold{opacity:.4;pointer-events:none;-webkit-user-select:none;user-select:none}.navbar-streak--mobile{display:none}.navbar-streak--fire{background:linear-gradient(135deg,#fff7ed 0%,#ffedd5 100%);border-color:#f97316;box-shadow:2px 2px #f97316}.navbar-mobile-bottom{align-items:center;gap:12px;display:flex}.navbar-end{align-items:center;gap:8px;display:flex}.navbar-cents--mobile,.navbar-end .navbar-cta--mobile{display:none}.navbar-toggle{color:var(--foreground);display:none}.navbar-mobile{display:none}@media (max-width:768px){.navbar-inner{gap:0;height:60px}.navbar-links,.navbar-actions{display:none}.navbar-brand{font-size:var(--text-xl);gap:0}.navbar-brand-logo{width:68px;height:68px;margin-right:-12px}.navbar-toggle{flex-shrink:0;justify-content:center;align-items:center;display:flex}.navbar-cents--mobile,.navbar-xp--mobile{font-size:var(--text-sm);box-shadow:none;gap:5px;padding:5px 10px;display:inline-flex}.navbar-end .navbar-cta--mobile{font-size:var(--text-sm);box-shadow:var(--shadow-card);padding:6px 14px;display:inline-flex}.navbar-xp--mobile .navbar-xp-icon-wrap{width:22px;height:22px}.navbar-cents--mobile .navbar-cents-coin{width:22px;height:22px;font-size:11px}.navbar-end{gap:5px}.navbar-mobile{padding:20px var(--container-padding) 24px;border-top:1px solid var(--border);background-color:var(--background);flex-direction:column;gap:16px;display:flex}.navbar-mobile ul{flex-direction:column;gap:4px;display:flex}.navbar-mobile a{font-family:var(--font-body);font-weight:500;font-size:var(--text-base);border-radius:var(--radius-md);color:var(--foreground);padding:12px 16px;transition:background-color .2s;display:block}.navbar-mobile a:hover{background-color:var(--muted)}.navbar-mobile-group-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.07em;color:var(--muted-foreground);margin-top:4px;padding:10px 16px 4px;font-weight:700}.navbar-mobile-subitem a{color:var(--foreground);font-size:var(--text-sm);padding-left:28px}.navbar-mobile .btn{justify-content:center;align-self:stretch}}