/* =========================================================
 * Extracted from video.php
 * Generated by _refactor_css.php — do not edit directly
 * =========================================================
 */


    /* video.php only — prevent horizontal overflow on mobile */
    @media (max-width:768px) { html, body { overflow-x:hidden; } }
    @keyframes comment-loader-slide {
        0%   { transform: translateX(-100%); }
        100% { transform: translateX(350%); }
    }
    


@font-face {
    font-family: 'DS-DIGI';
    src: url('../fonts/DS-DIGI.TTF') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* Hide Leaflet attribution in coordinate submission minimap */
#coord-minimap .leaflet-control-attribution {
    display: none !important;
}

/* Emoji button hover effect */
#emoji-btn:hover {
    background: #444 !important;
    transform: scale(1.1);
}
@media (pointer: coarse) {
    #emoji-btn, .emoji-toggle-btn { display: none !important; }
}

/* Comment form styling */
.comment-form {
    padding-top: 10px;
}

.comment-form button {
    margin: 0;
}

/* Smooth transition for comment replies */
#comments-list .replies {
    display: block;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transform: scaleY(0);
    transform-origin: top;
    transition: max-height 0.25s ease-out, opacity 0.2s ease-out, transform 0.25s ease-out;
}

#comments-list .replies.show {
    max-height: 5000px;
    opacity: 1;
    transform: scaleY(1);
    transition: max-height 0.3s ease-in, opacity 0.25s ease-in, transform 0.3s ease-in;
}