.training.tr_training{--tr-opp:var(--orange3);--tr-adj:var(--blue3);--tr-hyp:var(--progress);--tr-leg:var(--turq);padding:28px 24px 20px;min-height:460px;color:var(--main)}.tr_training [hidden]{display:none!important}.tr_body{display:flex;flex-direction:column;align-items:center;width:100%}.tr_head{display:flex;flex-direction:column;align-items:center;margin-bottom:8px;text-align:center}.tr_title{display:flex;align-items:center;justify-content:center;min-height:1.3em;margin:0;font-size:24px;line-height:1.3;text-align:center}.tr_board{display:flex;flex-direction:column;align-items:center;width:100%;user-select:none;-webkit-user-select:none}.tr_stage{width:100%;max-width:420px;aspect-ratio:400 / 270}.tr_svg{display:block;width:100%;height:100%;overflow:visible}.tr_fill{fill:color-mix(in srgb,var(--accent) 6%,var(--white));stroke:none}.tr_sector{fill:color-mix(in srgb,var(--accent) 22%,transparent);stroke:none}.tr_arc{fill:none;stroke:var(--accent);stroke-width:3;stroke-linecap:round}.tr_right{fill:none;stroke:var(--secondary);stroke-width:2;stroke-linejoin:round}.tr_side{outline:none;-webkit-tap-highlight-color:transparent}.tr_side_line{fill:none;stroke:var(--secondary);stroke-width:4;stroke-linecap:round;transition:stroke .2s,stroke-width .2s}.tr_side_halo{fill:none;stroke:transparent;stroke-width:18;stroke-linecap:round;transition:stroke .2s}.tr_side_hit{fill:none;stroke:transparent;stroke-width:34;stroke-linecap:round;pointer-events:stroke}.tr_side[aria-disabled="false"]{cursor:pointer}@media (hover:hover){.tr_side[aria-disabled="false"]:hover .tr_side_halo{stroke:var(--lightgray)}}.tr_side[aria-disabled="false"]:focus-visible .tr_side_halo{stroke:color-mix(in srgb,var(--accent) 35%,transparent)}.tr_side.is_selected .tr_side_line{stroke:var(--accent);stroke-width:6}.tr_side.is_answered .tr_side_line{stroke:var(--role);stroke-width:6}.tr_vertex{fill:var(--main);font-family:var(--header_font);font-size:21px;font-weight:var(--header_weight);text-anchor:middle;dominant-baseline:central}.tr_len{fill:var(--main);font-family:var(--header_font);font-size:18px;font-weight:var(--header_weight);text-anchor:middle;dominant-baseline:central}.tr_len.is_missing{fill:var(--accent)}.tr_len.is_answered{fill:var(--role)}.tr_role_opp{--role:var(--tr-opp)}.tr_role_adj{--role:var(--tr-adj)}.tr_role_hyp{--role:var(--tr-hyp)}.tr_role_leg{--role:var(--tr-leg)}.tr_name{color:var(--role,var(--main))}.tr_word{text-decoration-line:underline;text-decoration-color:var(--role);text-decoration-thickness:3px;text-underline-offset:4px}.tr_frac{display:inline-flex;flex-direction:column;align-items:stretch;line-height:1.1;text-align:center;vertical-align:middle}.tr_frac_num{padding:0 .15em .12em}.tr_frac_den{padding:.12em .15em 0;border-top:2px solid currentColor}.tr_eq{display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px 8px;font-family:var(--header_font);font-size:22px;font-weight:var(--header_weight)}.tr_eq sup{font-size:.6em;line-height:0}.tr_fn,.tr_sq{white-space:nowrap}.tr_zone{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:100%;min-height:100px;margin-top:6px}.tr_mode_definition .tr_zone{min-height:112px}.tr_mode_lengths .tr_zone{min-height:92px}.tr_given{display:flex;justify-content:center;margin:0}.tr_given .tr_eq{font-size:20px}.tr_compose{display:flex;align-items:center;gap:12px;font-family:var(--header_font);font-size:26px;font-weight:var(--header_weight)}.tr_build{display:inline-flex;padding:4px 10px;border:2px solid transparent;border-radius:14px;transition:background-color .2s,border-color .2s}.tr_build.is_correct{border-color:var(--green);background-color:var(--transp_green)}.tr_build.is_wrong{border-color:var(--red);background-color:var(--transp_red)}.tr_slot{display:grid;place-items:center;min-width:66px;height:40px;margin:3px 0;padding:0 6px;border:2px dashed var(--lightgray_2);border-radius:10px}.tr_slot.is_filled{border-color:transparent}.tr_slot.is_next{border-color:var(--accent)}.tr_clear{display:grid;place-items:center;flex:none;width:44px;height:44px;padding:0;border:0;border-radius:50%;background-color:transparent;cursor:pointer;transition:background-color .2s;-webkit-tap-highlight-color:transparent}.tr_clear:hover:not(:disabled){background-color:var(--secondary_button_hover)}.tr_clear:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tr_clear:disabled{cursor:default}.tr_clear_icon{width:18px;height:22px;background-color:var(--secondary);mask:url(../../../../../../../../../../themes/Main/img/icons/clean.svg) center / contain no-repeat;-webkit-mask:url(../../../../../../../../../../themes/Main/img/icons/clean.svg) center / contain no-repeat;transition:opacity .2s}.tr_clear:disabled .tr_clear_icon{opacity:.35}.tr_clear.is_spent{visibility:hidden}.tr_options{display:grid;grid-template-columns:repeat(4,104px);gap:14px}.tr_option{display:grid;place-items:center;height:84px;padding:0 0 4px;border:var(--border);border-bottom-width:4px;border-radius:var(--radius);background-color:var(--white);color:var(--main);font-family:var(--header_font);font-size:24px;font-weight:var(--header_weight);cursor:pointer;transition:background-color .2s;-webkit-tap-highlight-color:transparent}.tr_option:hover:not(:disabled){background-color:var(--secondary_button_hover)}.tr_option:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.tr_training .tr_options .tr_option:disabled{opacity:1;color:var(--main)!important;cursor:default}.tr_training .tr_option.is_correct{border-color:var(--green);background-color:var(--transp_green)}.tr_training .tr_option.is_wrong{border-color:var(--red);background-color:var(--transp_red)}.tr_feedback{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:100%;max-width:640px;min-height:92px;margin-top:6px;text-align:center}.tr_mode_lengths .tr_feedback{min-height:124px}.tr_summary{display:flex;flex-direction:column;align-items:center;gap:6px}.tr_pyth{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 24px}.tr_pyth .tr_eq{font-size:18px}.tr_legend{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 20px;font-size:15px;line-height:1.5}.tr_legend_item{white-space:nowrap}.tr_legend .tr_name{font-family:var(--header_font);font-size:19px;font-weight:var(--header_weight)}.tr_rule{margin:0;font-size:15px;line-height:1.5}.tr_actions{display:flex;justify-content:center;min-height:50px;margin-top:4px}.tr_actions .btn{min-width:200px}.tr_board.is_entering :is(.tr_svg,.tr_zone>*){animation:tr_enter .3s ease both}.tr_board.is_entering .tr_zone>*{animation-delay:60ms}@keyframes tr_enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.tr_training *,.tr_training *::before{animation:none!important;transition:none!important}}@media (max-width:700px){.tr_title{min-height:2.6em}}@media (max-width:600px){.training.tr_training{padding:20px 10px 14px}.tr_title{font-size:20px}.tr_given .tr_eq{font-size:18px}.tr_zone{min-height:92px}.tr_mode_definition .tr_zone{min-height:100px}.tr_compose{gap:8px;font-size:22px}.tr_slot{min-width:56px;height:36px}.tr_options{grid-template-columns:repeat(4,minmax(0,1fr));width:100%;max-width:380px;gap:8px}.tr_option{height:74px;font-size:21px}.tr_eq{font-size:19px}.tr_pyth .tr_eq{font-size:16px}.tr_legend{gap:2px 16px;font-size:14px}.tr_legend .tr_name{font-size:17px}.tr_rule{font-size:14px}.tr_feedback{min-height:108px}.tr_mode_lengths .tr_feedback{min-height:140px}}