/* One decision, five aspirations. All choices remain on screen; art yields first. */
#dreams .dream-options{gap:7px}
#dreams .dream-choice{min-height:58px;padding:7px 10px 7px 7px;gap:12px;border-radius:13px;background:linear-gradient(110deg,#202f3ce8,#14232bef)}
#dreams .dream-choice strong{font-size:18px;line-height:1.18;text-wrap:pretty}
#dreams .dream-thumb{width:43px;height:44px;object-fit:cover;border-radius:7px;flex:none}
#dreams .dream-mark{font-size:18px;flex:none}
#dreams .dream-choice[aria-pressed=true]{background:linear-gradient(110deg,#745c3ce8,#29343bed);border-color:#f0c88e;box-shadow:inset 3px 0 #e9bf80,0 0 22px #ffce8a13}
#dreams .dream-breathing{align-items:flex-end;min-height:64px;padding:10px 4px 14px}
#dreams #dream-selected-detail{display:block;font:17px/1.35 Georgia,serif;max-width:330px;text-wrap:pretty;text-shadow:0 2px 10px #000,0 1px 3px #000}
#dreams .dream-shade{background:linear-gradient(#0b1625b3,transparent 34%,#0b16256b 46%,#0b1625e8 70%,#0b1625f5)}
#dreams #dream-selection-status{margin:7px 0;min-height:13px}
@media(max-height:740px){
 #dreams .dream-choice{min-height:51px;padding:5px 8px 5px 6px;gap:9px}
 #dreams .dream-choice strong{font-size:17px}
 #dreams .dream-thumb{width:37px;height:40px}
 #dreams .dream-options{gap:5px}
 #dreams .dream-breathing{min-height:55px;padding:6px 2px 9px}
 #dreams #dream-selected-detail{font-size:15px;line-height:1.3}
}
@media(max-height:560px) and (orientation:portrait){
 .cinema #dreams{padding-top:calc(54px + var(--safe-top));padding-bottom:calc(8px + var(--safe-bottom))}
 #dreams .dream-heading .chapter,#dreams .guest-session{display:none}
 #dreams .dream-heading h2{font-size:24px}
 #dreams .dream-choice{min-height:46px;padding:4px 8px 4px 6px}
 #dreams .dream-choice strong{font-size:16px;line-height:1.15}
 #dreams .dream-thumb{width:33px;height:36px}
 #dreams .dream-breathing{min-height:48px;padding:6px 0}
 #dreams #dream-selected-detail{font-size:14px;line-height:1.2}
 #dreams #dream-selection-status{font-size:9px;min-height:12px;margin:4px 0}
}
@media(orientation:landscape) and (max-height:600px){
 .cinema #dreams{grid-template-columns:minmax(170px,.8fr) minmax(0,1.4fr);column-gap:18px;padding-top:calc(52px + var(--safe-top))}
 #dreams .dream-heading{align-self:start}
 #dreams .dream-breathing{align-items:flex-end;align-self:stretch;min-height:0;padding:10px 0;max-width:350px}
 #dreams .dream-bottom{width:100%;min-height:0}
 #dreams .dream-options{grid-template-columns:1fr 1fr;gap:6px}
 #dreams .dream-choice{min-height:54px;gap:6px;padding:6px}
 #dreams .dream-choice strong{font-size:15px}
 #dreams .dream-thumb{display:none}
 #dreams .dream-choice>span:nth-child(2){flex:1}
 #dreams .dream-choice:last-child{grid-column:1 / -1}
 #dreams .guest-session{display:none}
 #dreams #dream-selected-detail{font-size:15px}
 #dreams .dream-shade{background:linear-gradient(90deg,#0b162575,#0b1625cc 60%,#0b1625e8)}
}
@media(orientation:landscape) and (max-height:360px){
 #dreams .dream-heading .chapter{display:none}
 #dreams .dream-heading h2{font-size:24px}
 #dreams .dream-choice{min-height:46px}
 #dreams .dream-choice strong{font-size:14px;line-height:1.15}
 #dreams .dream-options{gap:4px}
 #dreams #dream-selection-status{margin:4px 0;font-size:9px}
}
/* On short portrait screens two columns preserve readable text and 44px targets,
   including space reserved for a phone's notch and home indicator. */
@media(max-height:650px) and (orientation:portrait){
 .cinema #dreams{padding-top:calc(54px + var(--safe-top));padding-bottom:calc(8px + var(--safe-bottom))}
 #dreams .dream-heading .chapter,#dreams .guest-session{display:none}
 #dreams .dream-heading h2{font-size:24px}
 #dreams .dream-options{grid-template-columns:1fr 1fr;gap:6px}
 #dreams .dream-choice{min-height:60px;padding:7px 8px;gap:6px}
 #dreams .dream-choice strong{font-size:16px;line-height:1.18}
 #dreams .dream-thumb{display:none}
 #dreams .dream-choice:last-child{grid-column:1 / -1;min-height:48px}
 #dreams .dream-breathing{min-height:48px;padding:7px 0}
 #dreams #dream-selected-detail{font-size:14px;line-height:1.25}
 #dreams #dream-selection-status{margin:5px 0;min-height:12px}
}
/* A user's larger text setting must not force either column outside the viewport. */
#dreams .dream-choice{min-width:0}
#dreams .dream-choice strong{overflow-wrap:anywhere;hyphens:auto}
@media(max-height:650px) and (orientation:portrait),(orientation:landscape) and (max-height:600px){
 #dreams .dream-options{grid-template-columns:repeat(2,minmax(0,1fr))}
}