/* lock-portrait.css — shared orientation lock for 1gambling.online games. * * Per-game opt-in: include this stylesheet to prompt users to rotate * their phone to portrait when held in landscape. New games default to * importing this module. 7X3 will migrate to it later. * * Independent versioning: import as * ?v=orientation-1.0.0 * * The consuming game must place this element near the top of : * * * * Breakpoint rationale: max-width 932px in landscape covers every * current phone in landscape (iPhone 15 Pro Max landscape = 932 CSS * pixels wide). Tablets in landscape sit above the threshold (iPad mini * landscape = 1024 px), so they see the game normally. */ .gam-orientation-overlay { display: none; } @media (orientation: landscape) and (max-width: 932px) { .gam-orientation-overlay { display: flex; position: fixed; inset: 0; z-index: 99999; background: #02060f; align-items: center; justify-content: center; padding: 24px; } .gam-orientation-msg { max-width: 320px; text-align: center; } .gam-orientation-icon { font-size: 64px; line-height: 1; color: #fff; animation: gam-orientation-spin 2s ease-in-out infinite; margin-bottom: 16px; } .gam-orientation-text { font-size: 18px; font-weight: 600; color: #fff; line-height: 1.4; } } @keyframes gam-orientation-spin { 0%, 100% { transform: rotate(0deg); } 50% { transform: rotate(-90deg); } }