/* ===================================================================== STARK-JAMESHA Hologram Desk — phone layout (additive, self-contained) --------------------------------------------------------------------- Problem this solves: on a phone, EXAMINATION (.panel--right, bottom 7.5rem), CYPHER (.ops-console, bottom ~11rem) and the PROJECTOR LIBRARY rack are all fixed to the lower half of the viewport at once. They overlap and squeeze the hologram into the top third of the screen. Approach: below 820px, those three become a single bottom sheet with a tab bar (DESK / EXAM / CYPHER / LIBRARY). Only one is on screen at a time, and DESK shows none of them so the hologram gets the full viewport. Nothing is moved in the DOM - panels stay exactly where they are and keep their ids, listeners and behaviour; this file only repositions them and toggles visibility from a class on . Remove by deleting the desk-mobile.css and deskMobile.js