/* coach-intro:2026-10-28 – заставка «Выход на поле» (intro.js). Поверх всего, свои цвета ТВ-графики – в любой теме. */
.ci{position:fixed;inset:0;z-index:90;background:#01030a;color:#fff;overflow:hidden;font-family:var(--f-body,system-ui,sans-serif);transition:opacity .4s}
.ci.ci-out{opacity:0;pointer-events:none}
body.ci-open{overflow:hidden}
.ci-cv{position:absolute;inset:0;width:100%;height:100%;display:block}
.ci-bar{position:absolute;top:calc(12px + env(safe-area-inset-top,0px));right:max(12px,env(safe-area-inset-right,0px));display:flex;gap:8px;z-index:4}
.ci-bar button{min-height:40px;padding:8px 16px;border:0;background:rgba(7,18,43,.72);color:#DCE6F7;font:600 14px/1 var(--f-display,"Oswald","Arial Narrow",sans-serif);text-transform:uppercase;letter-spacing:.06em;cursor:pointer;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);backdrop-filter:blur(4px)}
.ci-bar button[hidden]{display:none}
.ci-bar button:hover,.ci-bar button:focus-visible{background:#1E4FA3;color:#fff;outline:none}
.ci-bar .ci-snd[aria-pressed="true"]{background:#FFD23F;color:#07122B}
/* стартовый экран */
.ci-start{position:absolute;inset:0;z-index:3;display:grid;place-content:center;justify-items:center;gap:12px;padding:24px;text-align:center;transition:opacity .5s}
.ci-start.ci-gone{opacity:0;pointer-events:none}
.ci-clock{margin:0;font:700 clamp(30px,7vw,56px)/1 var(--f-display,"Oswald","Arial Narrow",sans-serif);letter-spacing:.04em;color:#fff;text-transform:uppercase;animation:ci-blink 1.6s ease-in-out infinite}
.ci-sub{margin:0 0 14px;color:#9fb3d6;font-size:15px}
.ci-play{min-height:58px;padding:14px 34px;border:0;background:#FFD23F;color:#07122B;font:700 20px/1 var(--f-display,"Oswald",sans-serif);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;clip-path:polygon(14px 0,100% 0,calc(100% - 14px) 100%,0 100%);animation:ci-pulse 1.4s ease-in-out infinite}
.ci-play span{margin-right:8px}
.ci-quiet{min-height:40px;padding:8px 14px;border:0;background:none;color:#9fb3d6;font:500 14px/1 var(--f-body,system-ui,sans-serif);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.ci-play:focus-visible,.ci-quiet:focus-visible{outline:3px solid #fff;outline-offset:4px}
@keyframes ci-blink{50%{opacity:.55}}
@keyframes ci-pulse{50%{transform:scale(1.05);filter:drop-shadow(0 0 18px rgba(255,210,63,.6))}}
/* крупные слова на весь экран */
.ci-words{position:absolute;inset:0;z-index:2;display:grid;place-items:center;pointer-events:none;padding:0 4vw 26vh}
.ci-word{grid-area:1/1;display:grid;justify-items:center;text-align:center;font-family:var(--f-display,"Oswald","Arial Narrow",sans-serif);font-weight:700;text-transform:uppercase;line-height:.95;letter-spacing:.01em;animation:ci-slam .38s cubic-bezier(.2,1.4,.3,1) both}
.ci-word span{display:block;color:#fff;text-shadow:0 0 30px rgba(59,139,235,.55),0 8px 40px rgba(0,0,0,.7)}
.ci-word span:last-child{color:#FFD23F;text-shadow:0 0 34px rgba(255,210,63,.45),0 8px 40px rgba(0,0,0,.7)}
.ci-word.ci-xl{font-size:clamp(64px,17vw,220px)}
.ci-word.ci-l{font-size:clamp(52px,12vw,160px)}
.ci-word.ci-m{font-size:clamp(34px,8.4vw,108px)}
.ci-word.ci-gone{animation:ci-away .3s ease-in both}
@keyframes ci-slam{0%{opacity:0;transform:scale(2.4);filter:blur(12px)}60%{opacity:1;filter:blur(0)}100%{opacity:1;transform:scale(1)}}
@keyframes ci-away{to{opacity:0;transform:scale(.88) translateY(-12px);filter:blur(6px)}}
/* финал */
.ci-end{position:absolute;inset:0;z-index:2;display:grid;place-content:center;justify-items:center;text-align:center;gap:10px;padding:24px;opacity:0;pointer-events:none;transform:scale(.94);transition:opacity .6s,transform .9s cubic-bezier(.2,.8,.2,1);background:radial-gradient(70% 55% at 50% 50%,rgba(1,3,10,.86),rgba(1,3,10,.4) 70%,rgba(1,3,10,.1))}
.ci-end.ci-on{opacity:1;pointer-events:auto;transform:none}
.ci-end img{position:relative;width:96px;height:96px;border-radius:20px;background:#fff;padding:9px;box-shadow:0 0 0 3px #FFD23F,0 0 60px rgba(255,210,63,.45),0 18px 40px rgba(0,0,0,.6)}
.ci-ring{position:absolute;left:50%;top:50%;width:120px;height:120px;margin:-150px 0 0 -60px;border-radius:50%;border:3px solid rgba(255,210,63,.9);opacity:0;pointer-events:none}
.ci-end.ci-on .ci-ring{animation:ci-ring 1.1s cubic-bezier(.1,.7,.3,1) .1s both}
@keyframes ci-ring{0%{opacity:1;transform:scale(.6)}100%{opacity:0;transform:scale(6)}}
.ci-kicker{margin:8px 0 0;color:#FFD23F;font:600 13px/1.2 var(--f-display,"Oswald",sans-serif);text-transform:uppercase;letter-spacing:.16em}
.ci-title{margin:0;font:700 clamp(36px,8vw,80px)/1 var(--f-display,"Oswald","Arial Narrow",sans-serif);text-transform:uppercase;letter-spacing:.01em;text-shadow:0 6px 30px rgba(0,0,0,.6)}
.ci-title em{font-style:normal;color:#FFD23F}
.ci-go{margin-top:14px;min-height:54px;padding:12px 36px;border:0;background:#FFD23F;color:#07122B;font:700 19px/1 var(--f-display,"Oswald",sans-serif);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%);animation:ci-pulse 1.4s ease-in-out infinite}
.ci-go:focus-visible{outline:3px solid #fff;outline-offset:4px}
@media (prefers-reduced-motion:reduce){ .ci,.ci-end,.ci-word,.ci-start,.ci-play,.ci-go,.ci-clock{transition:none;animation:none} .ci-end.ci-on .ci-ring{animation:none} }