.mobileChapterPicker{display:none}

/* Tela inicial exclusiva para celulares em orientação horizontal. */
@media (orientation:landscape) and (hover:none) and (pointer:coarse){
  .campaignStart{padding:6px}
  .startShell{
    width:min(900px,97%);
    height:96%;
    min-height:0;
    grid-template-columns:36% 64%;
    border-radius:21px;
  }
  .startArtwork{min-height:0}
  .startLighthouse{left:2%;bottom:1%;width:68%;height:98%}
  .startBoat{right:7%;bottom:23%;width:48px;height:30px}
  .startSpark{right:17%;top:12%;font-size:21px}
  .startContent{min-height:0;padding:12px 18px 11px;overflow:hidden}
  .startEyebrow{margin-bottom:4px;font-size:7px;letter-spacing:.16em}
  .startContent h1{font-size:clamp(23px,4.1vw,29px);line-height:.94}
  .startLead{margin:6px 0 7px;font-size:9px;line-height:1.3}
  .startProgress{gap:9px;padding:6px 9px;border-radius:13px}
  .startProgressRing{width:39px;height:39px}
  .startProgressRing:before{width:31px;height:31px}
  .startProgressRing b{font-size:9px}
  .startProgress small{font-size:6px}
  .startProgress strong{margin-top:2px;font-size:10px}
  .reachedChapters{display:none}
  .mobileChapterPicker{
    display:grid;
    grid-template-columns:34px 1fr 34px;
    align-items:center;
    gap:7px;
    margin:7px 0 8px;
    padding:4px;
    border:1px solid #c8e5f5;
    border-radius:13px;
    background:#e9f6ff;
  }
  .mobileChapterPicker>button{
    width:30px;
    height:30px;
    padding:0;
    border:0;
    border-radius:10px;
    background:#1679df;
    box-shadow:0 3px 7px #0c66b837;
    color:#fff;
    font:900 22px/1 Arial,sans-serif;
  }
  .mobileChapterPicker>button:disabled{opacity:.28;box-shadow:none}
  .mobileChapterPicker>div{min-width:0;text-align:center}
  .mobileChapterPicker small{display:block;color:#6e8cab;font-size:5px;font-weight:900;letter-spacing:.12em}
  .mobileChapterPicker strong{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:2px;color:#174d83;font-size:9px;white-space:nowrap}
  .mobileChapterPicker strong b{width:18px;height:18px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;background:#1679df;color:#fff;font-size:8px}
  .mobileChapterPicker strong span{overflow:hidden;text-overflow:ellipsis}
  .startAction{display:block;margin-top:0}
  .startButton{width:100%;min-width:0;padding:9px 14px;border-radius:12px;font-size:9px;box-shadow:0 5px 0 #d97d0b,0 9px 15px #e9952430}
}

@media (orientation:landscape) and (hover:none) and (pointer:coarse) and (max-height:390px){
  .startContent{padding:9px 16px 8px}
  .startLead{margin:4px 0 5px;line-height:1.2}
  .startProgress{padding:4px 8px}
  .startProgressRing{width:34px;height:34px}
  .startProgressRing:before{width:27px;height:27px}
  .mobileChapterPicker{margin:5px 0 6px;padding:3px}
  .mobileChapterPicker>button{height:27px}
  .startButton{padding:8px 12px}
}