/* A single tablet keeps the focus on gameplay; the crew gets a fresh rooftop scene. */
.gameplay{background:#e9f6ff;border-top:1px solid #10183f18}
.gameplay-heading{padding-top:80px;padding-bottom:32px}
.gameplay-heading .section-head{margin-bottom:0}
.gameplay h2 em{color:#008ac8}
.gameplay-scene{position:relative;max-width:1800px;margin:auto;isolation:isolate;overflow:hidden;aspect-ratio:3/2;background:#8fbff2}
.gameplay-backdrop{display:block;width:100%;height:100%;object-fit:cover}
.gameplay-ipad{position:absolute;width:58%;left:21%;top:14%;aspect-ratio:4/3;display:flex;align-items:center;padding:2.2% 1.6%;border-radius:clamp(12px,2vw,32px);background:#11151b;border:2px solid #aab0ba;box-shadow:0 3px 0 #616975,0 18px 35px #14244555,inset 0 0 0 3px #242c37}
.gameplay-camera{position:absolute;top:2%;left:calc(50% - 3px);width:6px;height:6px;border-radius:50%;background:#050609;box-shadow:inset 0 0 0 1px #364861}
.gameplay-screen{display:flex;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden;border-radius:5px;background:#050609}
.gameplay-screen img{display:block;width:100%;height:auto;object-fit:contain;max-height:100%}
.gameplay-screen:focus-visible{outline:3px solid var(--yellow);outline-offset:5px}
.gameplay-controls{padding-top:30px;padding-bottom:80px}
.gameplay-caption{display:flex;gap:22px;align-items:center;margin-bottom:26px;min-height:82px}
#gameplay-count{font-size:12px;font-weight:900;letter-spacing:2px;color:#3456a0;white-space:nowrap}
.gameplay-caption h3{font-size:clamp(28px,3vw,42px);line-height:1.05}
.gameplay-caption p{margin:7px 0 0;font-size:15px;line-height:1.5}
.gameplay-enlarge{margin-left:auto;white-space:nowrap;font-weight:800;font-size:13px;text-underline-offset:5px}
.gameplay-picker{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.gameplay-picker button{font:800 13px/1.4 'Nunito Sans',sans-serif;text-align:left;padding:17px 15px;min-height:83px;border:2px solid #10183f22;border-radius:10px;background:#ffffffb3;color:var(--ink);cursor:pointer;transition:background .15s,transform .15s,border-color .15s}
.gameplay-picker button span{display:block;font-size:10px;letter-spacing:1.5px;margin-bottom:6px;color:#3456a0}
.gameplay-picker button:hover{border-color:#008ac8;transform:translateY(-2px)}
.gameplay-picker button[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:#fff;box-shadow:3px 4px 0 #1eaff4}
.gameplay-picker button[aria-pressed="true"] span{color:var(--yellow)}
.gameplay-picker button:focus-visible{outline:3px solid #fc9b25;outline-offset:4px}
@media(max-width:1000px){.gameplay-picker{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* On phones, keep the tablet and its controls together in one compact showcase. */
@media(max-width:600px){
 .gameplay-heading{padding-top:40px;padding-bottom:22px}
 .gameplay-heading .section-head .eyebrow{margin-bottom:14px}
 .gameplay-heading h2{font-size:clamp(30px,8.7vw,42px);line-height:1}
 .gameplay-heading .section-head>p{font-size:14px;line-height:1.55;margin-top:14px;margin-bottom:0}
 .gameplay-scene{aspect-ratio:1.4;background:#8fbff2}
 .gameplay-backdrop{position:absolute;top:0;left:-42.5%;width:185%;max-width:none;height:100%;object-fit:cover;object-position:center 50%}
 .gameplay-ipad{width:94%;left:3%;top:10%;aspect-ratio:16/10;padding:12px 8px;border-radius:17px;box-shadow:0 3px 0 #616975,0 8px 20px #14244555,inset 0 0 0 2px #242c37}
 .gameplay-camera{top:2%;width:4px;height:4px;left:calc(50% - 2px)}
 .gameplay-controls{padding-top:20px;padding-bottom:40px}
 .gameplay-caption{display:grid;grid-template-columns:1fr auto;gap:8px 12px;align-items:start;min-height:0;margin-bottom:18px}
 #gameplay-count{grid-column:1;grid-row:1;font-size:10px;letter-spacing:1.5px}
 .gameplay-caption>div{grid-column:1/-1;grid-row:2;min-height:82px}
 .gameplay-caption h3{font-size:26px;line-height:1.05}
 .gameplay-caption p{font-size:13px;line-height:1.45;margin-top:6px}
 .gameplay-enlarge{grid-column:2;grid-row:1;margin-left:0;font-size:11px}
 .gameplay-picker{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
 .gameplay-picker button{min-height:68px;padding:10px 9px;font-size:11px;line-height:1.3;border-radius:8px}
 .gameplay-picker button span{font-size:9px;margin-bottom:4px;letter-spacing:1px}
 .gameplay-picker button[aria-pressed="true"]{box-shadow:2px 3px 0 #1eaff4}
}
@media(max-width:360px){.gameplay-heading h2{font-size:30px}.gameplay-picker button{font-size:10px;padding:10px 7px}.gameplay-caption h3{font-size:24px}}
@media(prefers-reduced-motion:reduce){.gameplay-picker button{transition:none}}