/* Title V14: the logo, full illustrations and actions own separate layout tracks. */
#game-viewport[data-layout][data-title-lobby-v14] #start-screen {
  grid-template-columns:minmax(0,1fr);
  grid-template-rows:var(--oa-top-h) auto minmax(0,1fr) auto 30px;
  gap:8px;
}
#game-viewport[data-layout][data-title-lobby-v14] #start-screen .start-header { grid-column:1; grid-row:1; }
#game-viewport[data-layout][data-title-lobby-v14] #start-screen .start-brand {
  grid-column:1; grid-row:2; width:100%; min-width:0;
  margin:8px 0 0; padding:0; text-align:center;
}
#game-viewport[data-layout][data-title-lobby-v14] #start-screen .title-cast {
  position:relative; inset:auto; grid-column:1; grid-row:3;
  display:grid; grid-template-columns:minmax(0,1fr); grid-template-rows:minmax(0,1fr); gap:8px;
  width:100%; height:100%; min-width:0; min-height:0; margin:0;
  max-width:none; max-height:none; transform:none; align-self:stretch;
}
#game-viewport[data-layout][data-title-lobby-v14] #start-screen .title-cast>picture {
  position:relative; inset:auto; left:auto; bottom:auto;
  width:100%; height:100%; min-width:0; min-height:0; max-width:none;
  transform:none; align-self:stretch;
}
#game-viewport[data-layout][data-title-lobby-v14] #start-screen .title-cast>picture>img {
  display:block; position:static; width:100%; height:100%; max-width:none;
  object-fit:contain; object-position:50% 100%; transform:none;
}
#game-viewport[data-layout][data-title-lobby-v14] #start-screen .start-actions { grid-column:1; grid-row:4; }
#game-viewport[data-layout][data-title-lobby-v14] #start-screen .start-footer { grid-column:1; grid-row:5; }
@media (orientation:landscape) {
  #game-viewport[data-layout][data-title-lobby-v14] #start-screen {
    grid-template-columns:minmax(112px,.9fr) minmax(0,1.4fr) minmax(150px,1fr);
    grid-template-rows:var(--oa-top-h) minmax(0,1fr) 30px;
    gap:8px 12px;
  }
  #game-viewport[data-layout][data-title-lobby-v14] #start-screen .start-header { grid-column:1/-1; }
  #game-viewport[data-layout][data-title-lobby-v14] #start-screen .start-brand {
    grid-column:1; grid-row:2; margin:0; text-align:left; align-self:center;
  }
  #game-viewport[data-layout][data-title-lobby-v14] #start-screen .brand-crest { margin-inline:0; }
  #game-viewport[data-layout][data-title-lobby-v14] #start-screen .title-cast { grid-column:2; grid-row:2; }
  #game-viewport[data-layout][data-title-lobby-v14] #start-screen .start-actions {
    grid-column:3; grid-row:2; width:100%; grid-template-columns:minmax(0,1fr);
    align-self:center;
  }
  #game-viewport[data-layout][data-title-lobby-v14] #start-screen .start-cta { grid-column:1; grid-row:1; }
  #game-viewport[data-layout][data-title-lobby-v14] #start-screen .title-sign-in { grid-column:1; grid-row:2; }
  #game-viewport[data-layout][data-title-lobby-v14] #start-screen .novice-start-hint { grid-column:1; grid-row:3; }
  #game-viewport[data-layout][data-title-lobby-v14] #start-screen .title-status,
  #game-viewport[data-layout][data-title-lobby-v14] #start-screen .invite-banner { grid-column:1; grid-row:4; }
  #game-viewport[data-layout][data-title-lobby-v14] #start-screen .start-footer { grid-column:1/-1; grid-row:3; }
  body[data-control-hand="left"] #game-viewport[data-layout][data-title-lobby-v14] #start-screen { grid-template-columns:minmax(150px,1fr) minmax(0,1.4fr) minmax(112px,.9fr); }
  body[data-control-hand="left"] #game-viewport[data-layout][data-title-lobby-v14] #start-screen .start-brand { grid-column:3; }
  body[data-control-hand="left"] #game-viewport[data-layout][data-title-lobby-v14] #start-screen .start-actions { grid-column:1; }
}
@media (orientation:landscape) and (max-height:429px) {
  #game-viewport[data-layout][data-title-lobby-v14] #start-screen { --oa-primary-h:64px; }
  #game-viewport[data-layout][data-title-lobby-v14] #start-screen .brand-crest { width:40px; height:40px; }
  #game-viewport[data-layout][data-title-lobby-v14] #start-screen .start-brand h1 { font-size:clamp(24px,4.2vw,32px); }
  #game-viewport[data-layout][data-title-lobby-v14] #start-screen .start-brand p { margin-top:6px; }
  #game-viewport[data-layout][data-title-lobby-v14] #start-screen .start-actions { gap:8px; }
  #game-viewport[data-layout][data-title-lobby-v14] #start-screen .start-cta {
    font-size:clamp(18px,var(--oa-fs-emph),20px); padding:8px 10px;
    word-break:keep-all; overflow-wrap:normal;
  }
  #game-viewport[data-layout][data-title-lobby-v14] #start-screen .start-cta>.icon { display:none; }
  #game-viewport[data-layout][data-title-lobby-v14] #start-screen .start-cta>span { max-width:100%; }
}

