/* Carriage chrome stays quiet; the seats and trolley are the main controls. */
#cabinUi[hidden],.cabin-sale[hidden] { display:none; }
#cabinUi { position:absolute; inset:0; z-index:6; pointer-events:none; }
.cabin-header { position:absolute; top:max(16px,env(safe-area-inset-top)); left:max(22px,env(safe-area-inset-left)); right:max(16px,env(safe-area-inset-right)); padding-right:var(--play-screen-slot,0px); display:flex; justify-content:space-between; align-items:flex-start; gap:12px; }
.cabin-heading strong { display:block; font:700 clamp(24px,2.8vw,36px)/1.15 "Kaiti SC","STKaiti","KaiTi",serif; color:#3d6152; }
.cabin-heading>span { display:block; margin-top:5px; font-size:11px; color:#76816a; }
.cabin-header nav { display:flex; gap:8px; pointer-events:auto; }
.cabin-header button { border:1px solid #a6b399; border-radius:6px 11px 6px 9px; background:#f4f0dce8; display:flex; align-items:center; gap:6px; min-height:44px; padding:5px 11px; font-size:12px; white-space:nowrap; }
.cabin-header button svg { width:21px; height:21px; }
.cabin-dock { position:absolute; bottom:max(12px,env(safe-area-inset-bottom)); left:50%; transform:translateX(-50%); width:max-content; max-width:calc(100% - 24px); text-align:center; }
#cabinHint { color:#546d55; font-size:12px; line-height:1.6; padding:0 8px 8px; max-width:600px; margin:auto; text-shadow:0 1px #f0f0db; }
.cabin-actions { display:flex; justify-content:center; gap:5px; padding:6px 8px; background:#f1eddaed; border:1px solid #bdc3a5; border-radius:6px 12px 6px 10px; box-shadow:0 3px #8e9d7d40; pointer-events:auto; }
.cabin-actions button { border:0; border-radius:5px; background:transparent; min-height:44px; padding:4px 12px; display:flex; align-items:center; justify-content:center; gap:7px; font-size:12px; white-space:nowrap; }
.cabin-actions button:first-child { background:#557961; color:#f3eed7; }
.cabin-actions svg { width:25px; height:25px; }
#cabinSound[aria-pressed=false] { opacity:.6; }
#cabinRestroom[aria-pressed=true] { background:#e0d4b9; color:#785d49; }
.cabin-sale { pointer-events:auto; position:absolute; left:50%; bottom:122px; transform:translateX(-50%); width:min(370px,calc(100% - 28px)); background:#f7f0d9f5; border:1px solid #b9ae8a; border-radius:8px 14px 8px 11px; padding:7px 12px 12px; box-shadow:0 8px 28px #4a685428,0 4px #b9a883; }
.cabin-sale-heading { display:flex; align-items:center; justify-content:space-between; font:19px "Kaiti SC","STKaiti",serif; }
#cabinCloseSale { border:0; background:none; width:36px; height:36px; display:grid; place-items:center; }
.cabin-foods { display:flex; gap:9px; }
.cabin-foods button { flex:1; border:1px solid #b7bea255; background:#ffffff36; border-radius:5px; padding:10px 3px 7px; display:grid; justify-items:center; gap:6px; font-size:12px; }
.cabin-foods svg { width:43px; height:43px; }
.game.cabin-open #gardenTools { display:none; }
#enterCabin { border:1px solid #8ea086; background:#edf0dce8; color:#486951; min-height:44px; padding:6px 12px; border-radius:6px 10px 5px 8px; font-size:12px; white-space:nowrap; }
@media(max-width:600px) and (orientation:portrait) {
  .cabin-header { top:14px; left:15px; gap:6px; }
  .cabin-heading strong { font-size:24px; max-width:170px; }
  .cabin-heading>span { font-size:9px; }
  .cabin-header nav { gap:5px; }
  .cabin-header button { padding:4px 7px; flex-direction:column; font-size:10px; gap:1px; }
  .cabin-header button svg { width:18px; height:18px; }
  .cabin-actions { gap:1px; padding:5px; }
  .cabin-actions button { padding:4px 9px; flex-direction:column; font-size:10px; gap:3px; }
  .cabin-actions svg { width:23px; height:23px; }
  #cabinHint { font-size:11px; max-width:340px; }
  .cabin-sale { bottom:135px; }
  #enterCabin { min-height:36px; padding:5px 10px; font-size:11px; }
}
@media(max-height:520px) and (orientation:landscape) {
  .cabin-header { top:9px; left:16px; }
  .cabin-heading strong { font-size:24px; }
  .cabin-heading>span { font-size:9px; margin-top:3px; }
  .cabin-header button { min-height:38px; font-size:11px; }
  .cabin-dock { bottom:7px; }
  #cabinHint { padding-bottom:3px; font-size:10px; }
  .cabin-actions { padding:3px 7px; }
  .cabin-actions button { min-height:37px; padding:3px 11px; font-size:11px; }
  .cabin-actions svg { width:22px; height:22px; }
  .cabin-sale { bottom:89px; width:320px; }
  .cabin-foods button { padding:5px 3px; }
  .cabin-foods svg { width:33px; height:33px; }
  #enterCabin { min-height:38px; }
}