/* Compact mobile setup: keep connection choices above the action area. */
@media(max-width:760px){
.app.state-idle>header{height:56px;min-height:56px;padding-block:0}
.app.state-idle main{padding:4px 16px 8px;min-height:0}
.app.state-idle .setup{display:flex;flex-direction:column;min-height:0;height:100%;max-height:100%;overflow:hidden}
.app.state-idle .setupContent{flex:1 1 auto;min-height:0;overflow-y:auto;padding:10px 4px 12px;scroll-padding-block:12px}
.app.state-idle .setup .connectionIntro{padding-bottom:12px}
.app.state-idle .setup .connectionIntro .helloOrbits{height:40px;margin:0 0 10px;transform:scale(.8);transform-origin:left top}
.app.state-idle .setup .connectionIntro h1{font-size:28px;line-height:1.12;letter-spacing:-1px;margin:0 0 10px}
.app.state-idle .setup .connectionIntro p{font-size:13px;line-height:1.5;margin:0}
.app.state-idle .setup .matchOptions{margin:0 0 10px}
.app.state-idle .setup .matchOptions button{min-height:44px;padding:8px 5px;font-size:13px}
.app.state-idle .setup .numberEntry{padding:10px 12px;margin:0 0 10px}
.app.state-idle .setup .numberEntry label{font-size:13px;line-height:1.4}
.app.state-idle .setup .numberEntry input{min-height:44px;font-size:18px;padding:8px;margin-top:6px;letter-spacing:1px}
.app.state-idle .setup .numberEntry p{font-size:12px;line-height:1.4;margin:6px 0 0}
.app.state-idle .setup .label{font-size:11px;line-height:1.4;margin:10px 0 7px}
.app.state-idle .setup .modes,.app.state-idle .setup .modes.threeModes{gap:8px;margin-top:0}
.app.state-idle .setup .modes button,.app.state-idle .setup .modes.threeModes button{min-height:76px;padding:10px 4px;font-size:14px;gap:8px;border-radius:16px}
.app.state-idle .setup .modes button>span svg{width:25px;height:25px}
.app.state-idle .setup .modeHint{font-size:12px;line-height:1.4;margin-top:8px}
.app.state-idle .setupActions{flex:0 0 auto;padding:10px 4px max(10px,env(safe-area-inset-bottom));background:#eaf0f7}
.app.state-idle .setupActions .consent{font-size:13px;line-height:1.5;margin:0 0 10px}
.app.state-idle .setupActions .start{min-height:48px;font-size:15px;padding:12px 20px}
}
@media(max-width:760px) and (max-height:650px){
.app.state-idle .setup .connectionIntro .helloOrbits{height:28px;margin-bottom:6px;transform:scale(.65)}
.app.state-idle .setup .connectionIntro h1{font-size:24px;margin-bottom:6px}
.app.state-idle .setup .connectionIntro{padding-bottom:8px}
.app.state-idle .setup .modes button,.app.state-idle .setup .modes.threeModes button{min-height:66px;gap:5px}
}