.portrait-guard{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:20px max(24px,env(safe-area-inset-right)) 20px max(24px,env(safe-area-inset-left));text-align:center;background:radial-gradient(ellipse at center,#271924,#0b0b12 75%);color:#e4d2ad;outline:0;touch-action:none}
.portrait-guard[hidden]{display:none}
.portrait-guard>svg{width:70px;height:80px;margin-bottom:14px;fill:none;stroke:#baa077;stroke-width:1.7;filter:drop-shadow(0 0 14px #9f46552b)}
.portrait-guard>span{font:600 8px var(--font);letter-spacing:3px;color:#937953}
.portrait-guard h2{font:500 clamp(20px,4vw,30px)/1.2 var(--display);letter-spacing:2px;margin:13px 0 10px}
.portrait-guard p{font:12px/1.6 var(--font);margin:0;color:#aa9a8b;max-width:340px}
body.portrait-blocked{overflow:hidden}
body.portrait-blocked>:not(#portrait-guard){visibility:hidden}
@media(max-height:320px){.portrait-guard>svg{width:48px;height:58px;margin-bottom:8px}.portrait-guard h2{margin:8px 0;font-size:20px}}