/*
 * Dinho’S Daily Reef Premium 4.4.12
 * Modal UX / mídia premium.
 * Este arquivo é apenas apresentação: nenhuma regra de pontuação, missão,
 * anúncio, economia ou persistência é alterada aqui.
 */

.ddr-modal {
    position: fixed !important;
    inset: 0 !important;
    z-index: 2147483000 !important;
    isolation: isolate !important;
}

.ddr-modal-backdrop {
    position: absolute !important;
    inset: 0 !important;
    background:
        radial-gradient(circle at 50% 0%, rgba(32,184,201,.18), transparent 38%),
        rgba(2,12,20,.86) !important;
    backdrop-filter: blur(12px) saturate(125%) !important;
}

.ddr-modal-box {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%,-50%) !important;
    width: min(1500px, 97vw) !important;
    height: min(940px, 96vh) !important;
    max-width: 1500px !important;
    max-height: 96vh !important;
    min-height: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 1px solid rgba(255,255,255,.7) !important;
    border-radius: 28px !important;
    background: #f7fbfc !important;
    box-shadow:
        0 40px 120px rgba(0,0,0,.48),
        0 0 0 1px rgba(32,184,201,.08),
        0 0 70px rgba(32,184,201,.12) !important;
    display: flex !important;
    flex-direction: column !important;
}

#ddr-modal-content {
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    overflow: hidden !important;
}

.ddr-modal-close {
    position: absolute !important;
    right: 16px !important;
    top: 14px !important;
    z-index: 100 !important;
    width: 44px !important;
    height: 44px !important;
    border: 1px solid rgba(255,255,255,.28) !important;
    border-radius: 50% !important;
    background: rgba(4,35,47,.82) !important;
    color: #fff !important;
    font-size: 27px !important;
    line-height: 1 !important;
    box-shadow: 0 8px 24px rgba(0,0,0,.24) !important;
    backdrop-filter: blur(8px) !important;
    cursor: pointer !important;
    transition: transform .2s ease, background .2s ease, box-shadow .2s ease !important;
}
.ddr-modal-close:hover {
    transform: scale(1.07) rotate(3deg) !important;
    background: #0b6680 !important;
    box-shadow: 0 12px 30px rgba(0,0,0,.32) !important;
}

.ddr-modal-inner,
.ddr-game-modal {
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
}

