.school-save.learning-completion { padding: 1.5rem; border: 3px solid #fff; border-radius: 8px; background: #000; color: #fff; }
.learning-completion [data-completion-stars] { display: inline-flex; align-items: center; gap: .5rem; margin: 1rem 0 .5rem; padding: .35rem .5rem; background: transparent; font-size: 2rem; color: #986700; }
.learning-completion img[src$="zvjezdica-prazna.png"] { filter: brightness(3); }
.learning-completion [data-completion-star] { width: 40px; height: 40px; object-fit: contain; image-rendering: pixelated; }
.learning-completion [data-completion-accuracy] { margin: .5rem 0; font-size: 1.15rem; font-weight: 600; }
.learning-completion [data-completion-words] { margin: .5rem 0; }
.learning-completion p, .learning-completion h3, .learning-completion a { overflow-wrap: anywhere; }
.school-save.learning-completion > p { color: #fff; }
.learning-completion__note { font-size: .9rem; }
.learning-completion__continue { margin-top: 1rem; white-space: normal; }
.learning-flair__combo { display: inline-block; padding: .25rem .65rem; border: 1px solid #b4c9b0; border-radius: 999px; background: #edf5e9; color: #31572b; font-size: .9rem; font-weight: 600; }
.learning-flair__combo[hidden], [data-learning-flair-target~="soundToggle"][hidden] { display: none !important; }
.footer .learning-flair__sound { min-height: 44px; margin-top: .25rem; padding: .5rem .75rem; border: 0; border-radius: 0; color: var(--color-text-primary, #2c3e50); background: transparent; font: inherit; font-size: .875rem; line-height: 1.5; cursor: pointer; }
@media (hover: hover) { .footer .learning-flair__sound:hover { text-decoration: underline; text-underline-offset: .2em; } }
[data-learning-flair-target~="soundToggle"]:focus-visible { outline: 3px solid #17699b; outline-offset: 3px; }
.guide-dialogue--reacting .guide-dialogue__portrait [data-guide-target="idle"],
.guide-dialogue--reacting .guide-dialogue__portrait [data-guide-target="talking"] { visibility: hidden; }
.guide-dialogue__portrait [data-learning-flair-target~="reaction"] { z-index: 1; }
@media (prefers-reduced-motion: reduce) { .guide-dialogue__portrait [data-learning-flair-target~="reaction"] { display: none !important; } }
@media (max-width: 36rem) { .learning-completion { padding: 1rem; } }
@media (forced-colors: active) { .learning-flair__combo, .learning-completion { color: CanvasText; background: Canvas; border-color: CanvasText; } }