/* Content protection: spinning logo mark on pictures and videos, and the warning notice. */
main img, main video, main picture, main svg, main canvas { -webkit-user-drag: none; -webkit-touch-callout: none; user-select: none; -webkit-user-select: none; }
.kk-wm { position: absolute; z-index: 6; width: var(--wm, 44px); height: var(--wm, 44px); pointer-events: none; border-radius: 50%; opacity: .82;
    background: rgba(6,38,90,.55) url("/images/logo-mark-sm.png") center / 78% no-repeat; box-shadow: 0 0 0 2px rgba(255,255,255,.85), 0 3px 10px rgba(0,0,0,.45);
    animation: kk-wm-spin 9s linear infinite; }
@keyframes kk-wm-spin { to { transform: rotate(360deg); } }
.kk-wm[hidden] { display: none; }
@media (prefers-reduced-motion: reduce) { .kk-wm { animation: none; } }
@media print { main img, main video, .kk-wm { display: none !important; } body::before { content: "These pictures and videos belong to Kho Kho Uganda and are not for printing or copying."; display: block; padding: 2rem; font: 700 18px sans-serif; } }

.kk-warn { position: fixed; z-index: 2000; left: 50%; bottom: 24px; transform: translate(-50%, 24px); max-width: min(94vw, 520px); display: flex; gap: .8rem; align-items: flex-start;
    padding: .9rem 1.1rem; border-radius: 16px; background: #06265a; color: #fff; border: 2px solid #ffd400; box-shadow: 0 18px 40px rgba(0,0,0,.4); opacity: 0; pointer-events: none; transition: opacity .25s, transform .25s; }
.kk-warn.show { opacity: 1; transform: translate(-50%, 0); pointer-events: auto; }
.kk-warn i { font-size: 1.6rem; color: #ffd400; line-height: 1; }
.kk-warn b { display: block; } .kk-warn span { font-size: .92rem; opacity: .92; }
.kk-warn button { margin-left: auto; border: 0; background: transparent; color: #fff; font-size: 1.3rem; line-height: 1; cursor: pointer; }
.kk-blur main img, .kk-blur main video { filter: blur(22px); }
@media (prefers-reduced-motion: reduce) { .kk-warn { transition: none; } }