.view-toggle{font-family:var(--sans,Arial,sans-serif);font-size:13px;font-weight:600;color:var(--paper);border:1px solid var(--line);padding:10px 14px;min-height:44px;white-space:nowrap;transition:color .2s,border-color .2s,background .2s}
.view-toggle:hover{color:var(--accent);border-color:var(--accent)}
.view-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.view-toggle:active{transform:translateY(1px)}
html[data-view="classic"] #stage-gl,html[data-view="classic"] #stage-fb{display:none}
html[data-view="dynamic"] #stage-gl,html[data-view="dynamic"] #stage-fb{pointer-events:none}
@media(max-width:760px){.header-tools{gap:10px;flex-wrap:wrap;justify-content:flex-end}.view-toggle{font-size:12px;padding:9px 10px;min-height:44px}.site-header .topline{gap:12px;flex-wrap:wrap}.brand-motto{display:none}.topline .header-tools{margin-left:auto}.site-header .brand{font-size:clamp(28px,7vw,40px)}.theme-toggle .theme-label{display:none}}
@media(max-width:430px){.header-tools{gap:7px}.view-toggle{padding:8px;font-size:11px}.site-header .brand svg{margin-right:5px}.site-header .topline{gap:5px}}
@media(prefers-reduced-motion:reduce){.view-toggle{transition:none}}