/* «Лампа над рингом»: обучение продолжает существующий бумажный интерфейс. */
.guide-coach{display:flex;gap:18px;align-items:flex-start;max-width:760px;margin:12px auto 18px;padding:18px;background:#f1e8d7;color:#30281f;border:1px solid #b8a17c;box-shadow:0 3px 10px #17120b20;font-family:inherit}
.guide-coach[hidden]{display:none}
.guide-coach__art{flex:0 0 64px;align-self:center}
.guide-coach__art img,.guide-coach__art svg{display:block;width:64px;height:100px;object-fit:contain}
.guide-figure__zone{fill:#c7b89f;stroke:#7a684f;stroke-width:1}
.guide-figure__attack{fill:#a4322b;stroke:#70261e;stroke-width:2}
.guide-figure__block{fill:#457b9d;stroke:#214b66;stroke-width:2}
.guide-coach__body{flex:1;min-width:0}
.guide-coach h2{font-size:19px;line-height:1.25;margin:0 0 8px;color:#6b2922}
.guide-coach p{font-size:14px;line-height:1.5;max-width:65ch;margin:0 0 10px;overflow-wrap:anywhere}
.guide-coach .guide-coach__progress{font-size:12px;color:#665035}
.guide-coach .guide-coach__safe{font-size:12px;color:#3d542e}
.guide-coach__actions{display:flex;gap:8px;flex-wrap:wrap}
.guide-coach__actions .btn{min-height:36px;white-space:normal}
.guide-coach .btn--ghost{background:#eee1ca!important;color:#594323!important;border-color:#b8a17c}
.guide-menu-button{margin:4px 8px;min-height:32px}
.frame__bar>.guide-menu-button{justify-self:end;flex:0 0 auto;width:fit-content;max-width:100%;color:#f3e2bd!important;background:#453c2f!important;font-size:13px;border:1px solid #a89067}
.edoll__slot[hidden],.dock__tool[hidden]{display:none!important}
.guide-coach--fight{padding:10px 12px;gap:10px}
.guide-coach--fight h2{font-size:15px;margin-bottom:4px}
.guide-coach--fight p{margin-bottom:5px}
.guide-coach--fight .guide-coach__art,.guide-coach--fight .guide-coach__art svg{width:38px;flex-basis:38px;height:64px}
.guide-coach--fight .guide-coach__actions .btn{font-size:11px;min-height:32px;padding:6px 8px}
.guide-target{outline:3px solid #bb7c20!important;outline-offset:4px;scroll-margin:22px}
.guide-target:focus-visible,.guide-coach button:focus-visible{outline:3px solid #185e8e!important;outline-offset:3px}
.guide-selection{font-size:13px;line-height:1.4;color:#57432b;text-align:center;margin:8px 0}
.guide-selection.is-ready{color:#315a2b}
.screen[data-guide-learning="true"][data-guide-paused="true"] :is(.fight__heavy,.fight__stance,.fight__techs,.fight__combo,.fight__items){display:none}
@media(max-width:1020px){.guide-coach{gap:10px;margin:8px 8px 14px;padding:12px}.guide-coach__art{flex-basis:42px}.guide-coach__art img,.guide-coach__art svg{width:42px;height:76px}.guide-coach h2{font-size:16px}.guide-coach p{font-size:13px}.guide-coach__actions .btn{min-height:40px;font-size:12px}.guide-coach__actions{gap:6px}.guide-menu-button{min-height:40px}.guide-selection{font-size:12px}}
@media(prefers-reduced-motion:reduce){.guide-target{scroll-behavior:auto}}
@media(max-width:1020px){
 .screen[data-guide-learning="true"][data-guide-paused="true"] :is(.mobile-fight-tabs,.mobile-dirty){display:none}
 /* 04.11: ужатие табло на первых ходах убрано — табло на телефоне теперь всегда компактное (mobile.css, промпт Г) */
 .screen[data-guide-learning="true"][data-guide-paused="true"] .fight__trainhint{font-size:11px;padding:6px}
 .guide-coach--fight{margin:6px 8px;padding:10px}
}
/* Обучение v3: предупреждение тренера и окно «ход не готов» — крупно, чтобы заметили. */
.guide-coach .guide-coach__warn{color:#8b1e16;font-weight:700}
.guide-move__text{font-size:18px;line-height:1.45;font-weight:700;margin:0 0 10px}
.guide-move__count{font-size:15px;margin:0}

/* 03.11.2026 (заказчик): «всё в тумане, подсвечено только нужное, рядом облачко». Туман — четыре фиксированные
   плашки вокруг цели (ничего не блокируют), облачко — та же карточка-тренер, вынесенная к цели. */
.guide-fog{position:fixed;inset:0;z-index:46;pointer-events:none}
.guide-fog__part{position:fixed;background:rgba(10,7,4,.58);transition:all .18s ease-out}
.guide-target{box-shadow:0 0 0 3px #d9b65a,0 0 18px 4px rgba(217,182,90,.55)!important;outline:none!important;border-radius:6px}
.guide-coach--float{position:fixed;z-index:47;margin:0;max-width:min(380px,calc(100vw - 16px));width:max-content;padding:14px 16px;gap:12px;box-shadow:0 10px 28px rgba(0,0,0,.45),0 0 0 2px #d9b65a;border-radius:10px;transition:top .18s ease-out,left .18s ease-out}
.guide-coach--float::before{content:'';position:absolute;left:calc(var(--guide-arrow-x,50%) - 9px);width:18px;height:18px;background:#f1e8d7;border:1px solid #b8a17c;transform:rotate(45deg)}
.guide-coach--float[data-side="below"]::before{top:-9px;border-right:0;border-bottom:0}
.guide-coach--float[data-side="above"]::before{bottom:-9px;border-left:0;border-top:0}
.guide-coach--float .guide-coach__art{flex-basis:48px}
.guide-coach--float .guide-coach__art img,.guide-coach--float .guide-coach__art svg{width:48px;height:76px}
.guide-coach--float h2{font-size:17px}
.guide-coach--float p{font-size:14px;margin-bottom:8px}
@media(prefers-reduced-motion:reduce){.guide-fog__part,.guide-coach--float{transition:none}}
@media(max-width:1020px){
 .guide-coach--float{left:0!important;right:0;top:auto!important;bottom:var(--guide-sheet-bottom,0px);max-width:none;width:auto;border-radius:14px 14px 0 0;padding:12px 14px calc(12px + env(safe-area-inset-bottom));gap:10px;box-shadow:0 -8px 24px rgba(0,0,0,.45),0 0 0 2px #d9b65a;max-height:46vh;overflow:auto}
 .guide-coach--float::before{display:none}
 .guide-coach--float .guide-coach__art{flex-basis:36px}
 .guide-coach--float .guide-coach__art img,.guide-coach--float .guide-coach__art svg{width:36px;height:60px}
 .guide-coach--float h2{font-size:15px;margin-bottom:4px}
 .guide-coach--float p{font-size:14px;margin-bottom:6px}
 .guide-coach--float .guide-coach__actions .btn{min-height:40px}
}
@media(max-width:1020px){.guide-target{scroll-margin-top:20vh;scroll-margin-bottom:52vh}
 .frame .frame__main>.screen--appearance:has([data-guide="appearance-save"].guide-target){padding-bottom:52vh!important}}
/* 04.11 (промпт Г): в бою на телефоне лист тренера компактный — одна-две строки и кнопка, чтобы не закрывать зоны удара. */
@media(max-width:1020px){.guide-coach--float.guide-coach--fight{padding:8px 10px;gap:8px;max-height:28vh}.guide-coach--float.guide-coach--fight .guide-coach__art{display:none}.guide-coach--float.guide-coach--fight h2{font-size:14px;margin:0 0 2px}.guide-coach--float.guide-coach--fight p{font-size:12px;line-height:1.3;margin:0}.guide-coach--float.guide-coach--fight .guide-coach__actions{margin-top:4px}.guide-coach--float.guide-coach--fight .guide-coach__actions .btn{min-height:32px;padding:4px 10px;font-size:12px}}
/* 04.11.2026 (заказчик): карточка-тренер — в ширину главного окна (620px у стандартных окон, иначе вся колонка);
   туман и облачко выше модальных окон («Разделы» на телефоне, форма заявки Арены); «Перейти» мигает кнопкой меню. */
.frame__main>.guide-coach{max-width:none;margin:12px 0 18px}
.frame__main>.guide-coach:has(+.screen--standard-width),.frame__main>.guide-coach:has(+.screen--bank),.frame__main>.guide-coach:has(+.screen--arena),.frame__main>.guide-coach:has(+.screen--outskirts:not(.screen--outskirts-blocks)){max-width:620px;margin-inline:auto}
.guide-fog{z-index:51}.guide-coach--float{z-index:52}
.guide-pulse{animation:guide-pulse .8s ease-out 2}
@keyframes guide-pulse{0%{box-shadow:0 0 0 3px #d9b65a}100%{box-shadow:0 0 0 14px rgba(217,182,90,0)}}
@media(prefers-reduced-motion:reduce){.guide-pulse{animation:none}}

/* 05.11 (заказчик): «Пропустить обучение» — маленькая, узкая, тускло-красная, справа внизу карточки, не касается краёв. */
.guide-coach__skipwrap{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-top:8px;padding-right:2px}
.guide-coach .guide-coach__skip{flex:0 0 auto;width:auto;min-height:0;padding:3px 9px;font-size:11px;line-height:1.2;letter-spacing:0;border-radius:4px;color:#f1dcd6!important;background:#7a2d27!important;border:1px solid #5a1f1a!important;opacity:.7;white-space:nowrap}
.guide-coach .guide-coach__skip:hover,.guide-coach .guide-coach__skip:focus-visible{opacity:1}

.create__hint{font-size:13px;margin:2px 0 8px}