/* Keep the live scenery mounted underneath decisions. The sheet scrolls;
   the scene and the turn controls stay in place. */
@media(max-width:700px),(pointer:coarse) and (max-height:500px) {
 .art-phone .phone-workspace #board.phone-art-board {position:absolute!important;inset:0!important;padding:0!important;overflow:hidden!important;}
 .art-phone .phone-scene {position:absolute!important;inset:0!important;width:100%;height:100%;min-height:0;overflow:hidden;}
 .art-phone .phone-scene :is(.city-view,.city-landscape,.world-view) {position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;}
 .art-phone .phone-scene :is(.game-scene,.scene-shade) {position:absolute;inset:0;width:100%;height:100%;}
 .art-phone .phone-scene :is(.building-directory,.city-heading,.city-work-dock,.city-plots-scroll,.world-legend) {display:none!important;}
 .art-phone .phone-scene .city-shade {background:linear-gradient(180deg,#07101855,transparent 24%,transparent 75%,#071018aa);}
 .art-phone .phone-scene-tools {position:absolute;top:12px;left:16px;right:16px;z-index:5;display:flex;justify-content:space-between;align-items:flex-start;gap:10px;pointer-events:none;}
 .art-phone .phone-scene-tools button {pointer-events:auto;min-height:44px;background:#09131edb;color:#f8f3ec;border:1px solid #c1d7e526;box-shadow:0 4px 16px #0003;border-radius:12px;backdrop-filter:blur(12px);}
 .art-phone .scene-caption {display:flex;flex-direction:column;align-items:flex-start;gap:5px;max-width:68%;padding:10px 12px;text-align:left;}
 .art-phone .scene-caption>span {font-size:var(--text-meta);font-weight:650;}
 .art-phone .scene-caption small {font-size:var(--text-meta);line-height:1.4;color:#e2ad85;}
 .art-phone .scene-switch {font-size:var(--text-meta);padding:10px;max-width:40%;}
 .art-phone .phone-drawer {position:absolute;bottom:0;left:0;right:0;z-index:10;display:flex;flex-direction:column;height:72%;max-height:100%;min-height:0;background:var(--canvas);border:1px solid var(--border-strong);border-bottom:0;border-radius:22px 22px 0 0;box-shadow:0 -12px 45px #0005;overflow:hidden;}
 .art-phone .phone-drawer[hidden] {display:none!important;}
 .art-phone.panel-expanded .phone-drawer {height:100%;}
 .art-phone .phone-drawer-head {display:flex;align-items:stretch;position:relative;flex:none;min-height:56px;padding:0 8px 0 16px;border-bottom:1px solid var(--border-subtle);}
 .art-phone .phone-drawer-head>[data-phone-expand] {display:flex;align-items:center;gap:10px;flex:1;min-width:0;min-height:56px;padding:12px 0 6px;background:none;border:0;text-align:left;font-size:16px;font-weight:650;color:var(--fg);}
 .drawer-grip {position:absolute;left:calc(50% - 18px);top:6px;width:36px;height:3px;border-radius:2px;background:var(--border-strong);}
 .drawer-size {font-size:16px;color:var(--fg-muted);font-weight:400;}
 .art-phone .phone-drawer-head>.drawer-close {flex:none;align-self:center;width:44px;height:44px;min-height:44px;padding:0;background:none;border:0;color:var(--fg-muted);font-size:28px;font-weight:300;line-height:1;}
 .art-phone .phone-actions {flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scroll-padding:12px;padding:14px 16px 24px;}
 .art-phone .phone-actions>.section-heading {justify-content:flex-end;margin:0 0 8px;}
 .art-phone .phone-actions>.section-heading h1,.art-phone .phone-actions .decision-heading {display:none;}
 .art-phone .phone-actions .inline-work {margin-top:12px;}
 .art-phone .phone-controls {position:relative;z-index:11;border-top:1px solid var(--border-subtle);}
 .art-phone .phone-views {background:var(--canvas);position:relative;z-index:11;}
 .art-phone .phone-resources {z-index:12;}
 body.phone-layout #sim-dialog,body.phone-layout #sim-dialog.phone-full-sheet {top:auto;bottom:0;margin:0;width:100%;max-height:calc(100dvh - 64px);border-radius:22px 22px 0 0;border-bottom:0;padding:28px 18px max(22px,env(safe-area-inset-bottom));}
 .phone-layout #sim-dialog .phone-sheet {max-height:calc(100dvh - 120px);}
 .phone-layout #sim-dialog::backdrop {background:#02091066;backdrop-filter:none;}
}
@media (max-height:600px) and (max-width:700px),(pointer:coarse) and (max-height:500px) {
 .art-phone .phone-header {height:44px;min-height:44px;}
 .art-phone>.phone-resources {padding-bottom:7px;padding-top:0;}
 .art-phone .phone-stat summary {min-height:40px;}
 .art-phone .phone-stat strong {font-size:20px;}
 .art-phone .phone-controls {min-height:58px;padding-top:6px;padding-bottom:6px;}
 .art-phone .phone-drawer {height:82%;}
 .art-phone .phone-drawer-head,.art-phone .phone-drawer-head>[data-phone-expand] {min-height:50px;}
}
@media(max-width:700px),(pointer:coarse) and (max-height:500px) {
 .art-phone.panel-open .phone-scene {height:28%!important;}
 .art-phone.panel-open .phone-scene-tools {display:none;}
 .art-phone.panel-expanded .phone-scene {visibility:hidden;}
 .art-phone .phone-art-dismiss {position:absolute;inset:0 0 72%;width:100%;height:auto;border:0;border-radius:0;background:none;z-index:6;}
 .art-phone.panel-expanded .phone-art-dismiss {display:none;}
}
@media (max-height:600px) and (max-width:700px),(pointer:coarse) and (max-height:500px) {
 .art-phone.panel-open .phone-scene {height:18%!important;}
 .art-phone .phone-art-dismiss {bottom:82%;}
}