/* Visibility comes from device orientation in portrait-mode.js, not viewport ratio. */
.portrait-notice{position:fixed;inset:0;z-index:2147483647;display:grid;place-items:center;padding:max(24px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));box-sizing:border-box;background:#172640;color:#fff9ec;text-align:center;touch-action:none;overscroll-behavior:none}
.portrait-notice[hidden]{display:none!important}
.portrait-notice-card{max-width:100%;padding:18px}
.portrait-notice p{margin:18px 0 0;font:700 clamp(18px,3vw,26px)/1.6 sans-serif}
.portrait-notice-phone{display:inline-grid;place-items:center;width:42px;height:70px;border:3px solid #acd7e7;border-radius:9px;font:36px/1 sans-serif;color:#efb2cc}