#rotate-overlay {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 999999;
    background: rgba(0, 0, 0, 0.92);
    color: #ffffff;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 2rem;
    font-family: system-ui, -apple-system, sans-serif;
    flex-direction: column;
    gap: 1.5rem;
}
#rotate-overlay.visible { display: flex; }
#rotate-overlay .icon { font-size: 4rem; animation: rotate-phone 2s ease-in-out infinite; }
@keyframes rotate-phone { 0%,100% { transform: rotate(0deg); } 50% { transform: rotate(90deg); } }
#rotate-overlay h2 { font-size: 1.5rem; font-weight: 600; margin: 0; }
#rotate-overlay p { font-size: 1rem; opacity: 0.8; max-width: 400px; margin: 0; line-height: 1.5; }
#rotate-overlay-close { margin-top: 1rem; padding: 12px 32px; background: #ffffff; color: #000000; border: none; border-radius: 8px; font-size: 1rem; font-weight: 500; cursor: pointer; transition: opacity 0.2s; min-width: 120px; }
#rotate-overlay-close:hover { opacity: 0.8; }
#rotate-overlay-close:active { transform: scale(0.96); }
#rotate-overlay .note { font-size: 0.75rem; opacity: 0.4; margin-top: 0.5rem; }