/* Phone games use a full-screen workspace with one scrolling task region
   and a separate action footer. Game styles own the content between them. */
@media(max-width:720px), (max-height:500px){
 #playVeil,#playroomVeil,#lifeVeil.life-game-mode{padding:0;overflow:hidden;overscroll-behavior:none;background:var(--night-3);backdrop-filter:none;-webkit-backdrop-filter:none;align-items:stretch}
 #playVeil>.sheet,#playroomVeil>.sheet,#lifeVeil.life-game-mode>.sheet{display:flex;flex-direction:column;width:100%;max-width:none;height:100dvh;max-height:100dvh;min-height:0;margin:0;padding:0;border:0;border-radius:0;overflow:hidden;box-shadow:none;scroll-padding:0;transform:none}
 #playVeil>.sheet>.sheet-head,#playroomVeil>.sheet>.sheet-head,#lifeVeil.life-game-mode>.sheet>.sheet-head{position:relative;flex:0 0 auto;z-index:20;align-items:center;min-height:60px;margin:0;padding:calc(7px + var(--sat)) max(12px,var(--sar)) 7px max(12px,var(--sal));background:var(--night-3);border-bottom:1px solid var(--hair-lit);touch-action:pan-y}
 #playVeil .sheet-head::before,#playroomVeil .sheet-head::before,#lifeVeil.life-game-mode .sheet-head::before{display:none}
 #playVeil .sheet-head h2,#playroomVeil .sheet-head h2,#lifeVeil.life-game-mode .sheet-head h2{font:22px/1.15 var(--display);margin:0;overflow-wrap:anywhere}
 #playVeil .sheet-head .eyebrow,#playroomVeil .sheet-head .eyebrow{font-size:9px;letter-spacing:.08em;line-height:1.3;display:block;margin:0 0 3px}
 #playVeil .sheet-head>.btn,#playroomVeil .sheet-head>.btn,#lifeVeil.life-game-mode .sheet-head>.btn{min-height:44px;max-width:120px;min-width:58px;padding:8px 11px;font-size:12px;line-height:1.2;white-space:normal}
 #lifeVeil.life-game-mode #lifeContent{display:flex;flex:1;min-width:0;min-height:0;overflow:hidden}
 #playroomVeil .playroom-workspace{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
 
 
 
 #playVeil .play-game-workspace{flex:1;min-width:0;min-height:0}
 
}
@media(max-width:720px) and (max-height:500px), (max-height:500px){
 #playVeil>.sheet>.sheet-head,#playroomVeil>.sheet>.sheet-head,#lifeVeil.life-game-mode>.sheet>.sheet-head{min-height:50px;padding-top:calc(3px + var(--sat));padding-bottom:3px}
 #playVeil .sheet-head h2,#playroomVeil .sheet-head h2,#lifeVeil.life-game-mode .sheet-head h2{font-size:18px}
 #playVeil .sheet-head .eyebrow,#playroomVeil .sheet-head .eyebrow{display:none}
 
}