/* lb-hud-web.css: retire the superseded play-screen chrome once the approved HUD is mounted
   (html.lbhud-on, set by /js/lb-hud-bridge.js). Cameron's FINAL play screen, 2026-10-24
   (fermata-agents design-canon/components/lb-navigation): star + heart top-right only, the map
   medallion bottom-left, the mic bottom-right, top-left kept clear for slates and the call sheet.
   Taste gate lb-hud-superseded: no tab bar, no top-right portrait, no coins, no time top-left,
   no Journal tablet, no white rectangle panels. DOM nodes stay so every existing verb still works. */
html.lbhud-on #play-ui .topbar,
html.lbhud-on #play-ui .hud-metrics,
html.lbhud-on #play-ui #activity-feed,
html.lbhud-on #play-ui .location,
html.lbhud-on #play-ui .dock,
html.lbhud-on #play-ui #touch-controls,
html.lbhud-on #play-ui #joystick,
html.lbhud-on #play-ui #touch-interact,
html.lbhud-on #play-ui #focus-mic,
html.lbhud-on #play-ui #crosshair,
html.lbhud-on #play-ui #opening-cue,
html.lbhud-on #play-ui #producer-strip,
html.lbhud-on #conversation{display:none!important}
/* the island map, the drawer and the modal keep working, opened from the HUD; they sit above it */
html.lbhud-on #modal,html.lbhud-on #drawer,html.lbhud-on .island-map,html.lbhud-on [class*="island-map-"]{z-index:80}
/* official HUD only: a door or object is a place pill in the HUD's row (lb-hud-bridge.js focusPlace), never a prompt over the world */
html.lbhud-on #focus-prompt{display:none!important}
/* contextual prompts that stay: re-dressed as Pearl pills, never flat panels */
html.lbhud-on #held-prop,html.lbhud-on #toast{
  border-radius:24px!important;border:2px solid transparent!important;color:#3a1d3c!important;
  background:radial-gradient(130% 100% at 28% 10%,#ffffff,#fefcff 34%,#efe6fb) padding-box,linear-gradient(130deg,rgba(255,111,196,.95),rgba(196,139,255,.8) 50%,rgba(115,212,255,.95)) border-box!important;
  box-shadow:inset 0 8px 10px -6px #fff,0 10px 24px rgba(40,10,60,.4)!important;font-family:'Nunito',ui-rounded,system-ui,sans-serif!important}
html.lbhud-on #held-prop *{color:#3a1d3c!important}
html.lbhud-on #toast{top:calc(84px + env(safe-area-inset-top,0px))!important;max-width:min(78vw,420px)}
/* audio unlock (needed once on iOS): a small Pearl pill top-centre, clear of the star/heart emblem */
html.lbhud-on .villa-voice{position:fixed!important;top:calc(14px + env(safe-area-inset-top,0px))!important;left:50%!important;right:auto!important;transform:translateX(-50%);z-index:30}
html.lbhud-on .villa-voice button{background:linear-gradient(180deg,#fff9fc,#f4e6f1)!important;color:#3a1d3c!important;border:0!important;border-radius:999px!important;padding:6px 14px!important;font:600 13px 'Nunito',ui-rounded,system-ui,sans-serif!important;box-shadow:inset 0 8px 10px -6px #fff,0 8px 18px rgba(40,10,60,.35)!important}

/* held prop (lb-props: glow + tap, carried in the wing, no inventory panel, no white card).
   The only screen trace is a tiny Pearl use-count chip just left of the mic; tapping it uses the prop. */
html.lbhud-on #held-prop{position:fixed!important;left:auto!important;top:auto!important;right:calc(150px + env(safe-area-inset-right,0px))!important;bottom:calc(44px + env(safe-area-inset-bottom,0px))!important;
  min-width:0!important;max-width:none!important;width:auto!important;height:30px!important;padding:0 12px!important;border-radius:999px!important;display:inline-flex!important;align-items:center;gap:6px;
  background:linear-gradient(180deg,#fff9fc,#f4e6f1)!important;border:0!important;outline:0;box-shadow:inset 0 8px 10px -6px #fff,0 0 0 2px rgba(255,170,214,.55),0 0 16px rgba(255,140,200,.45)!important}
html.lbhud-on #held-prop[hidden]{display:none!important}
/* HQ 92d2c6e4 (2026-10-25): island-map.css's phone rule lifts #held-prop by the medallion slot + 24px (94px at <=600px) so the
   retired card cleared the cue band. With lbhud-on the old .location is display:none but not [hidden], so that rule still
   fired and raised the chip from bottom 44px to 138..168px, onto #focus-prompt (bottom 150px): "2 uses left" over "Back to
   the villa / Explore". The chip stays pinned beside the mic. */
html.lbhud-on #held-prop{translate:none!important}
html.lbhud-on #held-prop .eyebrow,html.lbhud-on #held-prop #held-prop-name,html.lbhud-on #held-prop .prop-use-hint{display:none!important}
html.lbhud-on #held-prop small{font:700 12px 'Nunito',ui-rounded,system-ui,sans-serif!important;color:#3a1d3c!important;letter-spacing:.01em;white-space:nowrap}
html.lbhud-on #held-prop::before{content:"";width:8px;height:8px;border-radius:50%;background:radial-gradient(circle,#fff 0 30%,#ff8fc8 70%);box-shadow:0 0 8px #ff8fc8}

/* North Star 2026-10-25: no flat "Tap to hear the villa" pill. Audio starts on the player's first tap (main.js enableCastVoices). */
#voice-unlock{display:none!important}

/* A rolling TV-sim take is AIR VIEW (score-row a96ec55b): the frame carries only what is drawn into the world. Canon:
   docs/design/lovebird-ui-screens/05-ingame-layout-grid.md row E (the free field is name tags and speech bubbles) and
   row "Dev only" (never in air view); design-canon/components/lb-hud/README.md (the HUD is the player's controls, and a
   take has no player). So the mic, the medallion, the emblem, the clapper and fan, the camera capsule, the call sheet,
   the slate and every page widget leave with the roll and come back on the wrap. lb-hud-bridge.js sets both classes on
   lb:tv-roll and clears them on lb:tv-wrap; lb-hud.js is not touched. */
.lbhud.lbh-tv-rolling > :not(.lbh-layers),
.lbhud.lbh-tv-rolling .lbh-layers > :not(.lbh-bubbles),
html.lbtv-rolling #play-ui,
html.lbtv-rolling #toast,
html.lbtv-rolling #command-recovery{display:none!important}
/* A medal pop never gates the map: it is shown and dismisses itself (lb-hud.js, 3.6 s); taps fall through to the game
   (dock run7, a96ec55b: the Greenlit medal held Day 1 behind "tap to continue"). */
html.lbhud-on .lbhud .lbh-tut.lbh-pop,html.lbhud-on .lbhud .lbh-tut.lbh-pop *{pointer-events:none!important}