/* tier.css — per-device UI rules for spiritstriker.app.
   device.js stamps <html data-tier="phone|tablet|desktop"> before paint;
   this file loads AFTER index.html's inline styles so it wins the cascade.
   Desktop tier gets no rules here — desktop stays untouched. */

/* ===== PHONE: the book IS the app; the desk furniture gets put away ===== */

/* Desk overlays that bury the page at phone width (mirrors body.radioview's hide list) */
html[data-tier="phone"] #siderail,
html[data-tier="phone"] .lightcone,
html[data-tier="phone"] .scissors,
html[data-tier="phone"] .loupe,
html[data-tier="phone"] .polaroid,
html[data-tier="phone"] .jars,
html[data-tier="phone"] .hint { display: none !important; }

/* Right-edge page tabs are navigation — pull them fully on-screen */
html[data-tier="phone"] #tabs { right: 0 !important; }
