.viewer-toggle,
.arch-viewer-toggle {
    position: fixed;
    bottom: 1.25rem;
    right: 1.25rem;
    z-index: 10000;
    padding: 0.65rem 1.1rem;
    font-family: 'Orbitron', 'Rajdhani', sans-serif;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: none;
    color: #FFD700;
    background: rgba(5, 5, 5, 0.88);
    border: 1px solid rgba(139, 0, 0, 0.6);
    border-radius: 6px;
    cursor: pointer;
    backdrop-filter: blur(8px);
    box-shadow: 0 0 20px rgba(139, 0, 0, 0.25);
    transition: background 0.2s, border-color 0.2s, color 0.2s;
}

.viewer-toggle:hover,
.arch-viewer-toggle:hover {
    background: rgba(139, 0, 0, 0.35);
    border-color: #B22222;
    color: #fff;
}

.viewer-toggle[aria-pressed="true"],
.arch-viewer-toggle[aria-pressed="true"] {
    background: rgba(139, 0, 0, 0.55);
    border-color: #FFD700;
    color: #fff;
}

body.viewer-only,
body.architecture-only {
    overflow: hidden;
}

body.viewer-only::before,
body.architecture-only::before {
    display: none !important;
}

body.viewer-only nav,
body.viewer-only .wrap,
body.viewer-only .content-wrap,
body.viewer-only footer,
body.viewer-only .skip-link,
body.architecture-only nav,
body.architecture-only .wrap,
body.architecture-only .content-wrap,
body.architecture-only footer,
body.architecture-only .skip-link {
    visibility: hidden !important;
    pointer-events: none !important;
}

body.viewer-only #geometry-canvas,
body.viewer-only #world-canvas,
body.architecture-only #geometry-canvas,
body.architecture-only #world-canvas {
    z-index: 1;
    pointer-events: auto;
}

/* Dim globe behind page copy; full color in viewer */
#geometry-canvas,
#world-canvas {
    transition: filter 0.45s ease;
}

/* Earth dimmed via JS material tint only — rings/core stay at full brightness */
body.viewer-only #geometry-canvas,
body.viewer-only #world-canvas,
body.architecture-only #geometry-canvas,
body.architecture-only #world-canvas,
body:not(.viewer-only):not(.architecture-only) #geometry-canvas,
body:not(.viewer-only):not(.architecture-only) #world-canvas {
    filter: none;
}