.tutorial-banner{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 52px 14px 20px;background:#263522;border-bottom:1px solid #4c6940;color:#dcf8c0}
.tutorial-banner strong,.tutorial-banner small{display:block}.tutorial-banner small{margin-top:4px;color:#aabca0;line-height:1.5}.tutorial-banner button{flex:none}
#video-dialog[data-tutorial-locked]>.modal-close{display:none}
.evidence-panel,.vote-summary,.challenge-comparison,.tutorial-tip{margin-top:15px;padding:14px;border:1px solid #3a4936;border-radius:12px;background:#18201a;line-height:1.6}
.evidence-panel h4,.vote-summary h4,.challenge-comparison h4,.tutorial-tip h4{margin:0 0 6px;color:#d4f3ba;font-size:13px}
.evidence-panel p,.vote-summary p,.challenge-comparison p,.tutorial-tip p{margin:5px 0;font-size:12px;color:#bdc8b7}
.evidence-anchors{display:grid;gap:6px;margin:10px 0}.evidence-anchors button{display:flex;align-items:center;gap:10px;text-align:left;border:1px solid #485749;background:#202b21;color:#e0e9d9;padding:8px 10px;border-radius:8px;font:inherit;font-size:12px;cursor:pointer}.evidence-anchors button:hover,.evidence-anchors button:focus-visible{border-color:#bcf477}.evidence-anchors time{color:#bff479;font-weight:700;min-width:44px}
.vote-meter{display:flex;height:8px;overflow:hidden;border-radius:9px;background:#394038;margin:10px 0 5px}.vote-meter .ai{background:#c4f776}.vote-meter .human{background:#a997e9}.vote-summary .vote-labels{display:flex;justify-content:space-between;gap:8px;font-size:11px}.evidence-footnote{font-size:11px!important;color:#94a591!important}
.challenge-comparison strong{color:#eaf8df}.result-share-button,.tutorial-tip button{margin-top:9px}.share-snapshot{color:#d4f3ba;font-size:13px;line-height:1.5}.badge-earned{display:inline-block;margin-top:7px;padding:3px 8px;border:1px solid #536c47;border-radius:99px;color:#c8f4a8;font-size:11px}
@media(max-width:600px){.tutorial-banner{padding:12px 44px 12px 14px}.tutorial-banner small{font-size:11px}.tutorial-banner button{font-size:11px;padding:8px}.evidence-panel,.vote-summary,.challenge-comparison,.tutorial-tip{padding:12px}.evidence-anchors button{font-size:11px}}

/* Only revealed results carry a theme. Before reveal the two camps keep their usual colors. */
#video-dialog:has(.result-box[data-answer-theme="ai"]){--answer-accent:#c3f777;--answer-panel:#283421;--answer-inner:#18201a;--answer-border:#4f643d;--answer-text:#d6e4cc;--answer-button:#273620;--answer-muted:#b6c7ad}
#video-dialog:has(.result-box[data-answer-theme="human"]){--answer-accent:#d8baf7;--answer-panel:#30283b;--answer-inner:#241d2d;--answer-border:#745c88;--answer-text:#eadcf3;--answer-button:#372b43;--answer-muted:#d4c3df}
#video-dialog:has(.result-box[data-answer-theme]) .result-box,
#video-dialog:has(.result-box[data-answer-theme]) .result-box.incorrect{background:var(--answer-panel);border-color:var(--answer-border)}
#video-dialog:has(.result-box[data-answer-theme]) .result-box h3,
#video-dialog:has(.result-box[data-answer-theme]) .result-box.incorrect h3,
#video-dialog:has(.result-box[data-answer-theme]) .result-box h4,
#video-dialog:has(.result-box[data-answer-theme]) .video-right>.eyebrow,
#video-dialog:has(.result-box[data-answer-theme]) .evidence-anchors time{color:var(--answer-accent)}
#video-dialog:has(.result-box[data-answer-theme]) .result-box p,
#video-dialog:has(.result-box[data-answer-theme]) .result-box.incorrect p{color:var(--answer-text)}
#video-dialog:has(.result-box[data-answer-theme]) .result-box .evidence-footnote{color:var(--answer-muted)!important}
#video-dialog:has(.result-box[data-answer-theme]) .result-box a{color:var(--answer-accent)}
#video-dialog:has(.result-box[data-answer-theme]) .evidence-panel,
#video-dialog:has(.result-box[data-answer-theme]) .vote-summary,
#video-dialog:has(.result-box[data-answer-theme]) .challenge-comparison,
#video-dialog:has(.result-box[data-answer-theme]) .tutorial-tip{background:var(--answer-inner);border-color:var(--answer-border)}
#video-dialog:has(.result-box[data-answer-theme]) .evidence-anchors button,
#video-dialog:has(.result-box[data-answer-theme]) .result-share-button{background:var(--answer-button);border-color:var(--answer-border);color:var(--answer-text)}
#video-dialog:has(.result-box[data-answer-theme]) .tutorial-tip .primary{background:var(--answer-accent);color:var(--answer-inner)}
#video-dialog:has(.result-box[data-answer-theme]) .evidence-anchors button:hover,
#video-dialog:has(.result-box[data-answer-theme]) .evidence-anchors button:focus-visible{border-color:var(--answer-accent)}
#video-dialog:has(.result-box[data-answer-theme]) .choice,
#video-dialog:has(.result-box[data-answer-theme]) .choice.human,
#video-dialog:has(.result-box[data-answer-theme]) .choice.selected,
#video-dialog:has(.result-box[data-answer-theme]) .choice.human.selected{background:var(--answer-inner);border:1px solid var(--answer-border);color:var(--answer-accent);opacity:1;flex-wrap:wrap;padding:10px 6px}
#video-dialog:has(.result-box[data-answer-theme]) .choice[data-correct="true"]{background:var(--answer-button);border:2px solid var(--answer-accent);padding:9px 5px}
#video-dialog:has(.result-box[data-answer-theme]) .choice-result-note{display:block;flex-basis:100%;font-size:10px;font-weight:600;color:var(--answer-text)}
#video-dialog:has(.result-box[data-answer-theme]) .vote-meter .ai{background:var(--answer-accent)}
#video-dialog:has(.result-box[data-answer-theme]) .vote-meter .human{background:var(--answer-accent);opacity:.45}
#video-dialog:has(.result-box[data-answer-theme]) .observation-box{border-color:var(--answer-border);color:var(--answer-muted)}
#video-dialog:has(.result-box[data-answer-theme]) .observation-box strong{color:var(--answer-text)}
