/* Shared tool navigation. Both tools stay mounted to preserve work in progress. */
.topbar{height:auto;min-height:84px;gap:16px;flex-wrap:wrap;padding-top:13px;padding-bottom:13px;border-bottom:1px solid #ffffff16}
.topbar .brand strong{font-size:22px}.topbar .brand{flex-shrink:0}
.tool-switch{display:flex;padding:4px;gap:4px;border:1px solid #ffffff24;border-radius:10px;background:#ffffff08}
.tool-switch button{background:transparent;color:#bdc9dc;padding:10px 18px;min-height:42px;white-space:nowrap;border-radius:7px;font-size:14px}
.tool-switch button[aria-selected=true]{background:#7cf0df;color:#173e40;font-weight:650}
.tool-switch button:hover:not([aria-selected=true]){background:#ffffff12;color:white}
.topbar .header-actions{gap:12px;margin-left:auto}.topbar .model-tag{display:none}
.site-links{display:flex;align-items:center;gap:15px;margin-left:auto}.site-updates{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:6px 0;color:#c8d5e8;font-size:14px;white-space:nowrap;flex-shrink:0;text-decoration:none}.site-updates:hover{color:#7cf0df;text-decoration:underline}.site-updates span{font-size:11px;line-height:1.6;padding:1px 6px;border:1px solid #ffffff30;border-radius:4px;color:#7cf0df}.site-updates:focus-visible{outline:3px solid #7cf0df;outline-offset:4px}
.tool-load-state{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:1360px;margin:16px 24px 0;padding:14px 18px;border:1px solid #dce6ef;border-radius:10px;background:#fff;color:#46566e;font-size:14px}.tool-load-state button{min-height:44px;padding:9px 16px;border:1px solid #cddce7;border-radius:7px;background:#f1faf7;color:#187f7a;white-space:nowrap}.tool-load-state[data-state=error]{border-color:#ead3d6;color:#a54a53;background:#fff8f8}.tool-load-state[hidden]{display:none!important}#simulator-panel[aria-busy=true]{opacity:.6}.topbar .header-actions[inert]{opacity:.55}
@media(prefers-reduced-motion:no-preference){.tool-switch button,.site-updates{transition:background-color .15s,color .15s}}
body[data-tool=replay]{height:100dvh;display:flex;flex-direction:column;overflow:hidden}
body[data-tool=replay]>.topbar{flex:none}
#replay-panel{margin:0;padding:0;flex:1;min-height:0}
#replay-tool{display:block;border:0;width:100%;height:100%;background:#f3f5f9}
body[data-tool=damage]{height:100dvh;display:flex;flex-direction:column;overflow:hidden}
body[data-tool=damage]>.topbar{flex:none}
#damage-panel{margin:0;padding:0;flex:1;min-height:0}
#damage-tool{display:block;border:0;width:100%;height:100%;background:#f3f5f9}
@media(max-width:1100px){.topbar{padding:14px 24px}.topbar .header-actions{width:100%;justify-content:flex-end}.topbar .header-actions .quiet{font-size:12px;padding:7px 12px}}
@media(max-width:760px){.topbar{padding:13px 16px;gap:12px}.topbar .brand strong{font-size:19px}.topbar .brand-mark{font-size:33px}.topbar .brand span:not(.brand-mark){font-size:11px}.tool-switch{width:100%}.tool-switch button{flex:1;font-size:14px;padding:9px 6px}.topbar .header-actions{margin:0;gap:8px}.topbar .header-actions .quiet{flex:1}}
@media(max-width:420px){.topbar{column-gap:7px}.site-links{gap:10px}.site-updates{font-size:12px}.site-updates span{display:none}.topbar .brand{gap:8px}.topbar .brand strong{font-size:17px}.topbar .brand-mark{font-size:28px}}
@media(max-width:760px){.topbar .header-actions .quiet{min-height:44px;font-size:13px}.tool-load-state{margin:12px 16px 0;padding:12px 14px;font-size:13px}#simulator-panel select,#simulator-panel input[type=search]{font-size:16px}.mobile-views button{min-height:44px}}
@media(max-width:360px){.topbar{padding:10px 12px;gap:8px}.site-links{gap:9px}.site-updates{font-size:11px}.topbar .brand strong{font-size:16px}.topbar .brand-mark{font-size:24px}.topbar .brand span:not(.brand-mark){font-size:10px}}

body[data-tool=replay].replay-action-view>.topbar{display:none}