/* One scrolling menu, with the action in a separate, always-visible row. */
.start-screen .start-card{display:flex;flex-direction:column;width:570px;max-height:100%;min-height:0;padding:0;overflow:hidden}
.menu-scroll{min-height:0;overflow-y:auto;overflow-x:hidden;padding:16px 20px 20px;scroll-padding:12px;overscroll-behavior:contain;touch-action:pan-y pinch-zoom;scrollbar-width:thin;scrollbar-color:#bc8ca8 transparent}
.menu-scroll:focus-visible{outline:3px solid #764da9;outline-offset:-5px}
.start-card h1{font-size:clamp(32px,7vw,46px);line-height:1.1;letter-spacing:-1.5px;margin:0 20px 8px}
.start-card h1>span{display:inline}
.start-card .title-sparkle{font-size:20px;right:-19px}
.start-card .start-credits{font-size:14px;line-height:1.4;margin:0 auto 10px}
.start-card .player-bar{margin:8px 0 3px;gap:8px;font-size:14px}
.start-card .cloud-status{margin:0 0 14px;font-size:13px}
.menu-choices{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;align-items:start}
.start-card .stage-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:0}
.start-card .stage-choice{min-width:0;min-height:62px;padding:8px 4px;font-size:14px}
.start-card .stage-choice span{font-size:12px;line-height:1.35;overflow-wrap:anywhere}
.start-card .emoji-picker{min-width:0;margin:0;padding:0}
.start-card .emoji-picker legend{display:block;font-size:14px;margin:0 0 8px}
.start-card .emoji-choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;max-height:none;overflow:visible;padding:8px 5px}
.start-card .emoji-choice{width:100%;min-width:0;min-height:76px;padding:7px 2px;touch-action:pan-y pinch-zoom}
.start-card .emoji-choice .face{font-size:32px}
.start-card .emoji-choice .name{font-size:12px;line-height:1.2;overflow-wrap:anywhere}
.start-card .stage-choice{touch-action:pan-y pinch-zoom}
.menu-action{flex:none;position:relative;z-index:1;border-top:1px solid #d9c9d2;padding:15px 16px 10px;background:inherit}
.menu-action .primary-button{max-width:100%;min-width:min(240px,100%);min-height:44px}
.start-card .menu-action .small-note{display:block;font-size:12px;line-height:1.4;margin:13px 0 0}
.start-card .iphone-guide{margin-top:16px}
@media(min-width:700px){
  .start-screen .start-card{width:920px}
  .menu-choices{grid-template-columns:minmax(230px,2fr) minmax(0,3fr);gap:24px}
  .start-card .stage-picker{grid-template-columns:repeat(2,minmax(0,1fr));padding-top:25px}
  .start-card .emoji-choices{grid-template-columns:repeat(5,minmax(0,1fr))}
}
@media(max-height:570px) and (orientation:landscape){
  .start-screen .start-card{width:920px}
  .menu-scroll{padding:10px 18px 16px}
  .start-card h1{font-size:30px;margin:0 20px 4px}
  .start-card .start-credits{font-size:14px;margin-bottom:6px;max-width:none}
  .start-card .player-bar{margin-top:4px}
  .start-card .cloud-status{margin-bottom:10px}
  .menu-choices{grid-template-columns:minmax(200px,2fr) minmax(0,3fr);gap:18px}
  .start-card .stage-picker{grid-template-columns:repeat(2,minmax(0,1fr));padding-top:25px}
  .start-card .emoji-choices{grid-template-columns:repeat(4,minmax(0,1fr))}
  .menu-action{padding:10px 16px 8px;display:flex;align-items:center;justify-content:center;gap:20px}
  .start-card .menu-action .small-note{margin:0;max-width:240px;text-align:left}
}
@media(max-width:360px){
  .menu-scroll{padding-left:10px;padding-right:10px}
  .start-card .emoji-choices{gap:7px}
  .start-card .emoji-choice .face{font-size:28px}
}