/* Daily Quest keeps the shared case layout, but tells its own tasks-to-reward story. */
body.page-daily-quest #daily-quest-gate {
    --quest-task-accent: #22c55e;
}
body.page-daily-quest #daily-quest-gate[data-task-action="open_case"] { --quest-task-accent: #22c55e; }
body.page-daily-quest #daily-quest-gate[data-task-action="open_custom_case"] { --quest-task-accent: #a855f7; }
body.page-daily-quest #daily-quest-gate[data-task-action="open_predictable_case"] { --quest-task-accent: #38bdf8; }
body.page-daily-quest #daily-quest-gate[data-task-action="create_custom_case"] { --quest-task-accent: #2dd4bf; }
body.page-daily-quest #daily-quest-gate[data-task-action="complete_contract"] { --quest-task-accent: #f59e0b; }

body.page-daily-quest #daily-quest-gate .daily-free-panel--requirement {
    border-color: color-mix(in srgb, var(--quest-task-accent) 42%, transparent);
    border-top: 3px solid var(--quest-task-accent);
    border-radius: 8px;
    background: linear-gradient(115deg, color-mix(in srgb, var(--quest-task-accent) 15%, #111827), rgba(22, 19, 43, .96) 72%);
    box-shadow: 0 9px 22px rgba(0, 0, 0, .2), inset 0 1px rgba(255, 255, 255, .035);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}
body.page-daily-quest #daily-quest-gate .daily-quest-task-row {
    justify-content: flex-start;
    gap: 11px;
    text-align: left;
}
body.page-daily-quest #daily-quest-gate #daily-quest-title {
    color: #f8fafc;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.4;
}
body.page-daily-quest #daily-quest-gate .daily-quest-go {
    flex: 0 0 auto;
    padding: 7px 10px;
    border-color: color-mix(in srgb, var(--quest-task-accent) 58%, transparent);
    border-radius: 6px;
    background: color-mix(in srgb, var(--quest-task-accent) 12%, transparent);
    color: #fff;
    white-space: nowrap;
}
body.page-daily-quest #daily-quest-gate .daily-quest-go:hover {
    background: color-mix(in srgb, var(--quest-task-accent) 24%, transparent);
}
body.page-daily-quest #daily-quest-gate .daily-quest-done {
    flex: 0 0 auto;
    color: #4ade80;
    white-space: nowrap;
}

@media (min-width: 769px) {
    body.page-daily-quest .case_container .weapon-overlay,
    body.page-daily-quest .case_container .weapon-overlay-right {
        mix-blend-mode: normal;
        filter: none;
        opacity: .3 !important;
    }

    body.page-daily-quest .case_container .weapon-overlay {
        background-image: url('../img/weapon-quest-left-v2.png');
        background-position: center left;
    }

    body.page-daily-quest .case_container .weapon-overlay-right {
        background-image: url('../img/weapon-quest-right-v3.png');
        background-position: center right;
    }

    /* When the popup is open, reset mix-blend-mode so the case_container
       doesn't form an isolated compositing group that blocks backdrop-filter. */
    body.page-daily-quest:has(.popup.visible) .case_container .weapon-overlay,
    body.page-daily-quest:has(.popup.visible) .case_container .weapon-overlay-right {
        mix-blend-mode: normal;
    }
}

@media (max-width: 768px) {
    body.page-daily-quest .case_container .weapon-overlay,
    body.page-daily-quest .case_container .weapon-overlay-right {
        display: none !important;
    }
}