/* ===========================================
   AdventStory — общее кастомное контекстное меню
   =========================================== */

.ctx-menu{

    position:fixed;
    z-index:9999;

    min-width:220px;

    background: rgba(10,14,20,.85);
    border:1px solid rgba(255,255,255,.1);
    border-radius:14px;
    backdrop-filter: blur(18px);
    box-shadow: 0 12px 40px rgba(0,0,0,.5);

    padding:6px;

    opacity:0;
    transform:scale(.95);
    transform-origin: top left;

    transition: opacity .15s ease, transform .15s ease;

    pointer-events:none;

}

.ctx-menu.open{
    opacity:1;
    transform:scale(1);
    pointer-events:auto;
}

.ctx-header{
    font-size:11px;
    font-weight:700;
    letter-spacing:.04em;
    color:#64748b;
    padding:8px 12px 6px;
    text-transform:uppercase;
}

.ctx-item{
    padding:10px 12px;
    border-radius:9px;
    font-size:14px;
    color:#e2e8f0;
    cursor:pointer;
    transition: background .15s ease, color .15s ease;
}

.ctx-item:hover{
    background: rgba(34,197,94,.15);
    color:#22c55e;
}

.ctx-divider{
    height:1px;
    background: rgba(255,255,255,.08);
    margin:4px 6px;
}

/* модалка "почему я вижу эту рекламу" */

.modal-bg{

    position:fixed;
    inset:0;

    background: rgba(0,0,0,.6);
    backdrop-filter: blur(4px);

    z-index:10000;

    display:flex;
    align-items:center;
    justify-content:center;

    opacity:0;
    pointer-events:none;

    transition: opacity .2s ease;

    padding:20px;

}

.modal-bg.open{
    opacity:1;
    pointer-events:auto;
}

.modal-box{

    max-width:380px;
    width:100%;

    background: rgba(15,19,26,.9);
    border:1px solid rgba(255,255,255,.1);
    border-radius:20px;

    padding:24px;

    transform:translateY(10px);

    transition: transform .2s ease;

}

.modal-bg.open .modal-box{
    transform:translateY(0);
}

.modal-box h3{
    font-size:18px;
    margin-bottom:10px;
    color:#22c55e;
}

.modal-box p{
    font-size:14px;
    color:#cbd5e1;
    line-height:1.6;
    margin-bottom:16px;
}

.modal-close{
    width:100%;
    padding:12px;
    border:none;
    border-radius:12px;
    background: linear-gradient(135deg, #22c55e, #16a34a);
    color:white;
    font-weight:700;
    font-size:14px;
    cursor:pointer;
}

/* мобильное поведение: убираем системное long-press меню iOS/Android,
   но оставляем возможность выделять текст */

body{
    -webkit-touch-callout:none;
}

img, a{
    -webkit-user-drag:none;
}