#game-viewport[data-title-lobby-v14] .title-cast>picture>img { filter:drop-shadow(0 5px 8px rgba(5,8,11,.55)); }

/* Native title notice: reserve a full-width row without moving its DOM or game state. */
@media (orientation:landscape) {
  #game-viewport[data-layout][data-title-lobby-v14] #start-screen:has(.start-actions>#status-message:not([hidden])) {
    grid-template-rows:var(--oa-top-h) 72px minmax(0,1fr) 30px;
  }
  #game-viewport[data-layout][data-title-lobby-v14] #start-screen:has(.start-actions>#status-message:not([hidden])) .start-brand,
  #game-viewport[data-layout][data-title-lobby-v14] #start-screen:has(.start-actions>#status-message:not([hidden])) .title-cast,
  #game-viewport[data-layout][data-title-lobby-v14] #start-screen:has(.start-actions>#status-message:not([hidden])) .start-actions { grid-row:3; }
  #game-viewport[data-layout][data-title-lobby-v14] #start-screen:has(.start-actions>#status-message:not([hidden])) .start-footer { grid-row:4; }
  #game-viewport[data-layout][data-title-lobby-v14] #start-screen:has(.start-actions>#status-message:not([hidden])) .start-actions {
    position:static; align-self:start; animation:none!important; transform:none!important; will-change:auto;
  }
  #game-viewport[data-layout][data-title-lobby-v14] #start-screen .start-actions>#status-message:not([hidden]) {
    grid-column:auto; grid-row:auto;
    position:absolute; top:calc(max(8px,env(safe-area-inset-top)) + var(--oa-top-h) + 8px);
    left:max(var(--oa-gut),env(safe-area-inset-left)); right:max(var(--oa-gut),env(safe-area-inset-right));
    bottom:auto; width:auto; max-width:none; height:72px; min-height:72px; max-height:72px;
    margin:0; padding:8px 10px; transform:none; font-size:max(13px,var(--oa-fs-caption));
  }
  #game-viewport[data-layout][data-title-lobby-v14] #start-screen .start-actions>#status-message:not([hidden]) #status-message-text { max-height:52px; overflow-y:auto; }
}
@media (orientation:landscape) and (max-height:429px) {
  #game-viewport[data-layout][data-title-lobby-v14] #start-screen:has(.start-actions>#status-message:not([hidden])) { --oa-primary-h:48px; }
  #game-viewport[data-layout][data-title-lobby-v14] #start-screen:has(.start-actions>#status-message:not([hidden])) .start-cta { padding-block:4px; gap:2px; line-height:1.1; }
  #game-viewport[data-layout][data-title-lobby-v14] #start-screen:has(.start-actions>#status-message:not([hidden])) #enter-lobby small {
    font-size:13px; line-height:1.2; max-height:1.2em; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
  }
  #game-viewport[data-layout][data-title-lobby-v14] #start-screen:has(.start-actions>#status-message:not([hidden])) .start-actions { gap:6px; }
  #game-viewport[data-layout][data-title-lobby-v14] #start-screen:has(.start-actions>#status-message:not([hidden])) .novice-start-hint { font-size:13px; }
  #game-viewport[data-layout][data-title-lobby-v14] #start-screen:has(.start-actions>#status-message:not([hidden])) .brand-crest { width:28px; height:28px; }
  #game-viewport[data-layout][data-title-lobby-v14] #start-screen:has(.start-actions>#status-message:not([hidden])) .start-brand h1 { font-size:22px; }
}
