/* Shared phone-browser-only landscape warning. Desktop, tablets and installed PWAs are excluded. */
.alphabet-trace-orientation{display:none;}
@media (orientation:landscape) and (max-height:520px) and (max-width:1100px){
 html.pequedu-mobile-browser:not(.pequedu-pwa-standalone) body .alphabet-trace-orientation{
  display:flex;position:fixed;inset:0;z-index:100500;box-sizing:border-box;align-items:center;justify-content:center;
  flex-direction:column;padding:18px;gap:0;background:#252063;overflow:hidden;
 }
 html.pequedu-mobile-browser:not(.pequedu-pwa-standalone) body .alphabet-trace-orientation__image{
  position:relative;inset:auto;display:block;width:min(88vw, 150vh);height:auto;max-height:78vh;object-fit:contain;object-position:center;border-radius:16px;
 }
 html.pequedu-mobile-browser:not(.pequedu-pwa-standalone) body .alphabet-trace-orientation__message{
  position:relative;z-index:1;margin:0;padding:clamp(10px,2.2vh,24px) 22px;max-width:90vw;border-radius:18px;
  background:rgba(15,25,45,.82);color:#fff;font-size:clamp(1.2rem,3.2vw,2rem);font-weight:800;line-height:1.2;
  text-align:center;text-shadow:0 2px 6px rgba(0,0,0,.7);box-shadow:0 6px 28px rgba(0,0,0,.2);
 }
 html.pequedu-mobile-browser:not(.pequedu-pwa-standalone) body > *:not(.alphabet-trace-orientation){visibility:hidden!important;pointer-events:none!important;}
}