/* ADR TODAY CHALLENGE PRODUCTION V1 */

.adr-tc-float{
    position:fixed;
    right:22px;
    bottom:150px;
    z-index:9500;
    display:flex;
    align-items:center;
    gap:10px;
    padding:11px 15px 11px 10px;
    border:1px solid rgba(255,199,60,.46);
    border-radius:999px;
    background:linear-gradient(135deg,#111d2d,#0a1422);
    box-shadow:0 12px 34px rgba(0,0,0,.38);
    color:#fff;
    text-decoration:none;
    font-weight:900;
    letter-spacing:.02em;
    animation:adrTcFloatPulse 1.55s ease-in-out infinite;
}

.adr-tc-float:hover{
    transform:translateY(-2px);
    border-color:#ffc83d;
}

.adr-tc-float-icon{
    position:relative;
    width:42px;
    height:42px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:#ffc83d;
    color:#07111d;
    font-size:24px;
    font-weight:1000;
}

.adr-tc-float-dot{
    position:absolute;
    top:-4px;
    right:-3px;
    width:12px;
    height:12px;
    border-radius:50%;
    background:#ff4545;
    box-shadow:0 0 0 0 rgba(255,69,69,.7);
    animation:adrTcDot 1.1s infinite;
}

.adr-tc-float-copy{
    display:flex;
    flex-direction:column;
    line-height:1.05;
}

.adr-tc-float-copy small{
    margin-top:4px;
    color:#9fb7d3;
    font-size:10px;
    font-weight:700;
}

@keyframes adrTcFloatPulse{
    0%,100%{box-shadow:0 12px 34px rgba(0,0,0,.38)}
    50%{box-shadow:0 12px 38px rgba(255,200,61,.28)}
}

@keyframes adrTcDot{
    0%{box-shadow:0 0 0 0 rgba(255,69,69,.72)}
    70%{box-shadow:0 0 0 9px rgba(255,69,69,0)}
    100%{box-shadow:0 0 0 0 rgba(255,69,69,0)}
}

.adr-tc-page{
    padding:44px 20px 70px;
}

.adr-tc-shell{
    max-width:920px;
    margin:0 auto;
}

.adr-tc-eyebrow{
    color:#ffc83d;
    font-size:13px;
    font-weight:900;
    letter-spacing:.12em;
}

.adr-tc-title{
    margin:8px 0 8px;
    font-size:clamp(38px,6vw,62px);
    line-height:1;
}

.adr-tc-lead{
    max-width:720px;
    margin:0 0 26px;
    color:#9fb4cc;
    font-size:17px;
    line-height:1.6;
}

.adr-tc-card{
    border:1px solid #26384d;
    border-radius:25px;
    padding:28px;
    background:
        radial-gradient(
            circle at 100% 0,
            rgba(255,200,61,.08),
            transparent 30%
        ),
        #0d1827;
    box-shadow:0 20px 50px rgba(0,0,0,.22);
}

.adr-tc-meta{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-bottom:20px;
    color:#a8bdd5;
    font-size:14px;
    font-weight:800;
}

.adr-tc-live{
    display:inline-flex;
    align-items:center;
    gap:7px;
    color:#ffc83d;
}

.adr-tc-live i{
    width:9px;
    height:9px;
    border-radius:50%;
    background:#ff4e4e;
    animation:adrTcDot 1.1s infinite;
}

.adr-tc-question{
    margin:0 0 24px;
    color:#fff;
    font-size:clamp(24px,4vw,34px);
    line-height:1.35;
}

.adr-tc-options{
    display:grid;
    gap:12px;
}

.adr-tc-option{
    width:100%;
    display:flex;
    align-items:center;
    gap:14px;
    padding:15px;
    border:1px solid #2c4058;
    border-radius:16px;
    background:#101e30;
    color:#f6f8fb;
    text-align:left;
    cursor:pointer;
    transition:.2s ease;
    font:inherit;
}

.adr-tc-option:hover{
    border-color:#5baeff;
    transform:translateY(-1px);
}

.adr-tc-option:disabled{
    cursor:default;
}

.adr-tc-letter{
    flex:0 0 42px;
    height:42px;
    display:grid;
    place-items:center;
    border-radius:12px;
    background:#19314d;
    color:#73baff;
    font-weight:1000;
    font-size:18px;
}

.adr-tc-option-text{
    font-size:17px;
    font-weight:750;
    line-height:1.4;
}

.adr-tc-option.is-correct{
    border-color:#35d790;
    background:rgba(53,215,144,.12);
}

.adr-tc-option.is-correct .adr-tc-letter{
    background:#35d790;
    color:#04140d;
}

.adr-tc-option.is-wrong{
    border-color:#ff5f68;
    background:rgba(255,95,104,.11);
}

.adr-tc-option.is-wrong .adr-tc-letter{
    background:#ff5f68;
    color:#210408;
}

.adr-tc-result{
    margin-top:24px;
    padding-top:22px;
    border-top:1px solid #26384d;
}

.adr-tc-result-head{
    margin-bottom:10px;
    font-size:25px;
    font-weight:1000;
}

.adr-tc-result-head.good{
    color:#42e59a;
}

.adr-tc-result-head.bad{
    color:#ff6871;
}

.adr-tc-correct-answer{
    margin-bottom:18px;
    color:#ffc83d;
    font-size:17px;
    font-weight:900;
}

.adr-tc-explain-box,
.adr-tc-tip-box{
    margin-top:12px;
    padding:17px;
    border-radius:15px;
    background:#101e30;
    color:#dce7f3;
    line-height:1.55;
}

.adr-tc-explain-box strong{
    color:#65b6ff;
}

.adr-tc-tip-box strong{
    color:#ffc83d;
}

.adr-tc-explain-box p,
.adr-tc-tip-box p{
    margin:7px 0 0;
}

.adr-tc-loading{
    margin-top:16px;
    color:#9fb7d3;
    font-weight:800;
}

.adr-tc-footnote{
    margin-top:16px;
    text-align:center;
    color:#8098b3;
    font-size:13px;
}

@media(max-width:700px){
    .adr-tc-float{
        right:12px;
        bottom:118px;
        padding:8px 10px 8px 8px;
    }

    .adr-tc-float-icon{
        width:38px;
        height:38px;
        font-size:20px;
    }

    .adr-tc-float-copy strong{
        font-size:12px;
    }

    .adr-tc-float-copy small{
        display:none;
    }

    .adr-tc-card{
        padding:20px;
        border-radius:20px;
    }

    .adr-tc-meta{
        align-items:flex-start;
        flex-direction:column;
    }

    .adr-tc-option-text{
        font-size:15px;
    }
}