/* Scoped to the three-choice start page and mobile setup page. */
.play-options--three{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.play-options--three .play-option{min-width:0;padding:28px 16px}
.play-options--three .play-option h2{font-size:25px}
.play-options--three .portal-button{min-height:44px;white-space:normal;max-width:100%;text-align:center}
.play-option--mobile{background:radial-gradient(ellipse at 50% 20%,#e4f4ed,transparent 65%),#fff}
.play-option__phone{display:grid;place-items:center;position:relative;width:76px;height:116px;margin:28px 0 8px;border:4px solid #679eb9;border-radius:14px;background:#eaf7fc;box-shadow:0 6px 0 #ccdee6}
.play-option__phone:before{content:'';position:absolute;top:5px;width:24px;height:3px;border-radius:3px;background:#679eb9}
.play-option__phone img{width:56px;height:56px;object-fit:contain}
.mobile-start{padding-bottom:36px;color:var(--portal-navy,#173c55)}
.mobile-start__intro{display:flex;align-items:center;gap:16px;padding:20px;background:#edf6fb;border:1px solid #c8dce7;border-radius:4px 20px 4px 4px}
.mobile-start__intro>img{flex:none;border-radius:12px}
.mobile-start__intro>div{flex:1;min-width:0}
.mobile-start h2{font:600 26px/1.25 var(--font-display,Georgia,serif);margin:0 0 8px}
.mobile-start__intro p{margin:0;color:#527080;font-size:16px;line-height:1.5}
.mobile-start__intro .portal-button{flex:none;min-height:44px}
.mobile-start__guides{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:20px 0}
.mobile-start__guide{min-width:0;padding:24px;background:#fff;border:1px solid #c8dce7;border-radius:4px 20px 4px 4px}
.mobile-start__guide h2{margin-top:8px}
.mobile-start ol{padding-left:24px;margin:20px 0 8px;font-size:16px;line-height:1.6;color:#3c5d70}
.mobile-start li{padding-left:4px;margin:12px 0}
.mobile-start li::marker{font-weight:700;color:#28668a}
.mobile-start__help,.mobile-start__back{display:inline-flex;align-items:center;min-height:44px;color:#28668a;text-underline-offset:3px}
.mobile-start__finish{padding:16px 20px;margin:0;background:#edf6ed;border:1px solid #c6ddcb;color:#335f44;font-size:17px}
.mobile-start__note{font-size:14px;color:#527080;margin:12px 0 4px}
.mobile-start a:focus-visible,.play-options--three a:focus-visible{outline:3px solid #b98528;outline-offset:3px}
@media(max-width:760px){.play-options--three{grid-template-columns:1fr}.play-options--three .play-option{padding:24px 20px}.play-options--three .play-option__screen,.play-options--three .play-option__desktop{margin-top:20px}.play-option__phone{margin-top:16px}.mobile-start__guides{grid-template-columns:1fr;gap:16px}.mobile-start__intro{flex-wrap:wrap;padding:16px;gap:12px}.mobile-start__intro .portal-button{width:100%;justify-content:center}.mobile-start__guide{padding:20px}.mobile-start h2{font-size:24px}}
@media(orientation:landscape) and (max-height:520px) and (min-width:600px){.play-options--three{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.play-options--three .play-option{padding:20px 12px}.play-options--three .play-option h2{font-size:22px}.play-options--three .play-option p{font-size:15px}.play-options--three .portal-button{font-size:14px;padding-left:12px;padding-right:12px}.mobile-start__guides{grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-start__intro .portal-button{width:auto}}

.mobile-start__browser{font-size:18px;line-height:1.4;margin:20px 0 0;color:var(--portal-navy,#173c55)}
.mobile-start__browser--next{border-top:1px solid #c8dce7;padding-top:20px}
.mobile-start__browser+ol{margin-top:8px}