/* Fullscreen hint - shows briefly when entering fullscreen */
.fullscreen-hint {
    position: fixed !important;
    top: 20px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    background: rgba(0, 0, 0, 0.8) !important;
    color: white !important;
    padding: 12px 24px !important;
    border-radius: 25px !important;
    font-size: 0.95rem !important;
    z-index: 9999 !important;
    pointer-events: none !important;
    white-space: nowrap !important;
    display: none !important;
}

.fullscreen-hint.show {
    display: block !important;
}

@media (max-width: 768px) {
    .fullscreen-hint {
        font-size: 0.85rem !important;
        padding: 10px 18px !important;
        max-width: 90vw !important;
        white-space: normal !important;
        text-align: center !important;
    }
}