:root[data-variant="held"]{--brand:#1678ed;--brand-dark:#115ac4;--brand-soft:#e0f2ff;background:#f2faff;color:#183857}
:root[data-variant="held"] body{background:radial-gradient(ellipse at 4% 12%,#e2f5ff,transparent 36%),radial-gradient(ellipse at 96% 38%,#e0fbee,transparent 36%),#f2faff}
:root[data-variant="held"] .hero{background:linear-gradient(110deg,#dff5ff,#e8faff 65%,#d3f4ed)}
:root[data-variant="held"] .hero:after{background:#cbf5ee}
:root[data-variant="held"] .hero h1 em{color:#1678ed}
:root[data-variant="held"] .primary{background:#1678ed;box-shadow:0 6px 0 #115ac4}
:root[data-variant="held"] .soft{background:#e0f2ff;color:#1764b6;box-shadow:0 4px 0 #c3e4ff}
:root[data-variant="held"] .pill,:root[data-variant="held"] .text-btn{color:#1764b6}
:root[data-variant="held"] .quiz-utilities .text-btn{background:#e0f2ff;color:#1764b6}
:root[data-variant="held"] .unit-card,:root[data-variant="held"] .quiz-card,:root[data-variant="held"] .editor-card,:root[data-variant="held"] .finish-card,:root[data-variant="held"] .wardrobe-preview{border-color:#d8e9fb}
:root[data-variant="held"] .unit-icon,:root[data-variant="held"] .results div{background:#e0f2ff}
:root[data-variant="held"] .unit-card .arrow,:root[data-variant="held"] .results b,:root[data-variant="held"] .quiz-kicker{color:#1678ed}
:root[data-variant="held"] .progress{background:#dcecf7}
:root[data-variant="held"] .progress div{background:linear-gradient(90deg,#29d0d0,#1678ed)}
:root[data-variant="held"] #answerInput,:root[data-variant="held"] #hintSlots,:root[data-variant="held"] #spellingResult{border-color:#d8e9fb;background:#fafdff;color:#143567}
:root[data-variant="held"] .hint-cell{color:#166cca}
:root[data-variant="held"] .hint-slot{border-bottom-color:#3f9be9}
:root[data-variant="held"] .hint-slot:focus{border-bottom-color:#1764b6;background:#e5f3ff}
:root[data-variant="held"] .timer-ring:before{background:#1678ed}
:root[data-variant="held"] .smart-tooltip,:root[data-variant="held"] .smart-tooltip-arrow{background:#143567}
:root[data-variant="held"] .mascot,:root[data-variant="held"] .mascot .ear{border-color:#16447e}
:root[data-variant="held"] .mascot .ear:after{background:#9ce6ff}
:root[data-variant="held"] .mascot .eye{background:#16447e}
:root[data-variant="held"] .mascot .mouth{color:#16447e}
:root[data-variant="held"] .mascot-caption{color:#1764b6}
:root[data-variant="held"] .quiz-bunny .bunny-face,:root[data-variant="held"] .quiz-bunny .bunny-ears:before,:root[data-variant="held"] .quiz-bunny .bunny-ears:after{border-color:#16447e}
:root[data-variant="held"] .quiz-bunny .bunny-bubble{background:#e0f2ff;color:#1764b6}
:root[data-variant="held"] .quiz-bunny .bunny-bubble:after{background:#e0f2ff}
:root[data-variant="held"] .wardrobe-balance{background:#e0f2ff;color:#1764b6}
:root[data-variant="held"] .brand-logo{width:clamp(180px,24vw,290px);max-height:90px}
@media(max-width:600px){:root[data-variant="held"] .brand-logo{width:clamp(155px,44vw,215px)}}
