@layer components{.clip-caption{color:var(--color-text-secondary);font-size:var(--text-small);margin:0}.clip-caption a{color:var(--color-blue-text);text-underline-offset:.15em;text-decoration:underline}.trainer-experience_wrap{width:min(100% - 2 * var(--site-margin), var(--size-trainer-content-max));min-width:0;padding-block:var(--space-6);margin-inline:auto}.trainer-experience_header{gap:var(--space-2);margin-bottom:var(--space-5);flex-direction:column;display:flex}.trainer-experience_header h1{margin:0}.trainer-experience_header p{color:var(--color-text-secondary)}.trainer-experience_metadata{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.trainer-experience_metadata p{margin:0}.trainer-island_wrap{gap:var(--space-4);flex-direction:column;min-width:0;display:flex}.trainer-player_wrap{gap:var(--space-3);min-width:0;padding:var(--space-4);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-card);background:var(--color-white);box-shadow:var(--card-shadow);flex-direction:column;display:flex}.trainer-player_screen{aspect-ratio:16/9;border-radius:var(--radius-tile);background:var(--color-dark-raised);width:100%;min-width:0;color:var(--color-white);place-items:center;display:grid;overflow:hidden}.trainer-player_video{object-fit:contain;width:100%;height:100%}.trainer-player_empty{max-width:36ch;padding:var(--space-4);color:var(--color-white);text-align:center}.trainer-player_controls,.trainer-player_actions,.trainer-player_settings,.trainer-island_modes,.trainer-island_progress,.trainer-island_entry,.trainer-result_stats,.trainer-result_word{align-items:center;gap:var(--space-2);flex-wrap:wrap;min-width:0;display:flex}.trainer-player_controls,.trainer-player_settings{justify-content:space-between}.trainer-player_group{align-items:center;gap:var(--space-1);border:0;flex-wrap:wrap;min-width:0;padding:0;display:flex}.trainer-player_group legend,.trainer-player_group>span{color:var(--color-text-secondary);font-size:var(--text-small)}.trainer-player_option,.trainer-island_mode{min-height:var(--size-button-sm);padding-inline:var(--space-3);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-white);color:var(--color-text-primary)}.trainer-player_option.is-active,.trainer-island_mode.is-active{border-color:var(--color-text-primary);background:var(--color-yellow-tile)}.trainer-player_note,.trainer-player_subtitles p{color:var(--color-text-secondary);margin:0}.trainer-player_subtitles{gap:var(--space-1);display:grid}.trainer-player_group select{max-width:100%;padding:var(--space-1) var(--space-2);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-small);background:var(--color-white);color:var(--color-text-primary)}.trainer-tiles_list{justify-content:center;gap:var(--space-2);min-width:0;padding-block:var(--space-3);flex-wrap:wrap;display:flex}.trainer-tiles_character{position:relative}.trainer-island_puzzle{justify-content:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.trainer-island_puzzleChoice{padding:var(--space-2) var(--space-3);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-white);color:var(--color-text-primary)}.trainer-island_puzzleChoice.is-wrong{border-color:var(--color-error);animation:trainer-puzzle-shake var(--duration-fast) ease-in-out}@keyframes trainer-puzzle-shake{25%{transform:translateX(calc(var(--space-1) * -1))}75%{transform:translateX(var(--space-1))}}.trainer-tiles_error{color:var(--color-error);font-size:var(--mono-hint-size);text-decoration:line-through;position:absolute;inset-block-end:100%;inset-inline-start:0}.trainer-island_progress{color:var(--color-text-muted);justify-content:space-between}.trainer-island_entry{padding:var(--space-4);border-radius:var(--radius-card);background:var(--color-surface-soft);align-items:flex-end}.trainer-island_label{font-weight:var(--primary-bold)}.trainer-island_hintText{color:var(--color-text-secondary);flex-basis:100%;margin:0}.trainer-island_skeleton{flex-wrap:wrap;gap:.5rem;margin:.5rem 0;display:flex}.trainer-island_skeleton span{background:var(--color-border,#7f7f7f40);opacity:.6;border-radius:.5rem;width:3.5rem;height:2.25rem}@media (prefers-reduced-motion:no-preference){.trainer-island_skeleton span{animation:1.2s ease-in-out infinite alternate trainer-skeleton}}@keyframes trainer-skeleton{to{opacity:.25}}.trainer-island_input{flex:1 1 var(--size-trainer-input-min);min-width:0;min-height:var(--size-button-lg);padding:var(--space-2) var(--space-3);border:calc(var(--border-width) * 2) solid var(--color-border-field);border-radius:var(--radius-small);background:var(--color-white);color:var(--color-text-primary);font-family:var(--font-mono)}.trainer-island_input:focus-visible{border-color:var(--color-blue-text)}.trainer-result_wrap{align-items:flex-start;gap:var(--space-3);padding:var(--space-5);border-radius:var(--radius-card);background:var(--color-green-surface);flex-direction:column;display:flex}.trainer-result_wrap h2,.trainer-result_wrap h3,.trainer-result_wrap p{margin:0}.trainer-result_stats{width:100%}.trainer-result_stats div{flex:1 1 var(--size-trainer-input-min);gap:var(--space-1);padding:var(--space-3);border-radius:var(--radius-small);background:var(--color-white);flex-direction:column;display:flex}.trainer-result_stats dt{color:var(--color-text-secondary)}.trainer-result_stats dd{font-size:var(--h4);font-weight:var(--primary-bold);margin:0}.trainer-result_missed{gap:var(--space-2);flex-direction:column;width:100%;display:flex}.trainer-result_word{padding-block:var(--space-2);border-bottom:var(--border-width) solid var(--color-green-solid);justify-content:space-between}.trainer-island_next{align-self:flex-start}.trainer-island_wrap button:disabled{opacity:.55;cursor:not-allowed}.trainer-island_feedback{min-height:1.5em;font-weight:var(--primary-bold);margin:0}.trainer-island_feedback.correct{color:var(--color-green-text)}.trainer-island_feedback.wrong{color:var(--color-error)}.trainer-result_meta{align-items:center;gap:var(--space-2);flex-wrap:wrap;margin:0;display:flex}.trainer-result_xp{padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:var(--color-yellow-tile);font-size:var(--text-small);font-weight:var(--primary-bold)}.share-card_wrap{gap:var(--space-2);max-width:36rem;margin:var(--space-4) 0;display:grid}.share-card_title{font-weight:var(--primary-bold)}.share-card_canvas{border:calc(var(--border-width) * 2) solid var(--color-border);border-radius:var(--radius-tile);width:100%;height:auto}.share-card_actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.share-card_message{color:var(--color-green-text);font-size:var(--text-small)}@media (width>=48rem){.trainer-experience_wrap{padding-block:var(--space-7)}.trainer-player_wrap{padding:var(--space-5)}}}