/* Keep the garden and its everyday actions in the first screen. */
.room-sr-title{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.site-header{flex-wrap:nowrap;align-items:center;padding:12px 0;gap:16px;min-height:68px}
.brand{flex:0 0 auto}.brand img{width:36px;height:36px}.brand b{font-size:17px}.brand small{display:none}.brand-green{display:inline;margin-left:3px}
.header-actions{display:flex;flex-wrap:nowrap;align-items:center;gap:8px;min-width:0;width:auto;flex:0 1 650px}
.player-button{flex:1 1 170px;min-width:0;max-width:260px;min-height:44px;padding:8px 12px;border-radius:14px}
.player-button b{display:block;min-width:0;font-size:13px}.player-button>span{flex-shrink:0}
.age-button{flex:0 0 auto;min-height:44px;padding:5px 12px;gap:0 9px}.age-button>span:first-child{font-size:9px}.age-button>b{font-size:12px}
.header-actions .music-button,.header-actions .icon-button{flex:0 0 44px;width:44px;min-width:44px;height:44px;font-size:19px}
.main-nav{margin-bottom:12px;padding-bottom:9px}.main-nav>button{min-height:42px}
.room-grid-focused{grid-template-columns:minmax(0,1.85fr) minmax(250px,1fr);gap:18px;align-items:start}
.room-grid-focused .habitat-card{padding:8px;box-shadow:0 4px 18px #586d4010}
.room-grid-focused .habitat{height:420px;border-radius:22px}
.room-progress{background:#fffdf7;border:1px solid #e2e7d7;border-radius:24px;padding:14px;min-width:0;box-shadow:0 4px 18px #586d4008}
.room-record{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 5px 12px;font-size:11px;color:#758369;border-bottom:1px solid #e7eadf}.room-record b{font-size:14px;color:#536b46}
.room-progress>.friendship-meter{margin:12px 0;padding:13px}.room-progress .reward-goal{margin:12px 0}.room-progress .progress-section{padding:12px 3px 5px}.room-progress .progress-text{font-size:11px}.room-progress .stage-path{margin-top:16px}
.room-grid-focused .place-strip{padding:7px 10px;font-size:11px}.room-grid-focused .garden-care-actions{padding:8px 0 1px;gap:8px}.room-grid-focused .garden-care-actions button{min-height:64px}
.room-play-visit{max-width:900px;margin:0 auto 20px;padding:8px}.room-play-visit .habitat{border-radius:20px}
.bottom-row{margin-top:15px}.page-footer{margin-top:20px}
@media(max-width:900px){.brand>span{display:none}.header-actions{flex:1}.room-grid-focused{grid-template-columns:minmax(0,1.5fr) minmax(230px,1fr);gap:12px}.room-grid-focused .habitat{height:370px}}
@media(max-width:730px){
 body{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}
 .site-header{min-height:61px;gap:7px;padding:8px 0}.brand{flex:0 0 30px}.brand img{width:30px;height:30px}.brand>span{display:none}
 .header-actions{width:auto;flex:1;gap:6px;justify-content:flex-end;min-width:0}.player-button{min-height:42px;max-width:none;flex:1 1 80px;gap:4px;padding:6px 8px}.player-button>span:first-child{display:none}.player-button b{font-size:12px}
 .age-button{padding:4px 7px;gap:0 5px;min-height:42px}.age-button>span:first-child{font-size:8px}.age-button>b{font-size:11px}.age-button>span:last-child{font-size:14px}
 .header-actions .music-button,.header-actions .icon-button{flex:0 0 40px;min-width:40px;width:40px;height:42px;border-radius:13px;font-size:18px}
 .main-nav{margin-bottom:9px;padding-bottom:7px;gap:3px}.main-nav>button{min-height:39px;padding:7px 5px;font-size:10px;gap:4px}.main-nav>button>span:first-child{font-size:17px}
 .room-grid-focused{grid-template-columns:minmax(0,1fr);gap:12px}.room-grid-focused .habitat-card{padding:7px;border-radius:22px}.room-grid-focused .habitat{height:clamp(260px,47dvh,390px);border-radius:17px}
 .room-grid-focused .garden-care-actions{gap:6px;padding:7px 0 0}.room-grid-focused .garden-care-actions button{min-height:60px;border-radius:12px;gap:3px;font-size:11px}.garden-care-actions button svg,.garden-care-actions button img{width:25px;height:25px}
 .room-grid-focused .place-strip{padding:5px 8px;font-size:10px}.room-progress{padding:11px;border-radius:20px}.room-progress>.friendship-meter{margin:9px 0;padding:11px}.room-progress .friendship-hint{font-size:10px;line-height:1.65}.room-progress .friendship-label{font-size:12px}
 .room-progress .reward-goal{margin:10px 0;font-size:10px}.room-progress .progress-section{padding:10px 2px 3px}.room-progress .stage-path{margin-top:12px}.room-progress .stage-step{font-size:8px}
 .pet-tag{top:10px;left:10px}.habitat .pet-speech{top:58px;max-width:85%;font-size:11px;padding:7px 11px}.room-play-visit .habitat{height:clamp(260px,47dvh,390px)}
}
@media(max-width:350px){.site-header{gap:5px}.brand{display:none}.header-actions{gap:5px}.player-button{padding:6px}.main-nav>button{font-size:9px}.age-button{padding:4px 6px}}
@media(max-width:730px){
 .room-grid-focused .habitat.room-play-active{height:clamp(260px,42dvh,350px);min-height:260px}
 .room-play-controls{padding:6px 7px}.room-play-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:5px}
 .room-play-toolbar>strong{min-width:0;font-size:10px;text-align:left;overflow-wrap:anywhere;line-height:1.5}
 .room-play-toolbar button{padding:6px 8px;min-height:42px;font-size:10px}.room-play-status{font-size:10px;margin:4px 0 0;line-height:1.5}
}