/* The home is a fitted room, while lists and dialogs keep their own scroll. */
.game-shell,.game-dialog,.match-panel{touch-action:pan-y pinch-zoom}
#main[data-view="home"]{display:flex;flex-direction:column;overflow:hidden;overscroll-behavior:none;touch-action:pinch-zoom}
#main[data-view="home"]>.view-content{flex:1;min-height:0;display:flex}
#main[data-view="home"] .home-desk{flex:1;min-height:0}
#main[data-view="home"] .room-viewport{flex:1;min-height:0;container-type:size;padding:0;overflow:hidden}
#main[data-view="home"] .clubhouse-room{width:min(100%,150cqh);max-width:none;min-height:0;max-height:100%;aspect-ratio:3/2}
.game-dialog .dialog-content{overscroll-behavior:contain;touch-action:pan-y pinch-zoom}
button,a,[data-action]{touch-action:manipulation;-webkit-tap-highlight-color:#41775c33}
button:active,[data-action]:active{filter:brightness(.91)}
.training-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:12px}
.training-options .training-support-card{display:flex;flex-direction:column;gap:8px}
.training-options .training-support-card .button{margin-top:auto}
.player-personality{margin-top:14px}
.offer-feeling blockquote{margin:12px 0;padding:10px 12px;border-left:3px solid #53846c;font-weight:700;background:#fffaf0}
.finance-composition{padding-bottom:16px}
.finance-composition>.small{padding:0 18px}
.finance-composition .panel-heading{flex-wrap:wrap;gap:12px}
.finance-composition .glance-numbers{padding:0 18px}
.finance-donuts{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:0 18px}
.finance-donut{min-width:0}.finance-donut h3{text-align:center}
.finance-donut svg{display:block;width:min(100%,180px);margin:0 auto}.finance-donut svg text{font-size:12px;fill:#4d5148}
.finance-donut ul{list-style:none;padding:0;margin:12px 0}.finance-donut li{display:flex;align-items:center;gap:7px;font-size:.8rem;margin:7px 0;flex-wrap:wrap}
.finance-donut li i{width:10px;height:10px;border-radius:50%;flex:none}.finance-donut li span{flex:1}.finance-donut li b{white-space:nowrap}
@media(max-height:740px){
 #main[data-view="home"]{gap:4px;padding-top:4px;padding-bottom:4px}
 #main[data-view="home"] .home-desk{gap:4px}
 #main[data-view="home"] .home-room-caption{display:none}
 #main[data-view="home"] .home-notice{padding-top:4px;padding-bottom:4px}
 #main[data-view="home"] .training-invitation{padding-top:3px;padding-bottom:3px;min-height:32px}
}
@media(max-width:360px){.finance-donuts{gap:12px;padding:0 12px}.finance-composition .segmented{width:100%}.finance-composition .segmented button{flex:1;font-size:.75rem}}
@media(max-height:500px) and (min-width:600px){
 #main[data-view="home"] .home-desk{display:grid;grid-template-columns:minmax(190px,1fr) 1.3fr;grid-template-rows:auto auto auto 1fr;gap:4px 12px}
 #main[data-view="home"] .room-viewport{grid-column:2;grid-row:1 / -1}
 #main[data-view="home"] .home-room-toolbar{align-self:start}
}
.compact-notices{display:none}
/* In a short viewport the room keeps the primary actions. Repeated summaries
   give way to a compact inbox shortcut; finance and training remain in-room. */
@media(max-height:560px){
 #main[data-view="home"]{padding-top:0;padding-bottom:0;gap:0}
 #main[data-view="home"]>.home-summary,
 #main[data-view="home"] .home-desk-heading,
 #main[data-view="home"] .home-notice,
 #main[data-view="home"] .home-calm,
 #main[data-view="home"] .training-invitation,
 #main[data-view="home"] .recovery-bond{display:none}
 #main[data-view="home"] .home-room-toolbar>.text-button{display:none}
 #main[data-view="home"] .home-room-toolbar>.compact-notices{display:inline-flex;min-height:36px;align-items:center;justify-content:center;padding:5px 9px}
}
@media(max-height:500px) and (min-width:600px){
 #main[data-view="home"] .home-desk{grid-template-columns:220px minmax(0,1fr);grid-template-rows:minmax(0,1fr)}
 #main[data-view="home"] .room-viewport{grid-column:2;grid-row:1;min-height:0}
 #main[data-view="home"] .home-room-toolbar{grid-column:1;grid-row:1;flex-wrap:wrap;align-content:start}
}

.player-card .player-art{scroll-margin-top:80px;scroll-margin-bottom:12px}

.next-goal-choice{padding:14px 16px;margin:4px 0 18px;background:#edf3e2;border:1px solid #b7c9a1;border-radius:12px}.next-goal-choice h2{font-size:1.2rem;line-height:1.5;margin:0 0 10px}.next-goal-choice p{font-size:.9rem;line-height:1.7;margin:8px 0}.next-goal-choice small{display:block;color:#625e50;line-height:1.5}