#rotate-screen{display:none;position:fixed;inset:0;z-index:10000;background:#10271f;color:#f9e6b9;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:24px;touch-action:manipulation}
#rotate-screen .rotate-icon{font-size:76px;line-height:1.4;color:#ebc576}
#rotate-screen h2{font-size:26px;margin:16px 0}
#rotate-screen p{max-width:320px;line-height:1.8;color:#c1cdbb}
#landscape-button{min-height:48px;border:1px solid #edca84;background:#943c29;border-radius:9px;padding:12px 22px}
body.portrait-blocked #rotate-screen{display:flex}
@media(orientation:portrait) and (pointer:coarse), (orientation:portrait) and (max-width:760px){#rotate-screen{display:flex}}