/*
 * Low-end device guard: keep site chrome and content in a flat plane.
 * Mouse-driven perspective is disabled in JS; these overrides prevent
 * legacy 3D CSS from reintroducing GPU-heavy depth transforms.
 */
#scene,
#arc-stage,
.container,
.cockpit-hud,
.news-plane,
.regional-stage,
.rg-tilt {
    perspective: none !important;
    transform-style: flat !important;
}

#scene {
    perspective-origin: 50% 48% !important;
    transition: none !important;
}

#arc-stage,
.regional-orb,
.rg-tilt {
    will-change: auto !important;
}

body.has-site-chrome .container,
.regional-stage,
.rg-tilt {
    transform: none !important;
}

.hero:hover {
    transform: none !important;
}

body.focus-active .news-plane {
    transform: none !important;
}

.card.focused {
    transform: translate(-50%, -50%) scale(0.8) !important;
}

.story-hud-console,
.story-hud-console.active {
    transform: none !important;
}

#article-plane {
    transform: translate(-50%, -50%) scale(.97) !important;
}

#cursor,
#cursor-ring {
    display: none !important;
}