@layer components{.puzzles_wrap{--puzzle-ok-bg:var(--color-green-surface);--puzzle-ok-fg:var(--color-green-text);--puzzle-bad-bg:#fdecea;--puzzle-bad-fg:#a8201a;width:min(100% - 2 * var(--site-margin), 45rem);gap:var(--space-1);min-width:0;padding-block:var(--space-1) var(--space-6);flex-direction:column;margin-inline:auto;display:flex}.puzzles_tile:focus-visible,.puzzles_actions button:focus-visible,.puzzles_summary a:focus-visible,.clip-caption a:focus-visible{outline:var(--outline-focus);outline-offset:2px}.puzzles_status,.puzzles_short,.puzzles_hint{color:var(--color-text-secondary);font-size:var(--text-small);margin:0}.puzzles_hint{min-height:1.4em;color:var(--puzzle-bad-fg);font-weight:var(--primary-bold)}.puzzles_hint.is-right{color:var(--puzzle-ok-fg)}.puzzles_game{gap:var(--space-3);flex-direction:column;min-width:0;display:flex}.puzzle-player_screen{aspect-ratio:16/9;border-radius:var(--radius-tile);background:var(--color-surface-soft);width:100%;max-height:34svh;color:var(--color-text-primary);place-items:center;display:grid;overflow:hidden}.puzzle-player_wrap{gap:var(--space-1);min-width:0;display:grid}.puzzle-player_video{object-fit:contain;width:100%;height:100%}.puzzle-player_empty{padding:var(--space-3);text-align:center;margin:0}.clip-caption{align-items:center;gap:var(--space-1) var(--space-3);color:var(--color-text-secondary);flex-wrap:wrap;font-size:.8125rem;line-height:1.4;display:flex}.clip-caption a{color:var(--color-blue-text);text-underline-offset:.15em;padding-block:.4rem;text-decoration:underline;display:inline-block}.clip-caption_about summary{cursor:pointer;text-underline-offset:.15em;padding-block:.4rem;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;list-style:none}.clip-caption_about summary::-webkit-details-marker{display:none}.clip-caption_text{margin:var(--space-1) 0 0;max-width:36rem}.puzzles_board{gap:var(--space-2);min-height:5rem;padding:var(--space-1) var(--space-2);border-radius:var(--radius-card);background:var(--color-white);border:var(--border-width) solid var(--color-border);flex-direction:column;display:flex;position:relative}.puzzles_board:focus-within{outline:var(--outline-focus);outline-offset:2px}.puzzles_input{opacity:0;cursor:text;border:0;width:100%;height:100%;font-size:16px;position:absolute;inset:0}.puzzles_words{justify-content:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.puzzles_word{min-height:2.25rem;font-family:var(--font-mono);flex-wrap:nowrap;align-items:center;gap:.2rem;display:inline-flex}.puzzles_cell,.puzzles_slot{border:2px solid var(--color-border-field);background:var(--color-white);min-width:1.75rem;min-height:2.25rem;color:var(--color-text-primary);border-radius:.5rem;justify-content:center;align-items:center;font-size:1.125rem;font-weight:700;display:inline-flex;position:relative}.puzzles_cell{min-width:2.5rem;min-height:3.25rem;font-size:1.5rem}.puzzles_slot{padding-inline:var(--space-2);white-space:pre}.puzzles_cell i,.puzzles_slot i{font-size:.6rem;font-style:normal;line-height:1.2;position:absolute;top:0;right:.15rem}.puzzles_cell.ok,.puzzles_slot.ok{border-color:var(--puzzle-ok-fg);background:var(--puzzle-ok-bg);color:var(--puzzle-ok-fg)}.puzzles_cell.bad,.puzzles_slot.bad{border-color:var(--puzzle-bad-fg);background:var(--puzzle-bad-bg);color:var(--puzzle-bad-fg);text-underline-offset:.2em;border-style:dashed;text-decoration:underline;text-decoration-thickness:2px}.puzzles_cell.active,.puzzles_slot.active{border-color:var(--color-text-primary);box-shadow:0 0 0 2px var(--color-yellow-tile)}.puzzles_skip,.puzzles_rest{min-width:.6rem;color:var(--color-text-secondary);justify-content:center;align-items:center;font-size:1.125rem;font-weight:700;display:inline-flex}.puzzles_game.is-tiles .puzzles_board{gap:var(--space-1);padding-block:var(--space-1);min-height:0}.puzzles_game.is-tiles .puzzles_words{gap:var(--space-1) var(--space-2)}.puzzles_tiles{justify-content:center;gap:var(--space-1) var(--space-2);flex-wrap:wrap;display:flex}.puzzles_tile{min-height:2.75rem;padding-inline:var(--space-3);border:var(--border-width) solid var(--color-border-field);border-radius:var(--radius-pill);background:var(--color-white);color:var(--color-text-primary);cursor:pointer;font-size:.875rem;font-weight:600}.puzzles_tile.is-wrong{border-color:var(--puzzle-bad-fg);background:var(--puzzle-bad-bg);color:var(--puzzle-bad-fg);animation:puzzles-shake var(--duration-fast) ease-in-out;border-style:dashed}@keyframes puzzles-shake{25%{transform:translate(-.25rem)}75%{transform:translate(.25rem)}}.puzzles_done{gap:var(--space-1);padding:var(--space-3);border-radius:var(--radius-card);background:var(--color-white);border:var(--border-width) solid var(--color-border);flex-direction:column;display:flex}.puzzles_done p{margin:0}.puzzles_label{color:var(--color-text-secondary);font-size:var(--text-small)}.puzzles_errors.has-errors{color:var(--puzzle-bad-fg);font-weight:var(--primary-bold)}.puzzles_errors.no-errors{color:var(--puzzle-ok-fg);font-weight:var(--primary-bold)}.puzzles_added{color:var(--color-text-secondary);font-size:var(--text-small)}.puzzles_actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.puzzles_actions .button_wrap{min-height:2.75rem}.puzzles_actions button:disabled{opacity:.55;cursor:not-allowed}.puzzles_empty,.puzzles_summary{align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-card);background:var(--color-surface-soft);flex-direction:column;display:flex}.puzzles_empty h2,.puzzles_empty p,.puzzles_summary h2,.puzzles_summary h3,.puzzles_summary p{margin:0}.puzzles_summary h2,.puzzles_empty h2{font-size:1.25rem;line-height:1.2}.puzzles_summary h3{font-size:var(--h6)}.puzzles_stats{gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(5.5rem,1fr));width:100%;margin:0;display:grid}.puzzles_stats div{padding:var(--space-2);border-radius:var(--radius-small);background:var(--color-white);flex-direction:column;gap:.25rem;display:flex}.puzzles_stats dt{color:var(--color-text-secondary);font-size:.8125rem}.puzzles_stats dd{font-size:1.0625rem;font-weight:var(--primary-bold);margin:0}.puzzles_notes p{font-size:.875rem;line-height:1.4}.puzzles_notes{gap:var(--space-1);flex-direction:column;display:flex}.puzzles_record{font-weight:var(--primary-bold)}.puzzles_results{gap:var(--space-2);flex-direction:column;width:100%;margin:0;padding:0;list-style:none;display:flex}.puzzles_results li{gap:var(--space-2);display:flex}.puzzles_mark{font-weight:700}.puzzles_results .has-errors .puzzles_mark{color:var(--puzzle-bad-fg)}.puzzles_results .no-errors .puzzles_mark{color:var(--puzzle-ok-fg)}.puzzles_missed{color:var(--color-text-secondary);font-size:var(--text-small)}@media (prefers-reduced-motion:reduce){.puzzles_wrap *,.puzzles_wrap :before,.puzzles_wrap :after{transition:none!important;animation:none!important}}@media (width>=48rem){.puzzles_wrap{gap:var(--space-3);padding-block:var(--space-5) var(--space-7)}.puzzle-player_screen{max-height:44svh}}.challenge_card{gap:var(--space-3);padding:var(--space-3);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-card);background:var(--color-white);flex-direction:column;display:flex}.challenge_hint{color:var(--color-text-secondary);text-box:normal;margin:0;font-size:.8125rem}.challenge_sentence{text-box:normal;margin:0;font-size:1.125rem;line-height:2.4}.challenge_word{background:var(--color-yellow-tile);color:var(--color-text-primary);text-underline-offset:.2em;border-radius:.4rem;padding:.1rem .4rem;font-weight:800;text-decoration:underline;text-decoration-thickness:2px}.challenge_word.ok{background:var(--puzzle-ok-bg);color:var(--puzzle-ok-fg);text-decoration:none}.challenge_word.bad{background:var(--puzzle-bad-bg);color:var(--puzzle-bad-fg);text-decoration:line-through;text-decoration-thickness:2px}.word-status{align-items:center;gap:var(--space-2) var(--space-3);margin-top:var(--space-3);padding:var(--space-3) var(--space-4);border:2px dashed var(--color-border);border-radius:1rem;flex-wrap:wrap;display:flex}.word-status_text{font-size:var(--text-small);margin:0}.word-status_buttons{gap:var(--space-2);flex-wrap:wrap;display:flex}.word-status_button{border:2px solid var(--color-border);font:inherit;font-weight:var(--primary-bold);cursor:pointer;background:#fff;border-radius:999px;padding:.4rem .9rem}.word-status_button:hover{border-color:var(--color-text-primary)}.word-status_button:focus-visible{outline:var(--outline-focus);outline-offset:2px}.word-status_button.is-active.is-learned{background:#e8f7ec;border-color:#26890c}.word-status_button.is-active.is-unsure{background:#fff4d6;border-color:#c98a00}.word-status_button.is-active.is-not-learned{background:#fde8e8;border-color:#c0392b}.challenge_verdict{font-weight:var(--primary-bold);text-box:normal;margin:0}.challenge_verdict.ok{color:var(--puzzle-ok-fg)}.challenge_verdict.bad{color:var(--puzzle-bad-fg)}.word-entry{vertical-align:middle;flex-direction:column;display:inline-flex}.word-entry_board{background:var(--color-surface-soft);border-radius:.6rem;padding:.15rem .35rem;display:inline-flex;position:relative}.word-entry_board:focus-within{outline:var(--outline-focus);outline-offset:2px}.word-entry .puzzles_hint{min-height:0;font-size:.75rem;line-height:1.2}.word-entry .puzzles_hint:empty{display:none}.challenge_word.gap{background:var(--color-surface-soft);color:var(--color-text-primary);letter-spacing:.1em;text-decoration:none}.missing_options{gap:var(--space-2);grid-template-columns:1fr;display:grid}.missing_options:has(.missing_meaning){grid-template-columns:minmax(0,1fr)!important}.missing_meaning{padding:var(--space-3) var(--space-4);border-radius:var(--radius-tile);text-align:left;justify-content:flex-start;font-weight:500;line-height:1.45}.missing_meaning.bad{text-decoration-thickness:1px}.missing_reveal{margin-top:var(--space-3)}.missing_form{gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.missing_input{min-height:3rem;padding:0 var(--space-4);border:var(--border-width) solid var(--color-border-field);border-radius:var(--radius-pill);background:var(--color-white);color:var(--color-text-primary);font:600 1.15rem var(--font-mono,inherit);flex:14rem}.missing_input:focus-visible{outline:var(--outline-focus);outline-offset:2px}.missing_form.is-shake{animation:.4s missing-shake}.missing_hint{margin:var(--space-2) 0 0;color:var(--color-text-secondary)}.missing_hint b{color:var(--color-text-primary);letter-spacing:.08em}@keyframes missing-shake{20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}@media (prefers-reduced-motion:reduce){.missing_form.is-shake{animation:none}}.missing_option{justify-content:center;align-items:center;gap:var(--space-2);min-height:2.75rem;padding:var(--space-1) var(--space-3);border:var(--border-width) solid var(--color-border-field);border-radius:var(--radius-pill);background:var(--color-white);color:var(--color-text-primary);cursor:pointer;font-size:1rem;font-weight:600;display:inline-flex}.missing_option:focus-visible{outline:var(--outline-focus);outline-offset:2px}.missing_key{background:var(--color-surface-soft);border-radius:.3rem;place-items:center;width:1.25rem;height:1.25rem;font-size:.75rem;display:inline-grid}.missing_option.ok{border-color:var(--puzzle-ok-fg);background:var(--puzzle-ok-bg);color:var(--puzzle-ok-fg)}.missing_option.bad{border-color:var(--puzzle-bad-fg);background:var(--puzzle-bad-bg);color:var(--puzzle-bad-fg);border-style:dashed;text-decoration:line-through;text-decoration-thickness:2px}.missing_option.dim{color:var(--color-text-secondary)}.missing_option:disabled{cursor:default}@media (width>=40rem){.missing_options{grid-template-columns:repeat(3,1fr)}}.missing_text{text-align:start;flex-direction:column;align-items:flex-start;display:flex}.missing_tr{color:var(--color-text-secondary);font-size:.75rem;font-weight:400}.missing_option{border-radius:var(--radius-card);min-height:3.25rem}.game_bar{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.game_title{margin:0;margin-inline-end:auto;font-size:1.25rem;line-height:1.2}.game_select,.game_segment{border:var(--border-width) solid var(--color-border-field);border-radius:var(--radius-pill);background:var(--color-white);min-height:2.5rem;color:var(--color-text-primary);font:inherit;font-size:.875rem}.game_select{padding-inline:var(--space-2);cursor:pointer}.game_segments{border:var(--border-width) solid var(--color-border-field);border-radius:var(--radius-pill);display:inline-flex;overflow:hidden}.game_segment{padding-inline:var(--space-2);cursor:pointer;white-space:nowrap;border:0;border-radius:0}.game_segment.is-active{background:var(--color-yellow-tile);font-weight:var(--primary-bold)}.game_select:focus-visible,.game_segment:focus-visible,.game_settings summary:focus-visible,.game_link:focus-visible{outline:var(--outline-focus);outline-offset:2px}.game_settings{position:relative}.game_settings summary{align-items:center;gap:var(--space-1);min-height:2.5rem;padding-inline:var(--space-2);border-radius:var(--radius-pill);color:var(--color-text-secondary);cursor:pointer;list-style:none;display:inline-flex}.game_settings summary::-webkit-details-marker{display:none}.game_menu{z-index:5;gap:var(--space-2);width:max-content;max-width:16rem;padding:var(--space-3);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-card);background:var(--color-white);flex-direction:column;margin-top:.25rem;font-size:.875rem;display:flex;position:absolute;right:0}.game_check{align-items:flex-start;gap:var(--space-2);cursor:pointer;line-height:1.4;display:flex}.game_check input{flex:none;width:1.125rem;height:1.125rem;margin-top:.15rem}.game_extras{align-items:center;gap:var(--space-2) var(--space-4);flex-wrap:wrap;flex-basis:100%;display:flex}.game_menu_line{color:var(--color-text-secondary);margin:0;font-size:.8125rem}a.game_menu_line{align-items:center;min-height:2.75rem;display:inline-flex}.game_menu a{min-height:1.5rem;color:var(--color-blue-text);align-items:center;text-decoration:underline;display:inline-flex}.game_link{color:var(--color-blue-text);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.game_progress{align-items:center;gap:var(--space-2);display:flex}.game_bar_track{background:var(--color-border);border-radius:1rem;flex:1;height:.25rem;overflow:hidden}.game_bar_track span{background:var(--color-yellow-tile);height:100%;box-shadow:0 0 0 1px var(--color-text-primary) inset;transition:width var(--duration-fast);display:block}.game_count{font-size:var(--text-small);font-weight:var(--primary-bold);white-space:nowrap;margin:0}.game_keys{color:var(--color-text-secondary);margin:0;font-size:.75rem}.puzzles_empty_line{color:var(--color-text-secondary);font-size:var(--text-small);margin:0}.puzzles_status{min-height:8rem}.game_praise{color:var(--color-text-primary);font-weight:var(--primary-bold)}.game_praise.is-calm{color:var(--color-text-secondary);font-weight:400}.result_wrap{align-items:flex-start;gap:var(--space-3);flex-direction:column;display:flex}.result_wrap p{text-box:normal;margin:0;line-height:1.4}.result_score{align-items:baseline;gap:var(--space-1);font-size:1.25rem;line-height:1.1;display:flex}.result_score b{font-size:3.5rem;line-height:1}.result_small{color:var(--color-text-secondary);font-size:var(--text-small)}.result_small a{color:var(--color-blue-text);text-decoration:underline}.result_list{gap:var(--space-2);flex-direction:column;width:100%;margin:0;padding:0;list-style:none;display:flex}.result_list li{gap:var(--space-2);padding-bottom:var(--space-2);border-bottom:var(--border-width) solid var(--color-border);display:flex}.result_mark{font-weight:700}.result_list .has-errors .result_mark{color:var(--puzzle-bad-fg)}.result_list .no-errors .result_mark{color:var(--puzzle-ok-fg)}.result_title{font-weight:var(--primary-bold)}.result_state{color:var(--color-text-secondary);font-weight:400}.challenge_wordtr{color:var(--color-text-secondary);font-size:.875rem}.challenge_translation{color:var(--color-text-secondary);margin:0;font-size:.9375rem}.phr_card,.phr_test,.phr_build{gap:var(--space-3);flex-direction:column;min-width:0;display:flex}.phr_card{padding:var(--space-4);border-radius:var(--radius-card);background:var(--color-white);border:var(--border-width) solid var(--color-border)}.phr_card p,.phr_test p,.phr_build p,.phr_card h2,.phr_test h2,.phr_build h2{margin:0}.phr_phrase{font-size:1.5rem;font-weight:var(--primary-bold);overflow-wrap:anywhere;line-height:1.2}.phr_prompt{color:var(--color-text-secondary);font-size:var(--text-small);font-weight:400}.phr_line{line-height:1.5}.phr_mark{background:var(--color-yellow-tile);color:inherit;border-radius:.25rem;padding:0 .15em;box-shadow:inset 0 -.15em #00000038}.phr_examples{gap:var(--space-2);flex-direction:column;display:flex}.phr_examples ul{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.phr_examples li{gap:var(--space-1);flex-direction:column;line-height:1.5;display:flex}.phr_uk{color:var(--color-text-secondary);font-size:var(--text-small)}.phr_gap{line-height:1.45}.phr_blank{border-bottom:2px solid var(--color-text-primary);min-width:4.5rem;display:inline-block}.phr_options{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.phr_option{align-items:flex-start;gap:var(--space-2);width:100%;min-height:2.75rem;padding:var(--space-2);border:var(--border-width) solid var(--color-border-field);border-radius:var(--radius-card);background:var(--color-white);color:var(--color-text-primary);font:inherit;text-align:left;cursor:pointer;font-size:.9375rem;line-height:1.35;display:flex}.phr_option:hover:not(:disabled){background:var(--color-surface-soft)}.phr_option:focus-visible{outline:var(--outline-focus);outline-offset:2px}.phr_option:disabled{cursor:default}.phr_option i{margin-inline-start:auto;font-style:normal;font-weight:700}.phr_option.is-right{border-color:var(--puzzle-ok-fg);background:var(--puzzle-ok-bg);color:var(--puzzle-ok-fg)}.phr_option.is-wrong{border-color:var(--puzzle-bad-fg);background:var(--puzzle-bad-bg);color:var(--puzzle-bad-fg)}.phr_key{background:var(--color-yellow-tile);width:1.5rem;height:1.5rem;font-size:.8125rem;font-weight:var(--primary-bold);color:var(--color-text-primary);border-radius:.375rem;flex:none;place-items:center;display:grid}.phr_game .puzzles_hint{min-height:1.4em}.game_hint{color:var(--color-text-secondary);font-size:var(--text-small);margin:0}.game_level{align-items:center;gap:var(--space-2);display:inline-flex}.game_level-label{color:var(--color-text-secondary);font-size:var(--text-small)}.phr_card{gap:var(--space-4);border-width:calc(var(--border-width) * 2);box-shadow:var(--card-shadow);padding:0;overflow:hidden}.phr_card>:not(.phr_hero){margin-inline:var(--space-4)}.phr_card>:last-child{margin-bottom:var(--space-4)}.phr_hero{min-height:8rem;padding:var(--space-5) var(--space-4) var(--space-4);background:linear-gradient(135deg, var(--color-brand-yellow,#ffd84d), #ffe98f);align-items:flex-end;display:flex;position:relative}.phr_hero .phr_phrase{letter-spacing:-.02em;font-size:clamp(1.875rem,5vw,2.75rem);font-weight:800;line-height:1.05;position:relative}.phr_quote{top:-1.5rem;right:var(--space-4);color:#1113181f;font-family:Georgia,serif;font-size:9rem;line-height:1;position:absolute}.phr_facts{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));display:grid}.phr_fact{gap:var(--space-1);padding:var(--space-3);border-radius:var(--radius-card);background:var(--color-surface-soft);flex-direction:column;line-height:1.45;display:flex}.phr_fact.is-meaning{background:var(--color-yellow-tile)}.phr_fact-label,.phr_section{color:var(--color-text-secondary);letter-spacing:.06em;text-transform:uppercase;font-size:.75rem;font-weight:800}.phr_examples ol{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.phr_examples li{align-items:flex-start;gap:var(--space-3);flex-direction:row;display:flex}.phr_num{background:var(--color-text-primary);color:#fff;border-radius:50%;flex:none;place-items:center;width:1.75rem;height:1.75rem;font-size:.8125rem;font-weight:800;display:grid}.phr_example{gap:var(--space-2);min-width:0;padding-bottom:var(--space-3);border-bottom:1px dashed var(--color-border-field);flex-direction:column;display:flex}.phr_examples li:last-child .phr_example{border-bottom:0;padding-bottom:0}.phr_en{font-size:1.125rem;line-height:1.5}.phr_example .phr_uk{font-size:.9375rem;line-height:1.5}.phr_tip{gap:var(--space-1);padding:var(--space-3);border-left:4px solid var(--color-text-primary);border-radius:0 var(--radius-card) var(--radius-card) 0;background:var(--color-surface-soft);flex-direction:column;line-height:1.45;display:flex}.phr_card .puzzles_actions,.phr_card .game_keys{margin-inline:var(--space-4)}@media (width<=40rem){.phr_hero{min-height:6.5rem}.phr_quote{font-size:6rem}}.mp_card{width:min(100% - 2 * var(--site-margin), 40rem);align-items:flex-start;gap:var(--space-3);margin:var(--space-5) auto var(--space-7);padding:var(--space-4);border:calc(var(--border-width) * 2) solid var(--color-border);border-radius:var(--radius-card);background:var(--color-white);box-shadow:var(--card-shadow);flex-direction:column;display:flex}.mp_card>.game_progress{align-self:stretch}.mp_title{letter-spacing:-.02em;margin:0;font-size:clamp(1.75rem,6vw,2.5rem);font-weight:800;line-height:1.1}.mp_lead{margin:0;font-size:1.125rem;line-height:1.5}.mp_hint{color:var(--color-text-secondary);font-size:var(--text-small);margin:0;line-height:1.5}.mp_listen{gap:var(--space-2);flex-wrap:wrap;display:flex}.mp_choices{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.mp_choice{justify-content:center;align-items:center;gap:var(--space-1);min-height:7rem;padding:var(--space-3);border:calc(var(--border-width) * 2) solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface-soft);color:var(--color-text-primary);font:inherit;cursor:pointer;flex-direction:column;display:flex}.mp_choice b{font-size:clamp(1.5rem,6vw,2.25rem);font-weight:800}.mp_choice small{color:var(--color-text-secondary);font-size:var(--text-small)}.mp_choice:not(:disabled):hover{background:var(--color-yellow-tile)}.mp_choice:focus-visible,.mp_word:focus-visible{outline:var(--outline-focus);outline-offset:2px}.mp_choice.is-right{border-color:var(--color-green-text);background:var(--color-green-surface);color:var(--color-green-text)}.mp_choice.is-wrong{color:#a8201a;background:#fdecea;border-color:#a8201a}.mp_feedback{align-items:flex-start;gap:var(--space-3);flex-direction:column;width:100%;display:flex}.mp_ok,.mp_bad{margin:0;font-size:1.25rem;font-weight:800}.mp_ok{color:var(--color-green-text)}.mp_bad{color:#a8201a}.mp_word{align-items:center;gap:var(--space-2);min-height:2.75rem;padding:0 var(--space-3);border:2px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-white);color:var(--color-text-primary);font:inherit;cursor:pointer;font-weight:800;display:inline-flex}.mp_word small{color:var(--color-text-secondary);font-weight:500}.mp_missed{gap:var(--space-2);flex-direction:column;width:100%;margin:0;padding:0;list-style:none;display:flex}.mp_missed li{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}}.seekbar{align-items:center;gap:.6rem;margin-top:.5rem;display:flex}.seekbar_play{border:2px solid var(--color-text-primary,#11131a);background:var(--color-brand-yellow,#ffd23f);min-width:3rem;min-height:3rem;color:var(--color-text-primary,#11131a);cursor:pointer;box-shadow:0 3px 0 var(--color-text-primary,#11131a);border-radius:50%;place-items:center;padding:0;font-size:1.1rem;line-height:1;display:inline-grid}.seekbar_play:hover{filter:brightness(1.05)}.seekbar_play:active{box-shadow:0 1px 0 var(--color-text-primary,#11131a);transform:translateY(2px)}.seekbar_play:focus-visible{outline:var(--outline-focus,3px solid #1368ce);outline-offset:3px}.seekbar_range{min-height:2.75rem;accent-color:var(--accent,#2563eb);flex:1}