/* Mobile keeps the room in view; supporting copy appears only on inspection. */
.cinema-choose,.cinema-held{display:none}
@media(max-width:700px){
 .quest,.discovery-hint,.object-cue,.machine-hint,.object-caption,.next-room,
 .room-heading .eyebrow,.room-heading #room-description{display:none!important}
 .contact-corner{top:max(16px,env(safe-area-inset-top));right:16px;min-height:44px;padding:14px 16px;font-size:9px}
 body[data-journey=room] .gallery-button{top:max(16px,env(safe-area-inset-top));left:16px;min-height:44px;font-size:9px}
 body[data-journey=room] .room-heading,
 body[data-chamber=archive] .room-heading{left:0;right:0;top:82px;bottom:auto!important;text-align:center;pointer-events:none}
 body[data-journey=room] .room-heading h2{font-size:29px;line-height:1.1;margin:0;color:#e8dfc9}
 body[data-journey=room] .machine-controls{left:50%;bottom:max(24px,env(safe-area-inset-bottom));width:max-content;max-width:calc(100% - 40px);min-height:52px;gap:16px}
 .machine-controls button{min-height:52px;padding:0 22px;border-radius:30px;font-size:10px}
 body[data-chamber=workshop] .machine-controls{padding:5px 20px;border:1px solid #c8ad7344;border-radius:30px;background:#0b1817df;backdrop-filter:blur(16px)}
 .machine-controls input{width:142px;height:44px}
 .machine-controls label{font-size:9px;letter-spacing:.08em}
 .scene-object{width:48px;height:48px}
 .object-beacon{width:30px;height:30px;background:#11221dbb;box-shadow:0 0 0 4px #d8c3940d}
 .object-beacon i{font-size:20px}
 .detail-dialog.discovery-dialog{bottom:max(12px,env(safe-area-inset-bottom));max-height:75dvh;border-radius:18px;padding:44px 24px 22px}
 .discovery-dialog h2{font-size:32px;margin-bottom:18px}
 .discovery-dialog .close-dialog{width:44px;height:44px;right:8px;top:6px}
 .discovery-dialog .eyebrow{margin-bottom:15px}
 .cinema-instruction,.film-name,.cinema-cancel,.projector-load{display:none}
 .screen-idle h2,.screen-idle>span{display:none}
 .screen-idle small{font-size:23px;letter-spacing:.24em;margin:0}
 .film-pick{width:44px;height:44px}
 .reel-number{font-size:9px}
 .cinema-choose{position:absolute;left:50%;bottom:max(24px,env(safe-area-inset-bottom));transform:translateX(-50%);display:flex;align-items:center;gap:24px;min-height:52px;padding:0 23px;pointer-events:auto;background:#0b1817ee;border:1px solid #c8ad7366;border-radius:30px;color:#eee2c8;font-size:12px}
 .cinema-choose span{font-size:20px;color:#d9bd83}
 .cinema-scene:not([data-state=idle]) .cinema-choose{display:none}
 .choosing .reel-picks{position:absolute;left:16px;right:16px;bottom:90px;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px;border:1px solid #c8ad7355;border-radius:18px;background:#0b1817f5;backdrop-filter:blur(18px);pointer-events:auto}
 .choosing .film-pick{position:relative;left:auto!important;top:auto!important;transform:none;width:100%;height:65px;display:flex;align-items:center;gap:10px;padding:10px;border-radius:9px;background:#c8ad730b;text-align:left;touch-action:manipulation}
 .choosing .film-name{display:block;position:static;transform:none;white-space:normal;background:none;border:0;box-shadow:none;padding:0;font-size:11px;text-align:left}
 .choosing .film-name small{display:none}
 .choosing .reel-number{position:static;flex-shrink:0;width:25px;height:25px;border:1px solid #c8ad7355;border-radius:50%}
 .cinema-scene[data-state=held] .cinema-held{position:absolute;left:16px;right:16px;bottom:max(24px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:10px;padding:8px 10px 8px 18px;border:1px solid #c8ad7355;border-radius:30px;background:#0b1817ee;pointer-events:auto}
 .cinema-held>span{flex:1;min-width:0;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#e9ddc5}
 .cinema-held button{min-height:44px;color:#e3c991;font-size:11px}
 .cinema-mobile-cancel{width:44px;font-size:24px!important}
 .cinema-transport{display:grid;grid-template-columns:1fr 1fr 44px 44px;bottom:max(20px,env(safe-area-inset-bottom));width:calc(100% - 32px);padding:10px 16px 7px;gap:0 8px;border-radius:18px;overflow:hidden}
 .cinema-transport .now-playing{grid-column:1/3}
 .now-playing{flex:1;min-width:0;padding-right:0}
 .now-playing strong{font-size:23px}.now-playing small{display:none}
 .cinema-transport .cinema-play,.cinema-transport .cinema-rewind{width:44px;min-height:44px}
 .cinema-info,.cinema-eject{font-size:8px!important;width:100%;min-height:44px}
 .cinema-info{grid-column:1/3}.cinema-eject{grid-column:3/5}
 .cinema-eject{text-align:right;border:0;padding:0}
}