.ddr-modal-head {
    position: relative !important;
    flex: 0 0 auto !important;
    padding: 22px 78px 16px 28px !important;
    background: linear-gradient(180deg,#fff 0%,#f8fcfd 100%) !important;
    border-bottom: 1px solid #e3eef0 !important;
}
.ddr-modal-head h3 {
    margin: 2px 0 6px !important;
    color: #082f3d !important;
    font-size: clamp(20px,2.1vw,30px) !important;
    line-height: 1.12 !important;
    letter-spacing: -.025em !important;
}
.ddr-modal-head p {
    margin: 0 !important;
    color: #647b84 !important;
    font-size: 13px !important;
    line-height: 1.55 !important;
}
.ddr-video-kicker {
    margin-bottom: 5px !important;
    color: #0b8295 !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    letter-spacing: .16em !important;
}

.ddr-content-toolbar {
    position: absolute !important;
    right: 70px !important;
    top: 18px !important;
    z-index: 20 !important;
    padding: 0 !important;
}
.ddr-content-toolbar button {
    border: 1px solid #d5e7ea !important;
    border-radius: 12px !important;
    padding: 9px 13px !important;
    background: #fff !important;
    color: #082f3d !important;
    font-weight: 800 !important;
    font-size: 11px !important;
    cursor: pointer !important;
    box-shadow: 0 5px 16px rgba(8,45,58,.08) !important;
}
.ddr-content-toolbar button:hover {
    border-color: #8ddbe2 !important;
    color: #087489 !important;
    transform: translateY(-1px) !important;
}

/* Área de vídeo/blog: ocupa TODO o espaço entre cabeçalho e contador. */
.ddr-video-wrap,
.ddr-content-viewer {
    position: relative !important;
    flex: 1 1 auto !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    overflow: hidden !important;
    background: #071d27 !important;
}
.ddr-blog-mission-modal .ddr-content-viewer {
    background: #eef5f7 !important;
}
.ddr-content-frame,
.ddr-video-wrap iframe,
.ddr-content-viewer iframe {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 100% !important;
    min-height: 0 !important;
    max-width: none !important;
    border: 0 !important;
    background: #fff !important;
}
.ddr-video-wrap iframe {
    background: #000 !important;
}

/* Loading e estado inicial não podem encolher a mídia. */
.ddr-video-loading,
.ddr-video-await {
    position: absolute !important;
    inset: 0 !important;
    z-index: 5 !important;
    display: grid !important;
    place-content: center !important;
    justify-items: center !important;
    gap: 10px !important;
    padding: 30px !important;
    text-align: center !important;
    color: #fff !important;
    background: linear-gradient(180deg,rgba(3,25,34,.5),rgba(3,18,25,.72)) !important;
    pointer-events: none !important;
}
.ddr-video-await span {
    width: 70px !important;
    height: 70px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 50% !important;
    background: rgba(255,255,255,.12) !important;
    border: 1px solid rgba(255,255,255,.24) !important;
    font-size: 28px !important;
    backdrop-filter: blur(8px) !important;
}
.ddr-video-await strong { font-size: 18px !important; }
.ddr-video-await small { opacity: .72 !important; }

/* Contador sempre fica visível e separado da mídia. */
.ddr-timer {
    position: relative !important;
    z-index: 20 !important;
    flex: 0 0 auto !important;
    min-height: 72px !important;
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    padding: 13px 24px !important;
    background: #fff !important;
    border-top: 1px solid #dcebee !important;
}
.ddr-timer-label {
    min-width: 145px !important;
}
.ddr-timer-label b {
    display: block !important;
    color: #082f3d !important;
    font-size: 20px !important;
}
.ddr-timer-label small {
    color: #71858d !important;
    font-size: 10px !important;
}
.ddr-timer-bar {
    flex: 1 1 auto !important;
    height: 9px !important;
    overflow: hidden !important;
    border-radius: 99px !important;
    background: #e4eef0 !important;
}
.ddr-timer-bar span {
    display: block !important;
    width: 0 !important;
    height: 100% !important;
    border-radius: inherit !important;
    background: linear-gradient(90deg,#0b6680,#20b8c9,#67dfcf) !important;
    transition: width .25s linear !important;
}

/* Gate do anúncio também recebe tratamento premium. */
.ddr-ad-gate {
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    overflow: auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 18px !important;
    padding: 34px !important;
    background:
        radial-gradient(circle at 50% 10%,rgba(32,184,201,.18),transparent 35%),
        linear-gradient(145deg,#f7fdfe,#eaf6f8) !important;
}
.ddr-ad-gate-head { text-align: center !important; }
.ddr-ad-icon {
    width: 68px !important;
    height: 68px !important;
    margin: 0 auto 12px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 22px !important;
    background: #fff !important;
    box-shadow: 0 12px 32px rgba(8,45,58,.12) !important;
    font-size: 30px !important;
}
.ddr-ad-gate-head h3 {
    margin: 0 0 6px !important;
    color: #082f3d !important;
    font-size: 28px !important;
}
.ddr-ad-gate-head p { margin: 0 !important; color: #70848c !important; }
.ddr-modal-ad {
    width: min(900px,100%) !important;
    min-height: 250px !important;
    max-height: 52vh !important;
    overflow: hidden !important;
    padding: 12px !important;
    border: 1px solid #dcecef !important;
    border-radius: 22px !important;
    background: #fff !important;
    box-shadow: 0 15px 45px rgba(8,45,58,.08) !important;
}
.ddr-modal-ad .adsbygoogle {
    display: block !important;
    width: 100% !important;
    min-height: 220px !important;
}
.ddr-ad-countdown {
    width: min(650px,100%) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    color: #61777f !important;
    text-align: center !important;
}
.ddr-ad-countdown b {
    min-width: 58px !important;
    padding: 9px 12px !important;
    border-radius: 14px !important;
    background: #082f3d !important;
    color: #fff !important;
    font-size: 20px !important;
}
.ddr-ad-continue {
    min-width: 220px !important;
    border: 0 !important;
    border-radius: 15px !important;
    padding: 14px 22px !important;
    background: linear-gradient(135deg,#062c3a,#0b6680) !important;
    color: #fff !important;
    font-weight: 900 !important;
    cursor: pointer !important;
    box-shadow: 0 12px 30px rgba(6,44,58,.2) !important;
}
.ddr-ad-continue:disabled { opacity: .42 !important; cursor: not-allowed !important; }

/* Produtos e jogos ganham área útil sem esmagar conteúdo. */
.ddr-product-modal { overflow: auto !important; }
.ddr-product-list { flex: 1 1 auto !important; min-height: 0 !important; overflow: auto !important; padding: 22px !important; }
.ddr-product-choice {
    display: grid !important;
    grid-template-columns: 82px 1fr auto !important;
    gap: 16px !important;
    align-items: center !important;
    padding: 15px !important;
    margin-bottom: 10px !important;
    border: 1px solid #deebee !important;
    border-radius: 18px !important;
    background: #fff !important;
}
.ddr-product-thumb { width:82px!important;height:82px!important;border-radius:15px!important;overflow:hidden!important;background:#eef7f8!important;display:grid!important;place-items:center!important;font-size:28px!important }
.ddr-product-thumb img { width:100%!important;height:100%!important;object-fit:cover!important }
.ddr-product-info strong { display:block!important;color:#082f3d!important;font-size:14px!important }
.ddr-product-info span { display:block!important;margin-top:5px!important;color:#13835e!important;font-weight:900!important }
.ddr-product-info small { display:block!important;margin-top:6px!important;color:#71858d!important }
.ddr-game-modal { overflow: hidden !important; }
.ddr-memory-grid {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow: auto !important;
    align-content: center !important;
    padding: 24px !important;
}
.ddr-quiz-options { flex: 1 1 auto !important; overflow:auto!important; padding:24px!important; }
.ddr-bubble-arena { flex:1 1 auto!important; min-height:0!important; }

@media (max-width: 760px) {
    .ddr-modal-box {
        width: calc(100vw - 8px) !important;
        max-width: calc(100vw - 8px) !important;
        height: calc(100dvh - 8px) !important;
        max-height: calc(100dvh - 8px) !important;
        border-radius: 20px !important;
    }
    .ddr-modal-close {
        right: 9px !important;
        top: 9px !important;
        width: 40px !important;
        height: 40px !important;
    }
    .ddr-modal-head {
        padding: 16px 60px 12px 16px !important;
    }
    .ddr-modal-head h3 { font-size: 20px !important; }
    .ddr-content-toolbar { right: 58px !important; top: 13px !important; }
    .ddr-content-toolbar button { padding: 7px 9px !important; font-size: 10px !important; }
    .ddr-timer {
        min-height: 64px !important;
        padding: 10px 14px !important;
        gap: 9px !important;
    }
    .ddr-timer-label { min-width: 92px !important; }
    .ddr-timer-label b { font-size: 17px !important; }
    .ddr-product-choice { grid-template-columns: 60px 1fr !important; }
    .ddr-product-thumb { width:60px!important;height:60px!important }
    .ddr-product-choice .ddr-primary { grid-column: 1 / -1 !important; width:100%!important }
    .ddr-ad-gate { padding: 20px 12px !important; gap: 12px !important; }
    .ddr-modal-ad { min-height: 190px !important; max-height: 42vh !important; }
    .ddr-modal-ad .adsbygoogle { min-height: 170px !important; }
    .ddr-ad-countdown { flex-direction: column !important; }
}

/* ===== Dinho'S Daily Reef 4.4.13 — jogos e mídia premium ===== */
.ddr-modal-box{height:min(980px,98vh)!important;max-height:98vh!important}
.ddr-video-wrap,.ddr-content-viewer{min-height:420px!important}
.ddr-video-mission-modal .ddr-video-wrap{flex:1 1 0!important}
.ddr-content-video{display:block!important;width:100%!important;height:100%!important;min-height:420px!important;object-fit:contain!important;background:#000!important}
.ddr-video-wrap.started .ddr-video-await{display:none!important}
.ddr-video-loading{transition:opacity .18s ease!important}
.ddr-bubble-game{background:linear-gradient(180deg,#f7fdff 0%,#eaf8fb 100%)!important}
.ddr-bubble-game .ddr-modal-head{padding-bottom:13px!important}
.ddr-bubble-hud{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;padding:10px 22px!important;background:rgba(255,255,255,.9)!important;border-bottom:1px solid #d8edf1!important}
.ddr-bubble-hud .ddr-game-score{display:flex!important;align-items:center!important;gap:9px!important;flex-wrap:wrap!important}
.ddr-bubble-hud .ddr-game-score span{font-size:12px!important;font-weight:800!important;color:#53717b!important}
.ddr-bubble-hud .ddr-game-score b{font-size:28px!important;color:#07566c!important;line-height:1!important}
.ddr-bubble-hud .ddr-game-score small{font-size:10px!important;color:#78919a!important}
.ddr-bubble-combo{padding:8px 13px!important;border-radius:999px!important;background:#e4f5f8!important;color:#0a6d82!important;font-size:11px!important;font-weight:950!important;letter-spacing:.08em!important;transition:transform .15s ease,box-shadow .15s ease,background .15s ease!important}
.ddr-bubble-combo.hot{background:#fff0bf!important;box-shadow:0 0 24px rgba(255,194,45,.45)!important;transform:scale(1.06)!important;color:#9a6400!important}
.ddr-bubble-arena{position:relative!important;overflow:hidden!important;flex:1 1 0!important;min-height:440px!important;margin:0!important;background:radial-gradient(circle at 50% 100%,rgba(32,184,201,.24),transparent 45%),linear-gradient(180deg,#063d56,#062a40 55%,#041f31)!important;touch-action:manipulation!important;isolation:isolate!important}
.ddr-bubble-arena:before,.ddr-bubble-arena:after{content:"";position:absolute;inset:auto -10% -45px;height:130px;border-radius:50%;background:rgba(42,197,213,.09);filter:blur(3px);pointer-events:none!important}
.ddr-bubble-arena:after{bottom:25px;height:80px;background:rgba(255,255,255,.045);animation:ddr-wave 4s ease-in-out infinite}
.ddr-bubble{appearance:none!important;border:1px solid rgba(255,255,255,.72)!important;border-radius:50%!important;padding:0!important;display:grid!important;place-items:center!important;background:radial-gradient(circle at 30% 24%,rgba(255,255,255,.98) 0 8%,rgba(177,245,255,.82) 25%,rgba(40,188,214,.48) 55%,rgba(9,98,133,.22) 75%,rgba(255,255,255,.05) 100%)!important;box-shadow:inset 8px 7px 14px rgba(255,255,255,.42),inset -7px -9px 15px rgba(0,63,91,.22),0 7px 20px rgba(0,0,0,.25),0 0 24px rgba(56,214,232,.2)!important;color:#fff!important;cursor:pointer!important;transform:translateZ(0)!important;transition:transform .13s ease,opacity .18s ease,filter .13s ease!important;animation:ddr-bubble-float 2.7s ease-in-out infinite!important}
.ddr-bubble span{font-size:clamp(22px,3vw,36px)!important;filter:drop-shadow(0 3px 5px rgba(0,35,50,.22))!important;pointer-events:none!important;user-select:none!important}
.ddr-bubble:hover{transform:scale(1.12)!important;filter:brightness(1.12)!important}
.ddr-bubble:active{transform:scale(.82)!important}
.ddr-bubble.popped{pointer-events:none!important;animation:ddr-bubble-pop .26s ease forwards!important}
.ddr-bubble-escape{animation:ddr-bubble-escape .28s ease forwards!important}
.ddr-bubble-burst{position:absolute!important;width:4px!important;height:4px!important;z-index:90!important;pointer-events:none!important}
.ddr-bubble-burst i{position:absolute!important;width:8px!important;height:8px!important;border-radius:50%!important;background:rgba(190,250,255,.95)!important;box-shadow:0 0 10px rgba(95,232,255,.8)!important;animation:ddr-burst-particle .55s ease-out forwards!important}
.ddr-bubble-burst i:nth-child(1){--dx:-42px;--dy:-18px}.ddr-bubble-burst i:nth-child(2){--dx:40px;--dy:-25px}.ddr-bubble-burst i:nth-child(3){--dx:-28px;--dy:34px}.ddr-bubble-burst i:nth-child(4){--dx:32px;--dy:31px}.ddr-bubble-burst i:nth-child(5){--dx:0;--dy:-42px}
.ddr-bubble-burst b{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%) scale(.5)!important;color:#fff!important;font-size:18px!important;font-weight:950!important;text-shadow:0 2px 7px rgba(0,0,0,.55)!important;animation:ddr-hit-number .55s ease-out forwards!important;white-space:nowrap!important}
.ddr-hit-feedback{position:absolute!important;z-index:100!important;transform:translateX(-50%)!important;color:#fff!important;font-weight:950!important;font-size:15px!important;text-shadow:0 2px 10px rgba(0,0,0,.65)!important;pointer-events:none!important;animation:ddr-hit-float .55s ease-out forwards!important;white-space:nowrap!important}
.ddr-bubble-game .ddr-game-timer{min-height:70px!important}
@keyframes ddr-bubble-float{0%,100%{margin-top:0}50%{margin-top:-7px}}
@keyframes ddr-bubble-pop{0%{transform:scale(1);opacity:1}45%{transform:scale(1.38);opacity:.9;filter:brightness(1.45)}100%{transform:scale(0);opacity:0}}
@keyframes ddr-bubble-escape{to{transform:translateY(-35px) scale(.25);opacity:0}}
@keyframes ddr-burst-particle{0%{transform:translate(0,0) scale(.4);opacity:1}100%{transform:translate(var(--dx),var(--dy)) scale(1.2);opacity:0}}
@keyframes ddr-hit-number{0%{transform:translate(-50%,-50%) scale(.5);opacity:0}20%{transform:translate(-50%,-75%) scale(1.15);opacity:1}100%{transform:translate(-50%,-145%) scale(1);opacity:0}}
@keyframes ddr-hit-float{0%{opacity:0;transform:translate(-50%,10px) scale(.7)}25%{opacity:1;transform:translate(-50%,0) scale(1.05)}100%{opacity:0;transform:translate(-50%,-35px) scale(1)}}
@keyframes ddr-wave{0%,100%{transform:translateX(-2%) scaleX(1)}50%{transform:translateX(2%) scaleX(1.04)}}
@media(max-width:760px){
 .ddr-modal-box{width:calc(100vw - 6px)!important;max-width:calc(100vw - 6px)!important;height:calc(100dvh - 6px)!important;max-height:calc(100dvh - 6px)!important;border-radius:18px!important}
 .ddr-video-wrap,.ddr-content-viewer,.ddr-content-video{min-height:0!important}
 .ddr-bubble-hud{padding:8px 12px!important}
 .ddr-bubble-hud .ddr-game-score b{font-size:23px!important}
 .ddr-bubble-arena{min-height:0!important}
 .ddr-bubble{min-width:42px!important;min-height:42px!important}
 .ddr-bubble-game .ddr-modal-head{padding:13px 55px 10px 13px!important}
 .ddr-bubble-game .ddr-modal-head p{font-size:11px!important}
 .ddr-bubble-game .ddr-game-timer{min-height:62px!important;padding:8px 12px!important}
}

/* ===== 4.4.14 — player de vídeo realmente clicável ===== */
.ddr-embed-player{position:relative;width:100%;height:100%;min-height:0;background:#000;overflow:hidden}
.ddr-embed-player .ddr-content-frame{position:absolute!important;inset:0!important;z-index:2!important;pointer-events:auto!important}
.ddr-video-start{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-width:240px;padding:20px 26px;border:1px solid rgba(255,255,255,.28);border-radius:22px;background:rgba(4,28,38,.78);color:#fff;box-shadow:0 20px 60px rgba(0,0,0,.42),0 0 35px rgba(32,184,201,.16);backdrop-filter:blur(12px);cursor:pointer;transition:transform .2s ease,opacity .2s ease,background .2s ease}
.ddr-video-start:hover{transform:translate(-50%,-50%) scale(1.04);background:rgba(5,45,58,.9)}
.ddr-video-start span{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#20b8c9,#087b91);font-size:25px;padding-left:4px;box-shadow:0 8px 28px rgba(32,184,201,.35)}
.ddr-video-start strong{font-size:17px}.ddr-video-start small{font-size:11px;opacity:.72}.ddr-video-start.is-starting{opacity:0;transform:translate(-50%,-50%) scale(1.08);pointer-events:none}
.ddr-video-wrap.started .ddr-video-start{display:none}
@media(max-width:760px){.ddr-video-start{min-width:210px;padding:17px 20px}.ddr-video-start span{width:56px;height:56px}.ddr-video-start strong{font-size:15px}}

/* 4.4.15: nunca cubra o player com a mensagem de espera */
.ddr-video-await{display:none!important;pointer-events:none!important;visibility:hidden!important;}
.ddr-video-wrap .ddr-content-frame{z-index:2!important;}
.ddr-embed-player{position:relative!important;width:100%!important;height:100%!important;min-height:420px!important;}


/* ===== 4.4.16 — player sem máscara + início confiável dos 60s ===== */
.ddr-video-wrap .ddr-video-loading,
.ddr-video-wrap .ddr-video-await,
.ddr-video-wrap .ddr-start-overlay,
.ddr-video-wrap .ddr-video-start,
.ddr-video-wrap .ddr-video-poster{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;}
.ddr-video-wrap .ddr-content-frame{filter:none!important;opacity:1!important;pointer-events:auto!important;}
.ddr-video-hit-area{position:absolute!important;inset:0!important;z-index:7!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;opacity:0!important;cursor:pointer!important;pointer-events:auto!important;}
.ddr-video-wrap.started .ddr-video-hit-area{display:none!important;pointer-events:none!important;}


/* ===== 4.4.24 — fullscreen com conteúdo centralizado =====
   Mantém a aplicação ocupando a viewport inteira, mas limita e centraliza
   somente os blocos principais. Modais, toast e overlays permanecem livres
   para usar a tela toda. */
.ddr-app > .ddr-nav,
.ddr-app > .ddr-hero,
.ddr-app > .ddr-welcome,
.ddr-app > .ddr-progress-shell,
.ddr-app > .ddr-conversion-card,
.ddr-app > .ddr-checkin,
.ddr-app > .ddr-section-heading,
.ddr-app > .ddr-missions,
.ddr-app > .ddr-vault-card,
.ddr-app > .ddr-games,
.ddr-app > .ddr-evolution,
.ddr-app > .ddr-main-ad {
    width: 100% !important;
    max-width: 1180px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    position: relative;
    z-index: 1;
}
@media (max-width: 760px) {
    .ddr-app > .ddr-nav,
    .ddr-app > .ddr-hero,
    .ddr-app > .ddr-welcome,
    .ddr-app > .ddr-progress-shell,
    .ddr-app > .ddr-conversion-card,
    .ddr-app > .ddr-checkin,
    .ddr-app > .ddr-section-heading,
    .ddr-app > .ddr-missions,
    .ddr-app > .ddr-vault-card,
    .ddr-app > .ddr-games,
    .ddr-app > .ddr-evolution,
    .ddr-app > .ddr-main-ad {
        max-width: 100% !important;
    }
}

/* ===== 4.4.25 — desktop mais contido e central ===== */
@media (min-width: 1100px) {
  .ddr-app > .ddr-nav,
  .ddr-app > .ddr-hero,
  .ddr-app > .ddr-welcome,
  .ddr-app > .ddr-progress-shell,
  .ddr-app > .ddr-conversion-card,
  .ddr-app > .ddr-checkin,
  .ddr-app > .ddr-section-heading,
  .ddr-app > .ddr-missions,
  .ddr-app > .ddr-vault-card,
  .ddr-app > .ddr-games,
  .ddr-app > .ddr-evolution,
  .ddr-app > .ddr-main-ad {
    max-width: 1040px !important;
  }
}
.ddr-mission-loading{height:100%;min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;background:#fff;color:#102d38}
.ddr-mission-loading span{font-size:42px}.ddr-mission-loading strong{font-size:20px}.ddr-mission-loading small{color:#6b7f88}

/* DDR 4.4.26 — execução robusta de vídeo/leitura no modal */
.ddr-readable-content{
  flex:1 1 auto; min-height:0; overflow:auto; background:#fff; color:#17323d;
  padding:clamp(18px,3vw,38px); line-height:1.75; font-size:16px;
}
.ddr-readable-content>*{max-width:820px;margin-left:auto;margin-right:auto}
.ddr-readable-content img,.ddr-readable-content video,.ddr-readable-content iframe{max-width:100%;height:auto}
.ddr-readable-content p{margin-top:0;margin-bottom:1.15em}
.ddr-readable-content h1,.ddr-readable-content h2,.ddr-readable-content h3{line-height:1.2;color:#082f3d}
.ddr-content-toolbar{position:relative!important;right:auto!important;top:auto!important;width:100%!important;justify-content:flex-end!important}
.ddr-native-video,.ddr-embed-video{display:block!important;flex:1 1 auto!important;min-height:0!important;width:100%!important;background:#000!important}
.ddr-iframe-fallback{flex:1 1 auto;display:grid;place-items:center;align-content:center;gap:14px;padding:30px;text-align:center;background:#f7fcfd}
.ddr-open-source{white-space:nowrap}
@media(max-width:760px){.ddr-readable-content{padding:18px 14px;font-size:15px}.ddr-content-toolbar{min-height:42px!important}}
\n\n/* ===== 4.4.28 — recovery seguro do player + modal amplo + jogos alinhados ===== */\n/* A missão real usa um modal grande. O gate de anúncio permanece distinto. */\n.ddr-modal.ddr-mission-mode .ddr-modal-box{\n  width:min(1460px,96vw)!important;\n  max-width:1460px!important;\n  height:min(940px,95vh)!important;\n  max-height:95vh!important;\n  min-height:680px!important;\n}\n.ddr-modal.ddr-ad-mode .ddr-modal-box{\n  width:min(980px,92vw)!important;\n  max-width:980px!important;\n  height:min(760px,88vh)!important;\n  max-height:88vh!important;\n  min-height:560px!important;\n}\n/* O CSS legado bloqueava o iframe enquanto .started não existia.\n   Esta versão também adiciona .started no HTML; estas regras são redundância defensiva. */\n.ddr-modal.ddr-mission-mode .ddr-video-wrap.started .ddr-content-frame,\n.ddr-modal.ddr-mission-mode .ddr-video-wrap.started iframe,\n.ddr-modal.ddr-mission-mode .ddr-video-wrap.started video{\n  pointer-events:auto!important;\n  touch-action:auto!important;\n  filter:none!important;\n  opacity:1!important;\n  position:relative!important;\n  z-index:5!important;\n}\n.ddr-modal.ddr-mission-mode .ddr-start-overlay,\n.ddr-modal.ddr-mission-mode .ddr-video-hit-area,\n.ddr-modal.ddr-mission-mode .ddr-video-poster{\n  display:none!important;\n  visibility:hidden!important;\n  pointer-events:none!important;\n}\n/* Cards dos jogos com mesma altura e alinhamento no rodapé. */\n.ddr-app .ddr-game-grid{align-items:stretch!important;grid-auto-rows:1fr!important}\n.ddr-app .ddr-game-card{\n  width:100%!important;height:100%!important;min-width:0!important;margin:0!important;\n  display:flex!important;flex-direction:column!important;align-items:flex-start!important;\n}\n.ddr-app .ddr-game-card strong{width:100%!important}\n.ddr-app .ddr-game-card small{width:100%!important;margin-top:auto!important;padding-top:6px!important}\n@media(max-width:760px){\n  .ddr-modal.ddr-mission-mode .ddr-modal-box{width:calc(100vw - 8px)!important;max-width:none!important;height:calc(100dvh - 8px)!important;max-height:calc(100dvh - 8px)!important;min-height:0!important}\n  .ddr-modal.ddr-ad-mode .ddr-modal-box{width:calc(100vw - 12px)!important;max-width:none!important;height:calc(100dvh - 20px)!important;max-height:calc(100dvh - 20px)!important;min-height:0!important}\n}\n

/* Limite de parser: absorve qualquer token textual legado imediatamente anterior sem contaminar as regras 4.4.31. */
.ddr-css-parser-boundary{}

/* ===== 4.4.31 — leitura com scroll interno + contador sempre visível ===== */
/* A postagem precisa se comportar como o player de vídeo: cabeçalho e contador ficam fixos
   no modal, enquanto somente o conteúdo da leitura rola para cima e para baixo. */
.ddr-blog-mission-modal{
  min-height:0!important;
  overflow:hidden!important;
}
.ddr-blog-mission-modal .ddr-content-viewer{
  display:flex!important;
  flex-direction:column!important;
  flex:1 1 0!important;
  min-height:0!important;
  height:auto!important;
  overflow:hidden!important;
}
.ddr-blog-mission-modal .ddr-content-toolbar{
  flex:0 0 auto!important;
}
.ddr-blog-mission-modal .ddr-readable-content{
  display:block!important;
  flex:1 1 0!important;
  width:100%!important;
  min-width:0!important;
  min-height:0!important;
  height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;
  scrollbar-gutter:stable!important;
}
.ddr-blog-mission-modal > .ddr-timer{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  flex:0 0 auto!important;
  position:relative!important;
  z-index:30!important;
}
@media(max-width:760px){
  .ddr-blog-mission-modal .ddr-readable-content{
    scrollbar-gutter:auto!important;
  }
}

/* ===== 4.4.32 — correção cirúrgica: conteúdo da postagem visível + scroll preservado ===== */
/* Em alguns navegadores/temas, height:0 no artigo flexível podia colapsar visualmente a postagem.
   Mantemos o contador fora da área rolável, mas deixamos o artigo ocupar o espaço restante normalmente. */
.ddr-blog-mission-modal .ddr-content-viewer{
  flex:1 1 auto!important;
  min-height:0!important;
  height:auto!important;
  overflow:hidden!important;
}
.ddr-blog-mission-modal .ddr-readable-content{
  display:block!important;
  flex:1 1 auto!important;
  width:100%!important;
  min-width:0!important;
  min-height:0!important;
  height:auto!important;
  max-height:100%!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  visibility:visible!important;
  opacity:1!important;
  position:relative!important;
  z-index:1!important;
  background:#fff!important;
  color:#17323d!important;
  pointer-events:auto!important;
  -webkit-overflow-scrolling:touch!important;
}
.ddr-blog-mission-modal > .ddr-timer{
  flex:0 0 auto!important;
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
}

/* ===== 4.4.33 — missões Loja/Wishlist/Reviews + jogos premium ===== */
.ddr-review-mission-progress{display:inline-flex;align-items:center;justify-content:center;gap:7px;margin-top:9px;padding:8px 13px;border-radius:999px;background:#fff7df;border:1px solid #f1d993;color:#72530b;font-size:12px;font-weight:900}
.ddr-review-mission-progress span{font-size:17px;line-height:1}
.ddr-review-mission-modal .ddr-product-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;padding:14px 18px 24px!important;overflow:auto!important;align-content:start!important}
.ddr-review-mission-modal .ddr-product-choice{grid-template-columns:78px minmax(0,1fr)!important;grid-template-rows:auto auto!important;gap:11px 13px!important;padding:13px!important;border-radius:20px!important;background:linear-gradient(145deg,#fff,#fffdf7)!important;border:1px solid #eee4c8!important;box-shadow:0 8px 24px rgba(80,55,0,.055)!important}
.ddr-review-mission-modal .ddr-product-thumb{grid-row:1 / span 2!important;width:78px!important;height:78px!important;border-radius:17px!important;background:#fff9e9!important}
.ddr-review-mission-modal .ddr-review-product{grid-column:1 / -1!important;width:100%!important;min-height:44px!important;border-radius:13px!important}
.ddr-review-editor{position:fixed;inset:0;z-index:2147483646;display:grid;place-items:center;padding:18px;background:rgba(1,18,25,.68);backdrop-filter:blur(8px);opacity:0;pointer-events:none;transition:.18s ease}
.ddr-review-editor.show{opacity:1;pointer-events:auto}
.ddr-review-editor-card{position:relative;width:min(560px,96vw);padding:28px;border-radius:24px;background:#fff;box-shadow:0 28px 90px rgba(0,0,0,.32)}
.ddr-review-editor-card h3{margin:5px 44px 16px 0;color:#082f3d;font-size:21px;line-height:1.3}
.ddr-review-editor-close{position:absolute;right:14px;top:14px;width:38px;height:38px;border:0;border-radius:50%;background:#edf7f8;color:#0b6680;font-size:26px;cursor:pointer}
.ddr-review-stars{display:flex;gap:6px;margin:4px 0 14px}
.ddr-review-stars button{border:0;background:transparent;padding:0 2px;color:#ccd5d8;font-size:35px;line-height:1;cursor:pointer;transition:.15s}
.ddr-review-stars button.on{color:#e6a900;transform:translateY(-1px) scale(1.05)}
.ddr-review-text{width:100%;min-height:150px;resize:vertical;border:1px solid #cfdee2;border-radius:15px;padding:14px;font:inherit;line-height:1.55;outline:none}
.ddr-review-text:focus{border-color:#20b8c9;box-shadow:0 0 0 3px rgba(32,184,201,.12)}
.ddr-review-submit{width:100%;margin-top:12px;min-height:48px}
.ddr-review-editor-card>small{display:block;margin-top:9px;color:#71838a;line-height:1.45}
.ddr-game-modal{background:linear-gradient(180deg,#f8feff,#eef9fb)!important}
.ddr-game-modal .ddr-modal-head{background:linear-gradient(135deg,#063847,#0b6c80)!important;border-bottom:0!important}
.ddr-game-modal .ddr-modal-head h3,.ddr-game-modal .ddr-modal-head p{color:#fff!important}
.ddr-game-timer{box-shadow:0 -8px 24px rgba(6,44,58,.05)!important}
@media(max-width:900px){.ddr-review-mission-modal .ddr-product-list{grid-template-columns:1fr!important}}
@media(max-width:600px){.ddr-review-editor{padding:8px}.ddr-review-editor-card{padding:22px 16px;border-radius:18px}.ddr-review-stars button{font-size:32px}.ddr-review-mission-modal .ddr-product-list{padding:10px!important}.ddr-review-mission-modal .ddr-product-choice{grid-template-columns:64px minmax(0,1fr)!important}.ddr-review-mission-modal .ddr-product-thumb{width:64px!important;height:64px!important}}

/* ===== 4.5.4 — leitura: rolagem e cronômetro independentes ===== */
/* A área da postagem ocupa somente o espaço entre o cabeçalho e o contador.
   Assim imagens grandes nunca empurram o cronômetro para fora do modal. */
#ddr-modal.ddr-mission-mode .ddr-modal-box{
  height:min(900px,calc(100dvh - 24px))!important;
  max-height:calc(100dvh - 24px)!important;
  min-height:0!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
}
#ddr-modal.ddr-mission-mode #ddr-modal-content{
  display:flex!important;
  flex:1 1 auto!important;
  min-height:0!important;
  height:100%!important;
  overflow:hidden!important;
}
#ddr-modal.ddr-mission-mode .ddr-blog-mission-modal{
  display:flex!important;
  flex:1 1 auto!important;
  min-height:0!important;
  height:100%!important;
  overflow:hidden!important;
}
#ddr-modal.ddr-mission-mode .ddr-blog-mission-modal .ddr-content-viewer{
  display:flex!important;
  flex:1 1 0!important;
  min-height:0!important;
  height:0!important;
  overflow:hidden!important;
}
#ddr-modal.ddr-mission-mode .ddr-blog-mission-modal .ddr-readable-content{
  display:block!important;
  flex:1 1 auto!important;
  min-height:0!important;
  height:100%!important;
  max-height:100%!important;
  overflow-y:scroll!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  touch-action:pan-y!important;
  -webkit-overflow-scrolling:touch!important;
}
#ddr-modal.ddr-mission-mode .ddr-blog-mission-modal > .ddr-timer{
  display:flex!important;
  flex:0 0 auto!important;
  visibility:visible!important;
  opacity:1!important;
  position:relative!important;
  z-index:40!important;
}

/* 4.5.6 — grade estável dos jogos: uma linha com três cards no desktop. */
.ddr-app .ddr-game-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  grid-auto-flow:row!important;
  align-items:stretch!important;
  gap:18px!important;
}
.ddr-app .ddr-game-card{
  width:100%!important;
  min-width:0!important;
  min-height:190px!important;
  height:100%!important;
  margin:0!important;
}
@media(max-width:760px){
  .ddr-app .ddr-game-grid{grid-template-columns:1fr!important;}
}


/* ===== 4.5.9 — jogos alinhados e clicáveis ===== */
.ddr-app .ddr-game-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  grid-auto-rows:1fr!important;
  align-items:stretch!important;
  gap:18px!important;
}
.ddr-app .ddr-game-card{
  position:relative!important;
  width:100%!important;
  min-width:0!important;
  min-height:205px!important;
  height:100%!important;
  margin:0!important;
  padding:24px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  text-align:left!important;
  cursor:pointer!important;
  pointer-events:auto!important;
  touch-action:manipulation!important;
}
.ddr-app .ddr-game-card > span{
  width:68px!important;
  height:68px!important;
  display:grid!important;
  place-items:center!important;
  margin:0 0 14px!important;
  flex:0 0 68px!important;
}
.ddr-app .ddr-game-card > strong{
  width:100%!important;
  min-height:28px!important;
  margin:0 0 8px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
}
.ddr-app .ddr-game-card > small{
  width:100%!important;
  min-height:40px!important;
  margin-top:auto!important;
  padding-top:8px!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:flex-start!important;
}
@media(max-width:760px){
  .ddr-app .ddr-game-grid{grid-template-columns:1fr!important;grid-auto-rows:auto!important}
  .ddr-app .ddr-game-card{min-height:170px!important}
}

/* ===== 4.5.10 — erros de missão permanecem visíveis e recuperáveis ===== */
.ddr-app .ddr-mission-error-modal{
  min-height:280px!important;
  justify-content:center!important;
  text-align:center!important;
}
.ddr-app .ddr-mission-error-modal .ddr-modal-head{
  padding:34px 28px 12px!important;
}
.ddr-app .ddr-mission-error-modal .ddr-modal-head h3{
  font-size:24px!important;
  margin-bottom:10px!important;
}
.ddr-app .ddr-mission-error-modal .ddr-modal-head p{
  max-width:680px!important;
  margin:0 auto!important;
  font-size:14px!important;
  line-height:1.6!important;
}
.ddr-app .ddr-mission-error-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:center!important;
  gap:10px!important;
  padding:12px 24px 32px!important;
}
.ddr-app .ddr-mission-inline-error{
  width:100%!important;
  flex-basis:100%!important;
  padding:8px 12px!important;
  border-radius:10px!important;
  background:#fff1f1!important;
  color:#9b2c2c!important;
  font-size:12px!important;
  line-height:1.4!important;
}
@media(max-width:600px){
  .ddr-app .ddr-mission-error-actions{flex-direction:column!important}
  .ddr-app .ddr-mission-error-actions .ddr-primary{width:100%!important}
}


/* ===== 4.5.11 — monetização restaurada + rolagem dos jogos ===== */
/* Quiz e memória oferecem rolagem vertical clara para resultados longos. */
#ddr-modal.ddr-game-mode .ddr-quiz-game,
#ddr-modal.ddr-game-mode .ddr-memory-game{
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  scrollbar-gutter:stable!important;
  -webkit-overflow-scrolling:touch!important;
}
#ddr-modal.ddr-game-mode .ddr-quiz-game #ddr-quiz-result{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding:18px 22px 26px!important;
  scrollbar-gutter:stable!important;
  -webkit-overflow-scrolling:touch!important;
}
#ddr-modal.ddr-game-mode .ddr-quiz-game .ddr-quiz-final{
  width:100%!important;
  max-width:none!important;
}
#ddr-modal.ddr-game-mode .ddr-quiz-game #ddr-quiz-result::-webkit-scrollbar,
#ddr-modal.ddr-game-mode .ddr-quiz-game::-webkit-scrollbar,
#ddr-modal.ddr-game-mode .ddr-memory-game::-webkit-scrollbar{
  width:12px!important;
}
#ddr-modal.ddr-game-mode .ddr-quiz-game #ddr-quiz-result::-webkit-scrollbar-thumb,
#ddr-modal.ddr-game-mode .ddr-quiz-game::-webkit-scrollbar-thumb,
#ddr-modal.ddr-game-mode .ddr-memory-game::-webkit-scrollbar-thumb{
  background:#8fb6bf!important;
  border:3px solid #eef9fb!important;
  border-radius:999px!important;
}
#ddr-modal.ddr-game-mode .ddr-quiz-game #ddr-quiz-result::-webkit-scrollbar-track,
#ddr-modal.ddr-game-mode .ddr-quiz-game::-webkit-scrollbar-track,
#ddr-modal.ddr-game-mode .ddr-memory-game::-webkit-scrollbar-track{
  background:#eef9fb!important;
}


/* ===== 4.5.12 — rolagem universal + vitrines amplas + jogos travados em 3 colunas ===== */
#ddr-modal .ddr-modal-box{
  min-height:0!important;
}
#ddr-modal #ddr-modal-content{
  flex:1 1 auto!important;
  min-height:0!important;
  height:100%!important;
  overflow-y:scroll!important;
  overflow-x:hidden!important;
  scrollbar-gutter:stable!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;
}
#ddr-modal #ddr-modal-content > .ddr-modal-inner,
#ddr-modal #ddr-modal-content > .ddr-game-modal,
#ddr-modal #ddr-modal-content > .ddr-ad-gate{
  min-height:100%!important;
}
#ddr-modal .ddr-product-list,
#ddr-modal .ddr-quiz-options,
#ddr-modal .ddr-quiz-result,
#ddr-modal .ddr-readable-content{
  overflow-y:scroll!important;
  overflow-x:hidden!important;
  scrollbar-gutter:stable!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;
}

/* Carrinho e avaliações: várias opções reais, mas a regra continua 2 itens. */
@media(min-width:901px){
  #ddr-modal .ddr-cart-mission-modal .ddr-product-list,
  #ddr-modal .ddr-review-mission-modal .ddr-product-list{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:14px!important;
    align-content:start!important;
  }
}
@media(min-width:601px) and (max-width:900px){
  #ddr-modal .ddr-cart-mission-modal .ddr-product-list,
  #ddr-modal .ddr-review-mission-modal .ddr-product-list{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
  }
}
@media(max-width:600px){
  #ddr-modal .ddr-cart-mission-modal .ddr-product-list,
  #ddr-modal .ddr-review-mission-modal .ddr-product-list{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
}

/* Desktop: os 3 jogos ficam obrigatoriamente na MESMA linha.
   nth-child + JS inline impedem tema/construtor de empurrar o terceiro para baixo. */
@media(min-width:761px){
  .ddr-app .ddr-game-grid{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    grid-template-rows:minmax(205px,auto)!important;
    grid-auto-flow:row!important;
    grid-auto-rows:1fr!important;
    gap:18px!important;
    align-items:stretch!important;
    width:100%!important;
    max-width:none!important;
  }
  .ddr-app .ddr-game-grid > .ddr-game-card{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    min-height:205px!important;
    height:100%!important;
    margin:0!important;
    align-self:stretch!important;
  }
  .ddr-app .ddr-game-grid > .ddr-game-card:nth-child(1){grid-column:1!important;grid-row:1!important}
  .ddr-app .ddr-game-grid > .ddr-game-card:nth-child(2){grid-column:2!important;grid-row:1!important}
  .ddr-app .ddr-game-grid > .ddr-game-card:nth-child(3){grid-column:3!important;grid-row:1!important}
}
@media(max-width:760px){
  .ddr-app .ddr-game-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-auto-rows:auto!important;
  }
  .ddr-app .ddr-game-grid > .ddr-game-card{
    grid-column:1!important;
    height:auto!important;
    min-height:170px!important;
  }
  .ddr-app .ddr-game-grid > .ddr-game-card:nth-child(1){grid-row:1!important}
  .ddr-app .ddr-game-grid > .ddr-game-card:nth-child(2){grid-row:2!important}
  .ddr-app .ddr-game-grid > .ddr-game-card:nth-child(3){grid-row:3!important}
}

/* Barra sempre disponível também nos jogos/resultados longos. */
#ddr-modal .ddr-game-modal{
  overflow-y:scroll!important;
  overflow-x:hidden!important;
  scrollbar-gutter:stable!important;
}
#ddr-modal .ddr-memory-grid{
  flex:0 0 auto!important;
}

.ddr-review-editor-card{
  max-height:calc(100dvh - 24px)!important;
  overflow-y:scroll!important;
  overflow-x:hidden!important;
  scrollbar-gutter:stable!important;
  -webkit-overflow-scrolling:touch!important;
}


/* ===== 4.5.21 — missão de vídeo mobile compacta e estável =====
   Correção exclusivamente visual/UX. Não altera timers, conclusão, pontos,
   anúncios, cofre, carteira, DROS ou regra financeira. */
@media(max-width:760px){
  /* O player de vídeo não deve herdar o modal quase-viewport usado por jogos/listas. */
  #ddr-modal.ddr-video-mode{
    padding:max(8px,env(safe-area-inset-top)) 8px max(8px,env(safe-area-inset-bottom))!important;
    align-items:center!important;
    justify-content:center!important;
  }
  #ddr-modal.ddr-video-mode .ddr-modal-box{
    width:calc(100vw - 16px)!important;
    max-width:520px!important;
    height:auto!important;
    max-height:calc(100dvh - 16px)!important;
    min-height:0!important;
    border-radius:20px!important;
    overflow:hidden!important;
  }
  #ddr-modal.ddr-video-mode #ddr-modal-content{
    display:block!important;
    width:100%!important;
    height:auto!important;
    max-height:calc(100dvh - 16px)!important;
    min-height:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    scrollbar-gutter:auto!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
  }
  #ddr-modal.ddr-video-mode .ddr-video-mission-modal{
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    overflow:visible!important;
    background:#071d27!important;
  }
  #ddr-modal.ddr-video-mode .ddr-modal-head{
    order:1!important;
    width:100%!important;
    padding:18px 56px 14px 16px!important;
    border-radius:0!important;
  }
  #ddr-modal.ddr-video-mode .ddr-modal-head h3{
    margin:0 0 6px!important;
    font-size:18px!important;
    line-height:1.22!important;
  }
  #ddr-modal.ddr-video-mode .ddr-modal-head p{
    font-size:11px!important;
    line-height:1.45!important;
  }
  #ddr-modal.ddr-video-mode .ddr-video-wrap{
    order:2!important;
    flex:0 0 auto!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:16/9!important;
    background:#000!important;
    overflow:hidden!important;
  }
  #ddr-modal.ddr-video-mode .ddr-video-wrap .ddr-content-frame,
  #ddr-modal.ddr-video-mode .ddr-video-wrap iframe,
  #ddr-modal.ddr-video-mode .ddr-video-wrap video{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    min-height:0!important;
    max-width:100%!important;
    object-fit:contain!important;
    background:#000!important;
  }
  #ddr-modal.ddr-video-mode .ddr-video-wrap .ddr-content-toolbar{
    right:8px!important;
    top:8px!important;
    width:auto!important;
  }
  #ddr-modal.ddr-video-mode .ddr-timer{
    order:3!important;
    display:grid!important;
    grid-template-columns:64px minmax(0,1fr)!important;
    grid-template-areas:"label bar" "button button"!important;
    gap:10px 12px!important;
    width:100%!important;
    min-height:0!important;
    padding:12px 14px 14px!important;
    background:#fff!important;
  }
  #ddr-modal.ddr-video-mode .ddr-timer-label{
    grid-area:label!important;
    min-width:0!important;
    align-self:center!important;
  }
  #ddr-modal.ddr-video-mode .ddr-timer-label b{font-size:18px!important}
  #ddr-modal.ddr-video-mode .ddr-timer-label small{display:block!important;font-size:9px!important}
  #ddr-modal.ddr-video-mode .ddr-timer-bar{
    grid-area:bar!important;
    width:100%!important;
    align-self:center!important;
  }
  #ddr-modal.ddr-video-mode .ddr-finish-content{
    grid-area:button!important;
    width:100%!important;
    min-height:46px!important;
    margin:0!important;
    justify-self:stretch!important;
  }
  #ddr-modal.ddr-video-mode .ddr-modal-close{
    position:fixed!important;
    right:max(10px,env(safe-area-inset-right))!important;
    top:max(10px,env(safe-area-inset-top))!important;
    width:44px!important;
    height:44px!important;
  }
}
@media(max-width:380px){
  #ddr-modal.ddr-video-mode .ddr-modal-box{width:calc(100vw - 10px)!important}
  #ddr-modal.ddr-video-mode .ddr-modal-head{padding-left:13px!important;padding-right:52px!important}
  #ddr-modal.ddr-video-mode .ddr-modal-head h3{font-size:16px!important}
  #ddr-modal.ddr-video-mode .ddr-timer{padding:10px 11px 12px!important}
}

/* 4.6.0 — Progressão profissional incremental (não altera economia de Reefs). */
.ddr-app .ddr-progression-hub{max-width:1040px;margin:0 auto 26px;display:grid;gap:14px;box-sizing:border-box}
.ddr-app .ddr-progression-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.ddr-app .ddr-progression-stats>div{min-width:0;padding:16px 18px;border:1px solid #dbecef;border-radius:18px;background:linear-gradient(145deg,#fff,#f5fbfc);box-shadow:0 10px 26px rgba(4,49,65,.055);display:flex;flex-direction:column;gap:4px}
.ddr-app .ddr-progression-stats small{font-size:10px;letter-spacing:.11em;font-weight:800;color:#0b6f86}
.ddr-app .ddr-progression-stats strong{font-size:18px;color:#082c3a;overflow-wrap:anywhere}
.ddr-app .ddr-progression-stats span{font-size:11px;color:#6a808b}
.ddr-app .ddr-aquarium-progress{display:grid;grid-template-columns:160px 1fr;gap:18px;align-items:center;padding:18px;border:1px solid #cce9ed;border-radius:22px;background:radial-gradient(circle at 15% 20%,rgba(45,207,221,.18),transparent 42%),linear-gradient(135deg,#062c3d,#0b596c);color:#fff;overflow:hidden}
.ddr-app .ddr-aquarium-scene{height:112px;border-radius:18px;background:linear-gradient(180deg,rgba(71,208,232,.36),rgba(0,34,57,.68));display:flex;align-items:center;justify-content:center;position:relative;font-size:50px;border:1px solid rgba(255,255,255,.16)}
.ddr-app .ddr-aquarium-scene i{position:absolute;right:18px;top:12px;font-style:normal;font-size:22px}.ddr-app .ddr-aquarium-scene b{position:absolute;left:18px;bottom:8px;font-size:26px}
.ddr-app .ddr-aquarium-copy .ddr-kicker{color:#78eaf0}.ddr-app .ddr-aquarium-copy h3{margin:4px 0 6px;font-size:22px;color:#fff}.ddr-app .ddr-aquarium-copy p{margin:0 0 10px;color:#d6f1f4;font-size:12px;line-height:1.5}
.ddr-app .ddr-level-progress{height:9px;border-radius:999px;background:rgba(255,255,255,.14);overflow:hidden}.ddr-app .ddr-level-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#54e2df,#fff27a)}
.ddr-app .ddr-achievements{padding:16px 18px;border:1px solid #deedf0;border-radius:20px;background:#fff}.ddr-app .ddr-badge-row{display:flex;gap:9px;overflow-x:auto;padding:10px 1px 3px;scrollbar-width:thin}.ddr-app .ddr-badge{flex:0 0 108px;min-height:82px;border-radius:16px;border:1px solid #dcebed;background:#f8fcfd;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-size:25px;text-align:center}.ddr-app .ddr-badge small{font-size:10px;line-height:1.2;color:#496570}.ddr-app .ddr-badge.locked{filter:grayscale(1);opacity:.42}.ddr-app .ddr-badge.unlocked{border-color:#9fe3cc;background:#effff8;box-shadow:0 6px 18px rgba(22,136,96,.08)}
@media(max-width:820px){.ddr-app .ddr-progression-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.ddr-app .ddr-aquarium-progress{grid-template-columns:120px 1fr}.ddr-app .ddr-aquarium-scene{height:100px}}
@media(max-width:560px){.ddr-app .ddr-progression-hub{margin-bottom:18px}.ddr-app .ddr-progression-stats{grid-template-columns:1fr 1fr;gap:8px}.ddr-app .ddr-progression-stats>div{padding:12px}.ddr-app .ddr-progression-stats strong{font-size:15px}.ddr-app .ddr-aquarium-progress{grid-template-columns:1fr;padding:14px}.ddr-app .ddr-aquarium-scene{height:88px}.ddr-app .ddr-achievements{padding:13px}.ddr-app .ddr-badge{flex-basis:92px;min-height:74px}}