/* Gameplay stays open; detailed controls appear only when requested. */
.phone-room-controls{display:none}
.touch-layout .topbar,.touch-layout .scene-top,.touch-layout .scene-bottom{display:none}
.touch-layout .app{height:100dvh}
.touch-layout .phone-top{top:max(10px,var(--safe-t));align-items:flex-end;gap:10px;right:max(12px,var(--safe-r));width:auto}
.phone-choose{flex:1;max-width:390px;min-width:0}.choose-label{display:block;font-size:9px;font-weight:700;letter-spacing:1.8px;color:#36513b;margin:0 0 6px 5px;text-shadow:0 1px 4px #ffffffe0}
.phone-actors{max-width:none;border-color:#ffffffe6;background:#fafbf1f0;box-shadow:0 3px 16px #203c2a14}
.phone-actors button{font-size:13px;font-weight:600;min-height:44px;padding:6px 9px}
.phone-actors .watch-button{flex:.64;font-size:11px;font-weight:400}
.phone-pause{height:52px;width:44px;flex:none;background:#fafbf1e6;border:1px solid #fff;border-radius:9px;backdrop-filter:blur(10px);font-size:20px;color:#3f6044}
.touch-layout .phone-status{top:calc(max(10px,var(--safe-t)) + 80px);left:max(16px,var(--safe-l));right:max(16px,var(--safe-r));max-width:none;background:none;border:0;border-radius:0;padding:0;font-size:10px;line-height:1.5;color:#3f5c3e;text-shadow:0 1px 5px #fff}
.phone-task-progress{position:absolute;top:calc(max(10px,var(--safe-t)) + 104px);left:max(12px,var(--safe-l));right:max(12px,var(--safe-r));max-width:390px;display:flex;gap:12px;align-items:center;justify-content:space-between;background:#f8fbedeb;backdrop-filter:blur(8px);border:1px solid #d2dec5;border-radius:8px;padding:5px 6px 5px 12px;box-shadow:0 3px 15px #243c2612}
.phone-task-progress span{font-size:11px;line-height:1.5;color:#48643e}.phone-task-progress button{height:36px;padding:0 12px;border:0;border-radius:6px;background:#e1ead4;color:#3a5c31;font-size:11px;flex:none}
.phone-welcome{position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);width:min(330px,calc(100% - 32px));border:1px solid #fffffff0;border-radius:15px;padding:20px;background:#f8faeef5;backdrop-filter:blur(14px);box-shadow:0 10px 44px #29462b24;pointer-events:auto;text-align:center}
.phone-welcome h2{font:26px Georgia,serif;letter-spacing:-.6px;margin:0 0 8px;color:#344f37}.phone-welcome p{font-size:12px;color:#839176;margin:0 0 18px}
.phone-welcome>div{display:grid;grid-template-columns:1fr 1fr;gap:9px}.phone-welcome button{min-height:62px;border:1px solid #d9e2cc;border-radius:8px;background:#e4edda;color:#42603b;font-size:12px;font-weight:600;padding:10px}.phone-welcome [data-start=manual]{background:#45694e;color:#fff;border-color:#45694e}.phone-welcome .just-watch{min-height:36px;border:0;background:none;font-size:11px;font-weight:400;margin-top:10px;color:#89967c}
.phone-sheet-open .phone-welcome{visibility:hidden}
.touch-layout .phone-pad{bottom:calc(67px + var(--safe-b));gap:14px;align-items:flex-end}
.touch-layout .quick-group{width:142px;max-width:142px;gap:7px}.touch-layout .quick-actions{grid-template-columns:1fr 1fr;gap:7px}.touch-layout .quick-actions button{min-height:54px;font-size:12px;padding:7px 8px;border-radius:10px;min-width:0}
.touch-layout .quick-actions .quick-land{position:absolute;bottom:100%;right:0;width:142px;min-height:38px;margin-bottom:7px;border-radius:7px;font-size:11px}
.touch-layout .quick-more{min-height:40px;background:#fafbf0dc;font-size:11px}
.touch-layout .stick-caption{padding:3px 9px;font-size:10px}.touch-layout .phone-run{min-height:40px}.touch-layout .phone-nav button{font-size:11px;font-weight:500;min-height:44px}.phone-nav [data-phone-tab=tasks]{color:#365a35;font-weight:700}
.phone-task-popup{position:absolute;bottom:calc(65px + var(--safe-b));left:50%;transform:translateX(-50%);width:min(345px,calc(100% - 24px));background:#f9fbf1fa;border:1px solid #fff;border-radius:14px;box-shadow:0 8px 50px #223b2f3b;backdrop-filter:blur(18px);padding:13px;pointer-events:auto;max-height:calc(100% - 152px);overflow:auto;overscroll-behavior:contain}
.task-popup-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:13px}.task-popup-title strong{display:block;font:23px Georgia,serif;color:#365638}.task-popup-title small{display:block;font-size:10px;color:#92a080;margin-top:5px}.task-popup-title button{width:44px;height:44px;border:0;border-radius:7px;background:#eaf0e0;font-size:25px;color:#6c835c}
.task-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}.task-options button{min-height:75px;text-align:left;padding:12px 10px;border:1px solid #dbe5ce;border-radius:8px;background:#edf3e3;color:#47663e}.task-options strong{display:block;font-size:12px;font-weight:600;line-height:1.4}.task-options small{display:block;font-size:10px;line-height:1.5;color:#8b9b77;margin-top:5px}.phone-task-popup>p{font-size:10px;line-height:1.6;color:#93a082;margin:12px 0 0;text-align:center}
.touch-layout .phone-room-controls{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 0 20px;margin-bottom:10px;border-bottom:1px solid #dce3d2}
.touch-layout .phone-room-controls .scene-tools{display:flex;gap:8px;align-items:center;order:0;width:100%}
.touch-layout .phone-room-controls .glass-button{background:#eaf0e1;border-color:#d8e2cd;backdrop-filter:none;font-size:13px;min-height:44px}
.touch-layout .phone-room-controls .scene-tools:before{content:'Time & playback';font-size:12px;color:#6d845e;flex:1}
.touch-layout .phone-room-controls .camera-controls{display:flex;max-width:none;flex:1;background:#e8efdf;border-color:#d4dfc8;overflow:visible;min-width:0}
.touch-layout .phone-room-controls .camera-controls button{min-height:44px;flex:1;font-size:11px;white-space:normal;padding:5px 6px}
.touch-layout .phone-room-controls #fullscreenButton{width:44px;height:50px;flex:none;min-width:44px}
.touch-layout .toast{top:26%;background:#fcfcf0e6;max-width:calc(100% - 40px);font-size:11px;line-height:1.6}
@media(max-height:500px) and (orientation:landscape){
  .touch-layout .phone-top{top:max(6px,var(--safe-t));width:min(360px,55%);right:auto}.touch-layout .choose-label{font-size:8px;margin-bottom:3px}.touch-layout .phone-actors{min-width:0}.touch-layout .phone-actors button{min-height:38px}.touch-layout .phone-pause{height:46px}.touch-layout .phone-status{top:80px;right:auto;max-width:350px;font-size:9px}.touch-layout .phone-task-progress{top:max(10px,var(--safe-t));left:auto;right:max(12px,var(--safe-r));width:230px;padding-left:10px}.touch-layout .phone-task-progress span{font-size:10px}.touch-layout .phone-pad{bottom:calc(58px + var(--safe-b))}.touch-layout .quick-actions button{min-height:46px}.touch-layout .quick-more{min-height:34px}.touch-layout .phone-welcome{top:45%;max-width:330px;padding:15px}.phone-welcome button{min-height:50px}.touch-layout .phone-task-popup{left:50%;bottom:calc(60px + var(--safe-b));width:min(345px,60%);max-height:calc(100% - 75px)}.touch-layout .task-options button{min-height:58px;padding:8px 10px}.touch-layout .task-popup-title{margin-bottom:8px}.touch-layout .phone-task-popup>p{margin-top:8px}.touch-layout .toast{top:27%;max-width:55%}
}
@media(max-width:350px){.touch-layout .phone-actors button{font-size:12px;padding:5px 7px}.touch-layout .phone-actors .watch-button{font-size:10px}.touch-layout .quick-group{width:132px;max-width:132px}.touch-layout .quick-actions .quick-land{width:132px}.touch-layout .phone-status{font-size:9px}.touch-layout .phone-pad{gap:12px;left:12px;right:12px}}