html,body{margin:0;padding:0;height:100%;background:#111;color:#ddd;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}*{box-sizing:border-box}@media(orientation:landscape)and (max-height:500px)and (hover:none)and (pointer:coarse){body:before{content:"Please rotate your device to portrait.";position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:24px;text-align:center;background:#0a0a0e;color:#f8f0d8;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:16px;letter-spacing:.5px;line-height:1.4}}