:root{--game-header-height:76px}
.header{position:absolute;inset:0 0 auto;height:var(--game-header-height);background:transparent;border:0;backdrop-filter:none;-webkit-backdrop-filter:none}
.brand{filter:drop-shadow(0 1px 1px #ffffffb3)}
.brand img.sagasu-wordmark{display:block;width:135px;height:45px;object-fit:contain;border:0;border-radius:0}
.startup h1 .sagasu-wordmark{display:block;width:min(100%,380px);height:auto;aspect-ratio:3/1;object-fit:contain;margin:auto}
@media(max-width:600px){.brand img.sagasu-wordmark{width:94px;height:31px}}
@media(max-width:360px){.brand img.sagasu-wordmark{width:75px;height:25px}}
@media(orientation:landscape) and (max-height:600px){
  .brand img.sagasu-wordmark{width:94px;height:28px}
  .startup h1 .sagasu-wordmark{width:min(100%,230px)}
}
.stage{height:max(716px,calc(100svh - 34px))}
.needs{top:calc(var(--game-header-height) + 26px)}
.pet-heading{top:calc(var(--game-header-height) + 26px)}
.rooms{top:calc(var(--game-header-height) + 180px)}
.mood{top:calc(var(--game-header-height) + 16px)}
@media(min-width:601px) and (max-width:1100px){
  .needs,.pet-heading{top:calc(var(--game-header-height) + 18px)}
  .rooms{top:calc(var(--game-header-height) + 170px)}
  .mood{top:calc(var(--game-header-height) + 124px)}
}
.gameplay-icon{width:24px;height:24px;object-fit:contain;flex-shrink:0;pointer-events:none}
.rooms .gameplay-icon{width:32px;height:32px}
.need-label .gameplay-icon{width:22px;height:22px}
.actions button>.gameplay-icon{width:32px;height:32px;grid-row:1/3}
.food-choice>.gameplay-icon{width:30px;height:30px}
.shop-item>.gameplay-icon{width:48px;height:48px}
.task>.gameplay-icon{width:22px;height:22px}
.hunt-preview>.gameplay-icon{width:48px;height:48px}
.balance.water>svg{display:none}
.balance.water::before{content:'';width:26px;height:26px;flex-shrink:0;background:url('assets/ui/gameplay-v1/cleanliness.png') center/contain no-repeat}
@media(max-width:600px){
  :root{--game-header-height:64px}
  .stage{height:max(734px,calc(100svh - 30px))}
  .needs{top:calc(var(--game-header-height) + 17px)}
  .pet-heading{top:calc(var(--game-header-height) + 121px)}
  .rooms{top:auto}
  .mood{top:calc(var(--game-header-height) + 125px)}
  .rooms .gameplay-icon{width:25px;height:25px}
  .need-label .gameplay-icon{width:20px;height:20px}
  .actions button>.gameplay-icon{width:25px;height:25px}
  .balance.water::before{width:18px;height:18px}
}
@media(orientation:landscape) and (max-height:600px){
  :root{--game-header-height:44px}
  .stage{height:100svh}
  .needs{top:calc(var(--game-header-height) + 8px)}
  .rooms{top:calc(var(--game-header-height) + 85px)}
  .mood{top:calc(var(--game-header-height) + 64px)}
  .stage[data-room] .speech{top:max(32%,130px)}
  #journal-panel{top:calc(var(--game-header-height) + 63px)}
  .rooms .gameplay-icon{width:19px;height:19px}
  .need-label .gameplay-icon{width:15px;height:15px}
  .actions button>.gameplay-icon{width:21px;height:21px}
  .food-choice>.gameplay-icon{width:20px;height:20px;grid-row:1/3}
  .balance.water::before{width:18px;height:18px}
}