/* V2.2 iPhone repair: definite top-layer geometry, with one scrolling body.
   Do not put a viewport-fixed sheet inside an animated, auto-height dialog. */
@media(max-width:700px), (max-width:1000px) and (max-height:530px){
 #room-dialog[open]{animation:none!important;transform:none;opacity:1;visibility:visible}
 #room-dialog[data-room=music],#room-dialog[data-room=music][data-listening=true]{
  inset:calc(var(--visual-top,0px) + 100px) 10px auto;
  width:calc(100% - 20px);height:calc(var(--visual-height,100dvh) - 112px);
  max-height:none;min-height:0;margin:0;overflow:visible;
 }
 #room-dialog[data-room=music]>.room-inner{height:100%;max-height:none;min-height:0;padding:0;overflow:visible}
 #room-dialog[data-room=music] .room-content{flex:1 1 0px;min-height:0;overflow:hidden;position:static}
 #room-dialog[data-room=music] .music-room{position:static;height:100%;min-height:0;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;justify-content:stretch;align-items:stretch;gap:6px}
 #room-dialog[data-room=music] .music-shelf{grid-column:1;grid-row:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;align-self:stretch;padding:4px 3px 10px}
 #album-selection.music-console{grid-column:1;grid-row:2;align-self:end;width:100%;min-height:0;margin:0}
 #track-queue.playlist-drawer{
  position:absolute;inset:0;width:100%;height:100%;max-height:none;margin:0;
  animation:none;transform:none;visibility:visible;opacity:1;z-index:40;
  border-bottom-width:12px;border-image-width:24px 21px 21px;border-radius:18px;
 }
 #track-queue .ledger-inset{height:100%;min-height:0;overflow:hidden;padding-bottom:8px}
 #track-queue .queue-page{flex:1 1 0px;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}
 #track-queue .sheet-transport{flex:0 0 auto;background:#f6e8cbe8}
 #room-dialog[data-queue-open=true] .room-content{overflow:visible}
 #room-dialog[data-queue-open=true] .music-shelf,#room-dialog[data-queue-open=true] #album-selection,#room-dialog[data-queue-open=true] .room-header{visibility:hidden}
}
@media(max-width:700px) and (orientation:portrait){
 /* Keep the welcome note in its own lane above navigation, clear of gateways. */
 .place-label{display:none}
 .host-talk{position:fixed!important;left:16px!important;right:16px;top:auto!important;
  bottom:calc(94px + env(safe-area-inset-bottom));width:auto!important;max-width:none;
  transform:none;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 10px;
  padding:4px 8px!important;border-width:11px!important;border-image-width:15px;
 }
 .host-talk #talk-kicker{grid-column:1;font-size:8px}
 .host-talk #host-words{grid-column:1;font:13px/1.4 Georgia,serif}
 .host-talk #tarot-draw{grid-column:2;grid-row:1/3;align-self:center;max-width:115px;min-height:44px;margin:0;padding:5px 9px;font-size:11px}
 .host-talk .note-story{display:none}
 body:has(#mini-player:not([hidden])) .host-talk{bottom:calc(104px + env(safe-area-inset-bottom) + var(--mini-player-height,97px))}
 body[data-playing=true] .host-talk{visibility:hidden;opacity:0}
 .daily-dialog{max-height:calc(var(--visual-height,100dvh) - 130px);overflow-y:auto;padding:19px 17px;color:#51391f;filter:none;box-shadow:0 10px 22px #291b1140}
 .daily-dialog::backdrop{background:#382b1824}
 .daily-dialog .daily-reading{gap:13px;grid-template-columns:68px minmax(0,1fr)}
 .daily-dialog h2{font-size:24px;line-height:1.2}
 .daily-dialog p,.daily-dialog small{color:#5d4930}
}
@media(max-width:700px) and (max-height:730px){
 #room-dialog[data-room=music] .room-header{height:79px}
 #room-dialog .album-shelf{--cover-size:125px;height:177px}
}
@media(max-width:1000px) and (max-height:530px) and (orientation:landscape){
 #room-dialog[data-room=music],#room-dialog[data-room=music][data-listening=true]{inset:calc(var(--visual-top,0px) + 48px) 12px auto;width:calc(100% - 24px);height:calc(var(--visual-height,100dvh) - 58px)}
 #room-dialog[data-room=music] .room-header{height:0}
 #room-dialog[data-room=music][data-queue-open=true]{top:calc(var(--visual-top,0px) + 8px);height:calc(var(--visual-height,100dvh) - 16px)}
 #track-queue .sheet-handle{display:none}
 #track-queue .ledger-header{padding:1px 0 4px}
 #track-queue .ledger-header small,#track-queue .ledger-header p{display:none}
 #track-queue .ledger-tabs button{min-height:36px}
}