:is(.mission-shell,.completion-journey,.course-shell){--answer-success:#b7f34b;--answer-success-ink:#173b20;--answer-retry:#ffb4a9;--answer-retry-ink:#651d1a;--answer-partial:#ffda75;--answer-partial-ink:#543a0c}:is(.mission-shell,.completion-journey,.course-shell) :is(button,a.primary,a.secondary){border:1px solid color-mix(in srgb, currentColor 22%, transparent);min-height:50px;box-shadow:0 4px 0 color-mix(in srgb, var(--ink) 48%, var(--accent));transition:transform var(--press-duration,.1s) ease-out, opacity var(--state-duration,.12s) ease-out;border-radius:18px;font-weight:750;text-decoration:none}:is(.mission-shell,.completion-journey,.course-shell) :is(button,a.primary,a.secondary):active:not(:disabled):not([aria-disabled=true]){transform:translateY(3px)}:is(.mission-shell,.completion-journey,.course-shell) :is(button,a.primary):where(:not(.secondary,.completion-link)){background:var(--accent);color:var(--action-ink,white)}:is(.mission-shell,.completion-journey,.course-shell) .secondary{background:var(--paper);color:var(--ink);box-shadow:0 3px 0 color-mix(in srgb, var(--ink) 20%, var(--paper));border-color:color-mix(in srgb, var(--ink) 45%, var(--paper))}:is(.mission-shell,.completion-journey,.course-shell) button:disabled{background:color-mix(in srgb, var(--accent) 9%, var(--paper));color:color-mix(in srgb, var(--ink) 65%, var(--paper));box-shadow:none;opacity:1;filter:none}.mission-shell .choice{border:2px solid color-mix(in srgb, var(--ink) 32%, var(--paper));background:var(--paper);box-shadow:0 3px 0 color-mix(in srgb, var(--ink) 12%, var(--paper));transition:transform var(--press-duration,.1s) ease-out}.mission-shell .choice:has(input:checked){border-color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, var(--paper));box-shadow:0 3px 0 var(--accent)}.mission-shell .choice:has(input:focus-visible){outline:3px solid var(--focus-ring);outline-offset:3px}.mission-shell .choice:active:has(input:not(:disabled)){transform:translateY(2px)}.mission-shell .mission-footer>button{overflow-wrap:anywhere;min-width:min(100%,6em);max-width:100%}.mission-shell .mission-orientation-top{flex-wrap:wrap}.mission-shell .mission-course-name{flex-basis:8em}.mission-shell .feedback{animation:answer-arrive var(--state-duration,.16s) ease-out;border:1px solid;box-shadow:0 3px #173b2010}.mission-shell .feedback.correct{color:var(--answer-success-ink);background:#effbd9;border-color:#649624}.mission-shell .feedback.try-again{color:var(--answer-retry-ink);background:#fff0ed;border-color:#c65948}.mission-shell .feedback.partly-correct{color:var(--answer-partial-ink);background:#fff4cf;border-color:#a47917}.mission-shell .feedback>strong:first-child{align-items:center;gap:10px;display:flex}.feedback-state-icon{background:var(--answer-success);border-radius:50%;flex:0 0 32px;place-items:center;height:32px;font-size:1.1rem;display:inline-grid}.try-again .feedback-state-icon{background:var(--answer-retry)}.partly-correct .feedback-state-icon{background:var(--answer-partial)}.mission-shell .mission-footer button.answer-success{background:var(--answer-success);color:var(--answer-success-ink);border-color:#649624;box-shadow:0 4px #659628}.mission-shell .mission-footer button.answer-retry{background:var(--answer-retry);color:var(--answer-retry-ink);border-color:#b94739;box-shadow:0 4px #bb6255}.mission-shell .mission-footer button.answer-partial{background:var(--answer-partial);color:var(--answer-partial-ink);border-color:#97700d;box-shadow:0 4px #aa7a18}.answer-run{align-items:center;gap:7px;margin-top:14px;font-size:.9rem;font-weight:800;display:inline-flex}.feedback[data-answer-run=true]{position:relative}.feedback[data-answer-run=true]:after{content:"";pointer-events:none;opacity:0;border:3px solid #78aa2f;border-radius:24px;animation:.65s ease-out answer-run-halo;position:absolute;inset:-5px}@keyframes answer-arrive{0%{opacity:.65;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes answer-run-halo{0%{opacity:0;transform:scale(.99)}30%{opacity:.65}to{opacity:0;transform:scale(1.025)}}.completion-journey .result-actions{gap:16px}.completion-journey .result-actions .completion-link,.completion-journey button.completion-link{min-height:44px;color:var(--ink);box-shadow:none;text-underline-offset:4px;background:0 0;border:0;justify-content:center;align-items:center;padding:8px 12px;font-size:.95rem;font-weight:600;text-decoration:underline;display:inline-flex}.completion-journey .completion-mark{display:none}.completion-journey .completion-goal{margin-top:16px;padding-top:16px}.completion-journey .completion-goal h3{display:none}.completion-journey .completion-goal p{font-size:1rem}.completion-journey .completion-route{margin-top:18px;padding-top:18px}.completion-journey .result-card{background:color-mix(in srgb, var(--atmosphere) 35%, var(--paper));padding:20px}.completion-details{border-block:1px solid color-mix(in srgb, var(--ink) 20%, transparent);margin-block:16px;padding-block:12px}.completion-details summary{cursor:pointer;min-height:32px;font-weight:700}.completion-details .result-league{margin-block:12px}.completion-journey .unit-learning-progress{margin-block:0 20px}@media (prefers-reduced-motion:reduce){:is(.mission-shell,.completion-journey,.course-shell) *,:is(.mission-shell,.completion-journey,.course-shell) :after{transition:none!important;animation:none!important}:is(.mission-shell,.completion-journey,.course-shell) :is(button,a.primary,a.secondary,.choice):active{transform:none!important}}html[data-reduced-motion=true] :is(.mission-shell,.completion-journey,.course-shell) :is(button,a.primary,a.secondary,.choice):active{transform:none!important}html[data-reduced-motion=true] .feedback:after{animation:none!important}@media (forced-colors:active){.mission-shell .choice:has(input:checked){outline:2px solid highlight}.mission-shell .feedback{border-color:canvastext}}
