/* WreckD account launchpad. All controls remain scoped to the account menu. */
body .account-dropdown{position:relative!important}
body .account-panel.menu{right:0;top:calc(100% + 12px);width:350px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 145px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:0;border:1px solid var(--border);border-top:3px solid var(--accent,var(--green));border-radius:14px;background:var(--panel);box-shadow:0 18px 55px #0005;z-index:80;text-align:left;font-size:13px;letter-spacing:0;line-height:1.4}
.account-panel .account-panel-identity{display:flex;align-items:center;gap:12px;padding:18px;background:linear-gradient(130deg,color-mix(in srgb,var(--accent,var(--green)) 17%,var(--panel)),var(--panel));border-bottom:1px solid var(--border)}
.account-panel .account-panel-identity>.avatar{margin:0;width:46px;height:46px;flex:0 0 46px;border-radius:12px;overflow:hidden}.account-panel .account-panel-identity>div{min-width:0;flex:1}.account-panel .account-panel-identity strong{padding:0;font-size:17px;letter-spacing:0;font-weight:750;text-transform:none;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.account-panel .account-panel-identity small{display:block;margin-top:4px;color:var(--muted);font-size:11px}.account-panel a.account-identity-settings{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;padding:0;border:1px solid var(--border);border-radius:50%;background:var(--panel)}
.account-panel :is(svg,i){width:18px;height:18px;font-size:18px;flex:0 0 18px}.account-panel a:hover{text-decoration:none}.account-panel .account-section-label{display:block;font-size:9px;font-weight:700;letter-spacing:1.5px;color:var(--muted);padding:12px 16px 7px}
.account-switcher{border-bottom:1px solid var(--border);padding-bottom:8px}.account-switcher form{margin:0}.account-panel .account-choice{display:flex;align-items:center;gap:10px;width:calc(100% - 20px);margin:0 10px;padding:9px 10px;border-radius:9px;background:transparent;color:var(--text);text-align:left;border:1px solid transparent}.account-panel .account-choice:hover,.account-panel .account-choice.is-active{background:color-mix(in srgb,var(--accent,var(--green)) 7%,var(--panel))}.account-panel .account-choice>.avatar{margin:0;width:32px;height:32px;flex:0 0 32px;border-radius:8px;overflow:hidden}.account-choice-copy{flex:1;min-width:0}.account-panel .account-choice-copy strong{display:block;padding:0;font-size:12px;text-transform:none;letter-spacing:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-choice-copy small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.account-choice-indicator{width:15px;height:15px;border:1px solid var(--border);border-radius:50%;flex:0 0 15px}.is-active .account-choice-indicator{border:4px solid var(--accent,var(--green));background:var(--panel)}
.account-panel .account-quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:14px;margin:0}.account-panel a.account-tile{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;min-height:98px;padding:12px!important;border:1px solid var(--border);border-radius:11px;background:color-mix(in srgb,var(--text) 3%,var(--panel));gap:4px;color:var(--text)}.account-panel a.account-tile:hover{border-color:var(--accent,var(--green));background:color-mix(in srgb,var(--accent,var(--green)) 8%,var(--panel))}.account-panel .account-tile>svg,.account-panel .account-tile>i{position:absolute;left:12px;top:12px;color:var(--accent,var(--green));width:21px;height:21px;font-size:21px}.account-panel .account-tile strong{padding:0;font-size:13px;font-weight:700;letter-spacing:0;text-transform:none}.account-panel .account-tile small{font-size:9px;color:var(--muted);line-height:1.35}.account-tile-count{position:absolute;right:10px;top:10px;font-size:11px;font-weight:700;line-height:1.4;border-radius:5px;min-width:23px;padding:2px 5px;text-align:center;background:color-mix(in srgb,var(--accent,var(--green)) 14%,var(--panel));color:var(--accent,var(--green))}.account-tile-count.notices{background:#f0ac4826;color:#8c5b16}.dark .account-tile-count.notices{color:#f6be6b}.account-tile-count.messages{background:#4bb6e326;color:#176482}.dark .account-tile-count.messages{color:#73d0f6}.account-tile-count.bookmarks{background:#d77fb726;color:#a15382}.dark .account-tile-count.bookmarks{color:#e5a4ca}
.account-panel .account-primary-links{display:grid;grid-template-columns:1fr;gap:2px;padding:0 14px 9px}.account-panel .account-primary-links>a,.account-panel .account-more nav>a{display:flex;align-items:center;gap:10px;padding:10px;border-radius:7px;font-size:12px}.account-primary-links :is(svg,i),.account-more :is(svg,i){color:var(--accent,var(--green))}.account-panel .account-more{margin:0 14px;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.account-more>summary{display:flex;align-items:center;justify-content:space-between;list-style:none;padding:12px 10px;cursor:pointer;font-size:12px;color:var(--muted)}.account-more>summary::-webkit-details-marker{display:none}.account-more[open]>summary span{transform:rotate(45deg)}.account-panel .account-more nav{display:grid;grid-template-columns:1fr;gap:2px;padding:0 0 8px}
.account-panel .account-panel-actions{display:grid;grid-template-columns:1.15fr 1fr;gap:8px;padding:14px}.account-panel .account-panel-actions>a{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px!important;border:1px solid var(--border);border-radius:8px;font-size:11px;font-weight:600}.account-panel .account-panel-actions>a.green{background:var(--accent,var(--green));color:var(--game-ink,#10212b);border-color:var(--accent,var(--green))}.account-panel .account-menu-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 14px 12px}.account-menu-footer>span{font-size:8px;letter-spacing:1px;color:var(--muted)}.account-menu-footer form{margin:0}.account-panel .account-menu-footer button{width:auto;display:flex;gap:6px;align-items:center;padding:6px;border-radius:5px;font-size:11px;color:var(--muted)}.account-panel .account-menu-footer button :is(i,svg){width:13px;height:13px;font-size:13px}.account-panel .account-menu-footer button:hover{color:#e47777}.account-panel .account-guest-actions{padding:18px;display:grid;gap:12px}.account-panel .account-guest-actions p{padding:0;margin:0;color:var(--muted);font-size:12px}.account-panel .account-guest-actions .button{background:var(--accent,var(--green));color:var(--game-ink,#10212b);border-radius:8px;text-align:center}.account-panel :focus-visible{outline:2px solid var(--accent,var(--green));outline-offset:2px}
@media(max-width:700px){body .account-dropdown{position:static!important}body .account-panel.menu{right:12px;top:100%;max-height:calc(100dvh - 145px);width:350px}.account-panel .account-panel-identity{padding:14px}.account-panel .account-quick-grid{gap:8px;padding:12px}.account-panel a.account-tile{min-height:94px}}
/* Existing collection tabs and global appearance control. */
.collection-navigation{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 24px}.collection-navigation a{padding:9px 13px;border:1px solid var(--border);border-radius:5px;font-size:12px}.collection-navigation a[aria-current=page]{border-color:var(--green);color:var(--green);background:color-mix(in srgb,var(--green) 8%,var(--panel))}
body .navbar-theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;min-width:32px;padding:0;background:transparent;border:0;border-radius:5px;color:var(--text);font-size:15px;cursor:pointer}body .navbar-theme-toggle:hover{background:color-mix(in srgb,var(--text) 8%,transparent);color:var(--green)}body .navbar-theme-toggle:focus-visible{outline:2px solid var(--green);outline-offset:3px}
