/* Fixed artwork for the isolated Maison Miaou pilot. All rules stay in home
   content; the shared navigation and game board keep their existing styles. */
/* A warm welcome, kept secondary to the level or resume action. */
#hub .desktop-lobby>.hub-title>div{position:relative;padding-left:51px;min-height:40px;display:flex;align-items:center}
#hub .desktop-lobby>.hub-title>div:before{content:'';position:absolute;left:0;top:50%;translate:0 -50%;width:38px;height:38px;border:1px solid var(--house-line);border-radius:14px;background:var(--house-paper) url('icon.svg') center/25px 25px no-repeat;box-shadow:0 3px 0 var(--house-shadow);pointer-events:none}
#hub .desktop-lobby>.hub-title h1{font-family:var(--house-title);font-size:clamp(20px,2vw,25px);font-weight:650;letter-spacing:-.4px;line-height:1.3;color:var(--house-ink)}
#hub .desktop-lobby:is([data-home-state=other],[data-home-state=conflict]) .hero-copy>.tag{display:none}
#hub .pilot-home .pilot-home-art{
 position:relative;display:block;min-width:0;min-height:0;width:100%;
 height:auto;aspect-ratio:3/2;max-width:615px;align-self:center;justify-self:end;
 margin:0;opacity:1;pointer-events:none;isolation:isolate;
}
#hub .pilot-home .pilot-home-scene{
 display:block;width:100%;height:100%;max-width:100%;overflow:hidden;
 border-radius:25px;pointer-events:none;
}
#hub .pilot-home .pilot-home-art .pilot-home-scene>img{
 position:static;inset:auto;display:block;z-index:auto;
 width:100%;max-width:none;height:100%;max-height:none;margin:0;
 object-fit:contain;object-position:50% 50%;border-radius:inherit;
 filter:none;transform:none;animation:none;transition:none;
}
#hub .desktop-lobby.pilot-home .lobby-journey{
 grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:32px;
 min-height:0;padding:8px 0 20px;
}
#hub .desktop-lobby.pilot-home .lobby-journey h2{
 font-size:clamp(36px,4.1vw,56px);line-height:1.08;max-width:560px;
 margin:15px 0;
}
#hub .desktop-lobby.pilot-home .lobby-journey .hero-actions{margin-top:20px}
#hub .desktop-lobby.pilot-home .lobby-choices{margin-top:22px}
#hub .desktop-lobby.pilot-home .pilot-home-scene{height:auto;aspect-ratio:3/2}
#hub .pilot-home :is(button,summary){scroll-margin-block:16px 100px}

@media(min-width:651px) and (max-width:1100px){
 #hub .desktop-lobby.pilot-home .lobby-journey{
  grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:22px;
 }
 #hub .desktop-lobby.pilot-home .lobby-journey h2{font-size:39px}
 #hub .desktop-lobby.pilot-home .pilot-home-art{height:auto;max-width:450px}
}

@media(max-width:650px){
 #hub .app-home.pilot-home{padding-bottom:calc(16px + env(safe-area-inset-bottom))}
 #hub .app-home.pilot-home .app-welcome{margin-bottom:12px}
 #hub .app-home.pilot-home .app-welcome p{
  font-size:14px;line-height:1.5;margin:0 0 4px;overflow-wrap:anywhere;
 }
 #hub .app-home.pilot-home .app-welcome h1{
  font-size:clamp(27px,7.3vw,32px);line-height:1.12;letter-spacing:-.7px;
  max-width:none;margin:0;text-wrap:balance;
 }
 #hub .app-home.pilot-home .app-play-card{
  padding:0;margin-bottom:8px;border:0;border-radius:0;
  background:none;box-shadow:none;overflow:visible;
 }
 #hub .app-home.pilot-home .pilot-home-art{
  --pilot-home-height:clamp(180px,56vw,220px);
  width:100%;max-width:none;height:var(--pilot-home-height);aspect-ratio:auto;margin:0;
 }
 #hub .app-home.pilot-home .pilot-home-scene{border-radius:22px}
 #hub .app-home.pilot-home .pilot-home-scene>img{object-fit:cover}
 #hub .app-home.pilot-home .app-play-label{
  font-size:12px;line-height:1.5;margin:10px 0;
 }
 #hub .app-home.pilot-home .app-play-button{
  min-height:56px;padding:14px 13px;line-height:1.4;
 }
 #hub .app-home.pilot-home .home-save-status.sync-card{margin-top:12px}
 #hub .app-home.pilot-home .app-learn-entry{margin-bottom:12px}
 #hub .app-home.pilot-home .app-mode-choices{gap:12px}
 /* Resolution and account messages take space from the scene, never controls. */
 #hub .app-home.pilot-home:is([data-home-state=loading],[data-home-state=conflict],[data-home-state=other],[data-home-state=unavailable]) .pilot-home-art{
  --pilot-home-height:clamp(130px,40vw,170px);
 }
 #hub .app-home.pilot-home:is([data-home-state=loading],[data-home-state=conflict],[data-home-state=other],[data-home-state=unavailable]) .pilot-home-scene{width:min(100%,calc(var(--pilot-home-height)*1.5));margin-inline:auto}
 #hub .app-home.pilot-home:is([data-home-state=loading],[data-home-state=conflict],[data-home-state=other],[data-home-state=unavailable]) .pilot-home-scene>img{object-fit:contain}
}

@media(min-width:420px) and (max-width:650px){
 #hub .app-home.pilot-home .pilot-home-scene{width:min(100%,calc(var(--pilot-home-height)*1.5));margin-inline:auto}
 #hub .app-home.pilot-home .pilot-home-scene>img{object-fit:contain}
}
@media(max-width:650px) and (max-height:650px){
 #hub .app-home.pilot-home .pilot-home-art{--pilot-home-height:180px}
 #hub .app-home.pilot-home:is([data-home-state=loading],[data-home-state=conflict],[data-home-state=other],[data-home-state=unavailable]) .pilot-home-art{--pilot-home-height:130px}
}
@media(max-width:650px) and (max-height:450px){
 #hub .app-home.pilot-home .pilot-home-art,
 #hub .app-home.pilot-home:is([data-home-state=loading],[data-home-state=conflict],[data-home-state=other],[data-home-state=unavailable]) .pilot-home-art{--pilot-home-height:120px}
 #hub .app-home.pilot-home .pilot-home-scene{width:min(100%,calc(var(--pilot-home-height)*1.5));margin-inline:auto}
 #hub .app-home.pilot-home .pilot-home-scene>img{object-fit:contain}
}

/* A flattened room never floats, even when the player's motion setting is on. */
@media(prefers-reduced-motion:reduce){
 #hub .pilot-home .pilot-home-scene,#hub .pilot-home .pilot-home-scene>img{animation:none!important;transition:none!important;transform:none!important}
}
:root[data-motion=reduced] #hub .pilot-home .pilot-home-scene,
:root[data-motion=reduced] #hub .pilot-home .pilot-home-scene>img{animation:none!important;transition:none!important;transform:none!important}