.auth-slot{display:flex;align-items:center;justify-content:center;min-width:42px}.auth-login-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:8px 11px;color:#fff;background:#5865f2;border:3px solid var(--ink);box-shadow:4px 4px 0 #303b9f;cursor:pointer;font:700 13px/1 'Pixelify Sans',sans-serif;white-space:nowrap}.auth-login-button:hover{color:#fff;background:#4752c4}.auth-discord-icon{width:22px;height:22px;object-fit:contain;image-rendering:pixelated}.auth-profile{position:relative}.auth-profile-button{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:4px 8px 4px 4px;color:var(--ink);background:var(--cream);border:3px solid #8e4d6d;box-shadow:4px 4px 0 #4b263e;cursor:pointer;font:600 13px/1 'Space Grotesk',sans-serif;white-space:nowrap}.auth-profile-button:hover,.auth-profile.open .auth-profile-button{background:#f0d5c7}.auth-profile-button img{width:32px;height:32px;object-fit:cover}.auth-profile-chevron{font-size:19px;line-height:1;transition:transform .2s}.auth-profile.open .auth-profile-chevron{transform:rotate(180deg)}.auth-profile-dropdown{position:absolute;top:calc(100% + 10px);right:0;z-index:80;display:none;min-width:170px;padding:8px;background:#29232f;border:3px solid var(--ink);box-shadow:5px 5px 0 var(--brown)}.auth-profile.open .auth-profile-dropdown{display:grid;gap:7px}.auth-account,.auth-logout{display:flex;align-items:center;gap:8px;padding:11px 12px;color:#fff;border:2px solid transparent;font:700 13px/1 Arial,sans-serif}.auth-account{background:#5865f2;border-color:#8790ff}.auth-account:hover{color:#fff;background:#4752c4}.auth-account-icon{font-size:16px;line-height:1}.auth-logout{background:#c9364f;border-color:#ff9aaa}.auth-logout:hover{background:#ed536a;color:#fff}
@media (min-width:801px){.topbar{grid-template-columns:auto minmax(0,1fr) auto auto auto}}
@media (max-width:800px){.topbar{grid-template-columns:minmax(0,1fr) auto auto auto auto;grid-template-areas:'brand language theme auth menu' 'nav nav nav nav nav';gap:8px}.auth-slot{grid-area:auth}.auth-login-button{min-height:38px;padding:7px 9px;font-size:12px;gap:5px}.auth-discord-icon{width:20px;height:20px}.auth-profile-button{width:42px;height:42px;padding:3px;gap:3px}.auth-profile-name{display:none}.auth-profile-button img{width:30px;height:30px}.auth-profile-chevron{font-size:17px}.auth-profile-dropdown{position:fixed;top:90px;right:14px;min-width:180px}}
.auth-discord-menu-icon{width:18px;height:18px;object-fit:contain;image-rendering:pixelated}
.auth-profile-dropdown{min-width:214px;padding:10px;background:#201b27;border:3px solid #f4c5a1;box-shadow:6px 6px 0 #7d4b38}
.auth-profile.open .auth-profile-dropdown{gap:8px}
.auth-account,.auth-logout{min-height:42px;padding:10px 13px;gap:10px;border:2px solid #aab1ff;font:700 14px/1 'Space Grotesk',sans-serif;transition:transform .15s,background .15s,box-shadow .15s}
.auth-account:hover,.auth-logout:hover{transform:translate(-2px,-2px);box-shadow:3px 3px 0 rgba(0,0,0,.35)}
.auth-account-icon{display:inline-grid;place-items:center;width:20px;height:20px;flex:0 0 20px;font-size:17px;line-height:1}
.auth-discord-menu-icon{width:20px;height:20px}
.auth-logout{border-color:#ff9aaa;background:#d93651}
.auth-logout:hover{background:#ef526a}
@media (max-width:800px){.auth-profile-dropdown{min-width:210px;padding:9px}.auth-account,.auth-logout{min-height:40px;padding:9px 12px}}
.auth-profile-button{color:#fff;background:#29232f;border-color:#ff9b70;box-shadow:4px 4px 0 #7d4b38}
.auth-profile-button:hover,.auth-profile.open .auth-profile-button{color:#fff;background:#3a2f42}
.auth-profile-dropdown{width:220px;min-width:220px;padding:9px;background:#17141d;border-color:#ff9b70;box-shadow:5px 5px 0 #7d4b38}
.auth-account,.auth-logout{width:100%;min-height:38px;padding:8px 11px;border:2px solid #aab1ff;font-size:13px;letter-spacing:.01em}
.auth-account:first-child{background:#5865f2}
.auth-account:nth-child(2){background:#4652bd}
.auth-account:hover{background:#737cff}
.auth-account:nth-child(2):hover{background:#5f6be0}
.auth-logout{background:#c9364f}
@media (max-width:800px){.auth-profile-dropdown{width:210px;min-width:210px}.auth-profile-button{background:#29232f}}
@keyframes auth-dropdown-in{0%{opacity:0;transform:translateY(-18px) scaleY(.72)}60%{opacity:1;transform:translateY(3px) scaleY(1.03)}100%{opacity:1;transform:translateY(0) scaleY(1)}}
.auth-profile.open .auth-profile-dropdown{animation:auth-dropdown-in .5s steps(6,end) both;transform-origin:top right}
.auth-profile.open .auth-account,.auth-profile.open .auth-logout{animation:auth-button-in .32s ease-out both}
.auth-profile.open .auth-account:nth-child(2){animation-delay:.12s}
.auth-profile.open .auth-logout{animation-delay:.24s}
@keyframes auth-button-in{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:translateX(0)}}
@media (prefers-reduced-motion:reduce){.auth-profile.open .auth-profile-dropdown,.auth-profile.open .auth-account,.auth-profile.open .auth-logout{animation:none}}