/* MedCore · дизайн v6 · экзаменатор и босс (группа «экзамен»). Подключён ПОСЛЕ v6.css: классы основы (.lg .blue .night .btnp .btno .seg .sqb…) – там.
   Макеты: docs/дизайн/v6/V6_3_01_exam_setup, V6_3_02_exam_settings, V6_3_05_chat, V6_3_06_voice, V6_3_07_proposal, V6_3_09_protocol.
   Свои классы – с префиксом e6. Шар экзаменатора (.e5orb), список билета (.e5tq) и точки «думает» (.e5dots) – из v5-exam.css. */

.e6{display:flex;flex-direction:column;gap:16px;min-width:0;color:var(--v-ink)}
.e6 .h2{display:block}
.e6lbl{font-size:13px;color:var(--v-mut);padding:0 4px}
.e6cap{text-align:center;font-size:13px;line-height:1.4;color:var(--v-mut)}
.e6btns{display:flex;flex-direction:column;gap:10px}
.e6btns > *{width:100%}
.e6btn2{display:flex;flex-wrap:wrap;gap:10px}
.e6btn2 > *{flex:1 1 140px}
.e6grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.e6grid2 > *{height:56px;font-size:15px;border-radius:20px}
.e6 .linkbtn{color:var(--v-mut);font-size:14px;background:none;border:0;padding:4px 0;cursor:pointer;font-family:var(--sans)}
/* стекло-1 на кнопках-иконках экзамена (настройки, закрыть, микрофон) – как .lg.sqb в основе */
.e6 .lg.sqb,.e6 .e6rb.lg{background:linear-gradient(160deg,rgba(255,255,255,.66),rgba(255,255,255,.34));-webkit-backdrop-filter:blur(26px) saturate(180%);backdrop-filter:blur(26px) saturate(180%);border:1px solid rgba(255,255,255,.85);box-shadow:inset 0 1px 1px rgba(255,255,255,.95),inset 0 -1px 1px rgba(255,255,255,.35),0 12px 32px rgba(20,40,120,.14);color:var(--v-ink)}
.e6 .sqb.s44{width:44px;height:44px;border-radius:15px}
html.lite .e6 .lg.sqb,html.lite .e6 .e6rb.lg{-webkit-backdrop-filter:none;backdrop-filter:none;background:rgba(255,255,255,.94)}
/* лицо экзаменатора в шапке диалога: ночной квадрат с силуэтом */
.e6face{width:48px;height:48px;border-radius:16px;flex:none;display:grid;place-items:center;background:radial-gradient(90% 60% at 50% 115%,rgba(0,98,254,.7) 0%,rgba(0,98,254,0) 72%),#061331}
.e6face.sm{width:46px;height:46px;border-radius:15px}
.e6head .eface{width:48px!important;height:48px!important;border-radius:16px}

/* ---------- старт (V6_3_01): витринный фон – основа (data-scene=show) ---------- */
.e6setup{gap:18px}
.e6top{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:14px;color:var(--v-mut);min-height:44px}
.e6top > span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.e6hero{display:flex;flex-direction:column;align-items:center;gap:14px;padding:18px 0 8px;text-align:center}
.e6hero .e5orb{--s:220px}
@media (max-height:920px){.e6setup{gap:14px}.e6hero{padding:4px 0 2px;gap:12px}.e6hero .e5orb{--s:176px!important}}
@media (max-height:740px){.e6hero .e5orb{--s:140px!important}}
.e6ttl{font-family:var(--serif);font-style:italic;font-weight:500;font-size:38px;line-height:1;letter-spacing:-.02em;margin:6px 0 0;font-variation-settings:"opsz" 72}
.e6desc{font-size:15px;line-height:1.4;color:var(--v-ink2);max-width:300px}
.e6fcast{font-size:14px;line-height:1.45;max-width:330px;color:var(--v-ink2)}
.e6fcast b{color:var(--v-blue)}
.e6seg{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:row}
.e6seg button{font-size:14px;padding:0 4px}
.e6two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.e6mode{height:56px;border-radius:20px;font:600 15px var(--sans);display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;color:var(--v-ink);background:#fff;border:1px solid rgba(6,19,49,.05);box-shadow:0 1px 2px rgba(6,19,49,.04),0 10px 28px rgba(20,40,120,.07);-webkit-tap-highlight-color:transparent}
.e6mode.on{background:#061331;color:#fff;border-color:#061331}
.e6go{height:62px;border-radius:22px;font-size:17px;gap:10px;width:100%;background:linear-gradient(160deg,#3F7BFF 0%,#0062FE 55%,#0050E0 100%);box-shadow:inset 0 1px 1px rgba(255,255,255,.4),0 16px 34px rgba(0,98,254,.35)}
.e6resume{gap:8px}
.e6resume > span{font-size:14px;opacity:.88}
.e6resume .e6btn2{margin-top:6px}
.e6resume .e6btn2 > *{flex:1 1 0;height:50px;border-radius:18px;font-size:15px;padding:0 10px;white-space:nowrap}
.e6setup .e5free,.e6setup .e2free{border-radius:20px}

/* ---------- настройки (V6_3_02) ---------- */
.e6h1{font-family:var(--serif);font-style:italic;font-weight:500;font-size:34px;line-height:1.1;letter-spacing:-.02em;margin:4px 0 0;font-variation-settings:"opsz" 72}
.e6grp{display:flex;flex-direction:column;gap:10px}
.e6picks{display:flex;flex-direction:column;gap:10px}
.e6pick{border-radius:24px;padding:16px;display:flex;align-items:flex-start;gap:14px;text-align:left;cursor:pointer;color:var(--v-ink);font-family:var(--sans);width:100%;-webkit-tap-highlight-color:transparent}
.e6pick.on{box-shadow:inset 0 0 0 2px var(--v-blue),0 10px 28px rgba(20,40,120,.07)}
.e6pt{flex:1;min-width:0;display:flex;flex-direction:column}
.e6pn{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.e6pn b{font-size:17px;font-weight:700;letter-spacing:-.015em}
.e6pn small{font-size:13px;color:var(--v-mut)}
.e6pd{font-size:14px;line-height:1.45;color:var(--v-ink2);margin-top:4px}
.e6radio{width:24px;height:24px;border-radius:50%;flex:none;box-shadow:inset 0 0 0 2px #CBD4E6;display:grid;place-items:center;margin-top:2px}
.e6radio::after{content:"";width:12px;height:12px;border-radius:50%;background:var(--v-blue);transform:scale(0);transition:transform .15s}
.e6pick.on .e6radio,.e6radio.on{box-shadow:inset 0 0 0 2px var(--v-blue)}
.e6pick.on .e6radio::after,.e6radio.on::after{transform:scale(1)}
.e6box{border-radius:28px;padding:18px;gap:16px}
.e6fld{display:flex;flex-direction:column;gap:8px}
.e6fld .e6lbl{padding:0}
.e6box .seg{grid-auto-flow:column}
.e6box .seg button{height:40px;font-size:14.5px;padding:0 6px}
.e6box .seg svg{flex:none}
.e6src{gap:0;padding:6px 18px 16px}
.e6src > .e6lbl{padding:14px 0 0}
.e6orow{width:100%;display:flex;align-items:center;gap:14px;padding:14px 0;background:none;border:0;border-bottom:1px solid rgba(6,19,49,.06);text-align:left;cursor:pointer;color:var(--v-ink);font-family:var(--sans)}
.e6orow:last-child{border-bottom:0}
.e6orow .rt{flex:1;min-width:0}
.e6orow b{display:block;font-size:16px;font-weight:600;letter-spacing:-.01em}
.e6orow small{display:block;font-size:13.5px;color:var(--v-mut);margin-top:2px;line-height:1.35}
.e6link{font-size:14px;font-weight:600;color:var(--v-blue);text-decoration:none;padding-top:2px}
.e6own{border-radius:24px;padding:16px;flex-direction:row}
.e6save{width:100%}

/* ---------- билеты, рулетка, подготовка ---------- */
.e6tickets{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:12px;align-content:start}
.e6 .ticket-card{border-radius:22px;background:radial-gradient(60% 50% at 50% 50%,rgba(255,255,255,.18),rgba(255,255,255,0) 70%),repeating-linear-gradient(45deg,rgba(255,255,255,.08) 0 8px,rgba(255,255,255,0) 8px 16px),linear-gradient(160deg,#3F7BFF 0%,#0062FE 55%,#0050E0 100%);box-shadow:inset 0 1px 1px rgba(255,255,255,.4),0 14px 30px rgba(0,98,254,.24)}
.e6 .ticket-card span{background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.35);font-size:13px}
.e6 .ticket-card.open{background:#fff;color:var(--v-blue);box-shadow:inset 0 0 0 2px var(--v-blue),0 14px 30px rgba(0,98,254,.18)}
.e6 .ticket-card.open span{background:none;border:0;font-size:22px;font-weight:700}
.e6tcard{border-radius:28px;gap:10px}
.e6tch{display:flex;align-items:center;justify-content:space-between;gap:10px}
.e6tcard .e6btns{margin-top:6px}
.e6tcard .btng{height:46px;color:var(--v-mut)}
.e6 .e5no{box-shadow:none;background:var(--v-ice)}
.e6roul{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;padding:40px 0}
.e6roul .e5orb i{animation-duration:2s}
.e6timer{flex-direction:row;align-items:center;justify-content:space-between;gap:12px;padding:16px 24px;border-radius:28px}
.e6timer > span{font-size:15px;opacity:.85}
.e6big{font-size:56px;line-height:1;font-weight:600;letter-spacing:-.05em;font-variant-numeric:tabular-nums}
/* подготовка: «я готов отвечать» на уровне билета, черновик занимает всё место до низа экрана */
.e6prepv{min-height:calc(100dvh - 44px - var(--sat) - var(--sab))}
.e6pticket{border-radius:28px;gap:10px}
.e6pticket .e6tools{gap:14px;margin-top:-2px}
.e6draft{border-radius:24px;padding:14px 18px;display:flex;flex-direction:column;gap:6px;flex:1;min-height:170px}
.e6draft .e6lbl{padding:0}
.e6draft textarea{border:0;outline:0;background:transparent;font:16px/1.5 var(--sans);color:var(--v-ink);resize:none;flex:1;min-height:130px;padding:0}

/* ---------- диалог (V6_3_05), голос (V6_3_06), оценка (V6_3_07) ---------- */
.e6chat{gap:14px;min-height:calc(100dvh - 44px - var(--sat) - var(--sab))}
.e6chat > .e6comp{margin-top:auto}
.e6head{display:flex;align-items:center;gap:12px}
/* телефон: шапка диалога (✕, имя, счёт вопроса) липкая при прокрутке – как шапка вопроса (.v6qtop); на ПК шапка – левая колонка (v6-pc.css) */
.e6chat > .e6head{position:sticky;top:0;z-index:15;margin:calc(-14px - var(--sat)) -18px 0;padding:calc(10px + var(--sat)) 16px 10px;background:rgba(255,255,255,.88);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid rgba(6,19,49,.06)}
html.lite .e6chat > .e6head{-webkit-backdrop-filter:none;backdrop-filter:none;background:rgba(255,255,255,.97)}
.e6who{flex:1;min-width:0;line-height:1.2}
.e6who b{display:block;font-size:18px;font-weight:600;letter-spacing:-.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.e6who small{display:block;font-size:13px;color:var(--v-mut);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.e6proto .e6who b{font-size:19px;white-space:normal}
.e6proto .e6who small{white-space:normal}
.e6fcard{border-radius:20px;padding:10px 14px;display:flex;flex-direction:column;gap:8px}
.e6fc{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:4px 10px;font-size:12px;color:var(--v-ink2)}
.e6fc b{font-weight:700}
.e6fc .cur b{color:var(--v-blue)}
.e6fc em{font-style:normal;font-weight:600;color:var(--v-blue);margin-left:auto}
.e6 .e5segs i{background:#E3E8F2;box-shadow:none}
.e6 .e5segs i.on{background:var(--v-blue)}
.e6 .e5segs i.half{background:#8FB5FF}
.e6 .e5segs i.err{background:var(--v-bad)}
.e6 .chat{background:none;border-radius:0;padding:4px 0 0;gap:12px;box-shadow:none}
.e6 .msg{max-width:86%;font-size:16px;line-height:1.4;padding:12px 16px}
.e6 .msg.t{border-radius:22px 22px 22px 8px;color:var(--v-ink);background:#fff;border:1px solid rgba(6,19,49,.05);box-shadow:0 1px 2px rgba(6,19,49,.04),0 10px 28px rgba(20,40,120,.07)}
.e6 .msg.s{border-radius:22px 22px 8px 22px;background:linear-gradient(160deg,#3F7BFF,#0050E0);color:#fff;box-shadow:0 10px 22px rgba(0,98,254,.25)}
.e6 .msg p{margin:0}
.e6 .msg p + p{margin-top:8px}
.e6vmeta{align-self:flex-end;display:flex;align-items:center;gap:5px;font-size:12px;color:var(--v-mut);margin-top:-8px}
.e6think{text-align:center;padding:14px 0 6px;font-size:14px;color:var(--v-mut)}
.e6think i{font-style:normal}
@media (prefers-reduced-motion:no-preference){.e6think i{animation:e5dot 1.2s infinite}.e6think i:nth-child(2){animation-delay:.2s}.e6think i:nth-child(3){animation-delay:.4s}}
/* поле ответа прилипает к низу (меню во время билета скрыто) */
.e6comp{position:sticky;bottom:calc(10px + var(--sab));z-index:5;display:flex;flex-direction:column;gap:6px;margin:0 -18px;padding:14px 18px 0;background:linear-gradient(180deg,rgba(244,246,250,0),rgba(244,246,250,.96) 30%)}
.e6in{display:flex;align-items:flex-end;gap:8px}
.e6field{flex:1;min-width:0;min-height:56px;border-radius:22px;display:flex;align-items:center;padding:0 18px}
.e6field textarea{flex:1;min-width:0;border:0;outline:0;background:transparent;font:16px/1.4 var(--sans);color:var(--v-ink);resize:none;padding:16px 0;min-height:56px;max-height:170px;box-sizing:border-box;display:block}
.e6field textarea::placeholder{color:#8892A6}
.e6rb{width:56px;height:56px;border-radius:20px;display:grid;place-items:center;flex:none;cursor:pointer;color:var(--v-blue);padding:0;-webkit-tap-highlight-color:transparent}
.e6send{border:0;background:linear-gradient(160deg,#3F7BFF,#0050E0);color:#fff;box-shadow:0 10px 22px rgba(0,98,254,.3)}
.e6 .e6rb.rec{background:var(--v-bad)!important;color:#fff;border-color:var(--v-bad)}
.e6rb.rec svg{stroke:#fff}
@media (prefers-reduced-motion:no-preference){.e6rb.rec{animation:recpulse 1.2s ease-in-out infinite}}
.e6rb.busy{opacity:.55;pointer-events:none}
.e6tools{display:flex;justify-content:center;align-items:center;gap:18px;flex-wrap:wrap}
.e6dot{width:4px;height:4px;border-radius:50%;background:#B7C0D4}
.e6typed{display:inline-flex;align-items:center;gap:6px;color:var(--v-blue)!important;font-weight:600}
/* голос: волна, кольца вокруг кнопки, строка состояния */
.e6voice{display:flex;flex-direction:column;align-items:center;gap:12px;padding:6px 0 4px}
.e6wave{display:flex;align-items:center;justify-content:center;gap:5px;height:46px}
.e6wave i{width:4px;border-radius:2px;background:var(--v-blue);opacity:.28;transform:scaleY(.45)}
.e6voice.rec .e6wave i{opacity:1}
.e6voice.talk .e6wave i{opacity:.55;background:#061331}
.e6vring{position:relative;width:150px;height:150px;display:grid;place-items:center}
.e6ring{position:absolute;inset:23px;border-radius:50%;background:rgba(0,98,254,.35);opacity:0}
.e6 .e6vbtn{position:relative;width:104px;height:104px;border:0;gap:5px;background:linear-gradient(160deg,#3F7BFF 0%,#0062FE 55%,#0050E0 100%);box-shadow:inset 0 1px 1px rgba(255,255,255,.4),0 16px 34px rgba(0,98,254,.38);cursor:pointer;animation:none}
.e6 .e6vbtn span{font-size:14px;font-weight:600}
.e6 .e6vbtn.rec{background:linear-gradient(160deg,#3F7BFF 0%,#0062FE 55%,#0050E0 100%)}
.e6 .e6vbtn.talk{background:linear-gradient(160deg,#0062FE,#061331)}
.e6vstate{display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;color:var(--v-ink2);text-align:center;min-height:20px}
.e6voice.rec .e6vstate::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--v-blue);flex:none}
.e6voice .e6in{align-self:stretch}
@media (prefers-reduced-motion:no-preference){
  .e6voice.rec .e6wave i,.e6voice.talk .e6wave i{animation:e6wav 1.1s ease-in-out infinite}
  .e6voice.rec .e6ring{animation:e6ringa 2s ease-out infinite}
  .e6voice.rec .e6ring.b{animation-delay:-1s}
  .e6voice.rec .e6vstate::before{animation:e6pulse 1.4s ease-in-out infinite}
}
@keyframes e6wav{0%,100%{transform:scaleY(.45)}50%{transform:scaleY(1)}}
@keyframes e6ringa{0%{transform:scale(1);opacity:.45}100%{transform:scale(1.55);opacity:0}}
@keyframes e6pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.8)}}
/* «согласны с оценкой?» */
.e6prop{border-radius:30px;padding:20px;display:flex;flex-direction:column;gap:16px}
.e6prow{display:flex;align-items:center;gap:14px}
.e6gsq{width:64px;height:64px;border-radius:20px;flex:none;display:grid;place-items:center;color:#fff;font-size:34px;font-weight:700;letter-spacing:-.03em;background:radial-gradient(90% 60% at 50% 115%,rgba(0,98,254,.7) 0%,rgba(0,98,254,0) 72%),#061331}
.e6prop small{display:block;font-size:13px;color:var(--v-mut)}
.e6psay{display:block;font-size:20px;line-height:1.3;font-weight:600;letter-spacing:-.015em;margin-top:3px}
.e6psay p{margin:0}
.e6pbtn{display:grid;grid-template-columns:1.25fr 1fr;gap:10px}
.e6pbtn > *{height:58px;border-radius:18px}
.e6pbtn .btno{font-size:14.5px;line-height:1.2;padding:0 12px}
.e6prop > .btnp{width:100%}
/* iPad: справа билет и прогресс */
.e6 .padmain .e6comp{margin:0;padding:14px 0 0;background:none}
.e6 .padside .v5card{gap:10px}

/* ---------- протокол (V6_3_09) ---------- */
.e6grade{gap:12px;border-radius:30px}
.e6gtop{display:flex;align-items:center;gap:18px}
.e6gnum{font-size:84px;line-height:.9;font-weight:600;letter-spacing:-.05em}
.e6stamp{display:inline-flex;align-items:center;padding:8px 14px;border:3px solid #fff;border-radius:10px;transform:rotate(-8deg);color:#fff;font-weight:700;letter-spacing:.16em;font-size:15px;white-space:nowrap}
.night .e6stamp{border-color:var(--v-bad);color:#FF8696}
.e6phrase{font-size:16px;line-height:1.5}
.e6retake{font-size:14px;opacity:.85}
.e6q{background:#fff}
.e6q summary{list-style:none;display:flex;align-items:center;gap:10px;cursor:pointer;-webkit-tap-highlight-color:transparent}
.e6q summary::-webkit-details-marker{display:none}
.e6qt{flex:1;min-width:0;font-size:16px;font-weight:600;line-height:1.3}
.e6qg{font-size:18px;font-weight:700;color:var(--v-blue)}
.e6chev{color:var(--v-mut);display:grid;transition:transform .2s}
.e6q[open] > summary .e6chev{transform:rotate(180deg)}
.e6q.first{border-radius:26px;padding:20px;border:1px solid rgba(6,19,49,.05);box-shadow:0 1px 2px rgba(6,19,49,.04),0 10px 28px rgba(20,40,120,.07)}
.e6q.first .e6qt{font-size:20px;font-weight:700;letter-spacing:-.02em}
.e6q.first .e6qg{font-size:22px}
.e6qb{display:flex;flex-direction:column;gap:16px;padding-top:16px}
.e6qlist{border-radius:22px;padding:4px 18px}
.e6qlist .e6q{border-bottom:1px solid rgba(6,19,49,.07)}
.e6qlist .e6q:last-child{border-bottom:0}
.e6qlist summary{padding:14px 0}
.e6qlist .e6qb{padding:0 0 16px}
.e6blk{display:flex;flex-direction:column;gap:6px}
.e6blk > b{font-size:13.5px;font-weight:700}
.e6blk ul{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px;font-size:16px;line-height:1.55;color:var(--v6-text,#1B2436)}
.e6blk.ok > b{color:var(--v-ok-t)}
.e6blk.miss{border-left:3px solid var(--v-blue);padding-left:14px}
.e6blk.miss > b{color:var(--v-blue)}
.e6blk.err{border-left:3px solid var(--v-bad);padding-left:14px}
.e6blk.err > b{color:var(--v-bad-t)}
.e6bi{font-size:16px;line-height:1.55;color:var(--v6-text,#1B2436)}
.e6bi + .e6bi{margin-top:6px}
.e6bi small{display:block;font-size:14px;line-height:1.5;color:var(--v-mut);margin-top:2px}
.e6blk p,.e6bi p{margin:0;display:inline}
.e6model{border-top:1px solid rgba(6,19,49,.08);padding-top:12px}
.e6model summary{font-size:16px;font-weight:600;cursor:pointer;color:var(--v-blue)}
.e6model ol{margin:10px 0 0;padding-left:20px;display:flex;flex-direction:column;gap:8px;font-size:16px;line-height:1.55;color:var(--v6-text,#1B2436)}
.e6model li::marker{color:var(--v-blue);font-weight:700}
.e6model p{margin:0}
.e6open{font-size:15px;font-weight:600;color:var(--v-blue);text-decoration:none}
.e6proto .e5speech{border-radius:26px}
.e6proto .vstats div{background:#F4F6FA;border-radius:16px}
.e6proto .vtip{background:var(--v-ice);color:#004FD1;border-radius:16px}

/* ---------- босс в стилистике v6: ночная арена, белые карточки, плитки игр белые ---------- */
.arena.e6arena{background:radial-gradient(90% 90% at 30% 20%,#0062FE 0%,#004FD1 50%,#061331 100%);border-radius:30px;box-shadow:0 20px 44px rgba(6,19,49,.22)}
.arena.e6arena::before{inset:auto;right:-40px;top:-60px;width:220px;height:220px;border-radius:50%;filter:none;background:radial-gradient(closest-side,rgba(0,194,255,.55),rgba(0,194,255,0))}
.arena.e6arena .glassw{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}
.arena.e6arena .char{border-radius:28px}
.arena.e6arena .say{border-radius:18px 18px 18px 6px;font-size:15px}
.arena.e6arena .bbook{font-size:14px;opacity:.85}
.arena.e6arena .bsteps .bstep{border-radius:16px}
.arena.e6arena .bsteps .bstep.done{background:rgba(255,255,255,.24);border-color:rgba(255,255,255,.4)}
.arena.e6arena .bsteps .bstep.cur{box-shadow:inset 0 0 0 2px #fff}
.e6boss .e5bcard{border-radius:28px}
.e6boss .e5bcard .bstage{background:#F4F6FA;border-radius:20px;color:var(--v-mut);box-shadow:none}
.e6boss .e5bcard .bstage .bgr{background:#fff;color:var(--v-faint);box-shadow:0 4px 12px rgba(20,40,120,.08)}
.e6boss .e5bcard .bstage.open{background:#fff;box-shadow:inset 0 0 0 2px var(--v-blue)}
.e6boss .e5bcard .bstage.open .bgr{background:var(--v-blue);color:#fff}
.e6boss .e5bcard .bstage.done .bgr{background:var(--v-ok-bg);color:var(--v-ok-t);box-shadow:inset 0 0 0 1.5px var(--v-ok)}
.e6boss .e5bend{align-items:flex-start;gap:14px;border-radius:30px}
.e6boss .e5bend .e5btns{align-self:stretch}
.e6boss .e5btitle{font-size:22px;line-height:1.25}
.e6boss .blue.e5bend .stamp{border-color:#fff;color:#fff;background:rgba(255,255,255,.12);box-shadow:none}
.e6boss .blue.e5bend .sign .hand{color:#fff}
.e6boss .blue.e5bend .sign small{color:rgba(255,255,255,.82)}
.e6boss .blue .e5chipbtn{background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.4);box-shadow:none;color:#fff}
.e6boss .e5game{border-radius:28px}
.e6boss .e5game .tile{border:1px solid rgba(6,19,49,.06);border-radius:18px;background:#F4F7FD;color:var(--v-ink);box-shadow:none;font:600 15px/1.3 var(--sans);min-height:56px;cursor:pointer}
.e6boss .e5game .tile.sel{background:var(--v-ice);color:#004FD1;border-color:transparent;box-shadow:inset 0 0 0 2px var(--v-blue)}
.e6boss .e5game .tile.ok{background:var(--v-ok-bg);color:var(--v-ok-t);border-color:transparent;box-shadow:inset 0 0 0 2px var(--v-ok)}
.e6boss .e5game .tile.no{background:var(--v-bad-bg);color:var(--v-bad-t);border-color:transparent;box-shadow:inset 0 0 0 2px var(--v-bad)}
.e6boss .e5game .tiles.match .tile{font-size:13px}
.e6boss .e5game .btn.wide{width:100%}
.e6boss .bround{padding:0 4px;font-size:14px}
.e6boss .e5bq{font-size:20px;line-height:1.3;font-weight:600;margin:0}
.e6boss .e5bq p{margin:0}
.e6boss .e5in{display:flex;align-items:flex-end;gap:8px}
.e6boss .e5field{flex:1;min-width:0;border-radius:22px;padding:0 18px;background:#F4F6FA;border:0;box-shadow:none}
.e6boss .e5field textarea{font-size:16px}

/* ---------- голос как живой разговор (21.10, п. 21): без большой кнопки, крупно экзаменатор и его реплика ---------- */
.e6live .e6head .e5orb,.e6live .e6head .eface{display:none}
.e6live > .e6vtalk{flex:1;display:flex;flex-direction:column;min-height:0}
.e6vstage{--lv:0;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;padding:6px 0 4px;min-height:0;width:100%}
.e6vorbw{position:relative;display:grid;place-items:center;width:250px;height:250px;flex:none}
.e6vorbw .e6ring{inset:30px}
.e6vorb{position:relative;z-index:1;border:0;background:none;padding:0;margin:0;border-radius:50%;display:grid;place-items:center;font:inherit;color:inherit;-webkit-tap-highlight-color:transparent;transform:scale(calc(1 + var(--lv) * .1));transition:transform .2s ease-out}
button.e6vorb{cursor:pointer}
.e6vorb .e5orb{--s:190px!important}
.e6vorb .eface{border-radius:50%;box-shadow:0 18px 40px rgba(20,40,120,.22)}
.e6vstage.rec .e6vorb .e5orb{box-shadow:0 0 0 4px rgba(0,98,254,.18),0 18px 40px rgba(0,98,254,.35)}
.e6vstage .e6vstate{min-height:22px}
.e6vstage.rec .e6vstate::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--v-blue);flex:none}
.e6vsay{max-width:560px;font-size:22px;line-height:1.4;font-weight:500;letter-spacing:-.01em;color:var(--v-ink)}
.e6vsay p{margin:0}
.e6vsay p + p{margin-top:8px}
.e6vme{max-width:520px;align-self:center;text-align:left;font-size:14.5px;line-height:1.45;color:var(--v-ink2);background:rgba(6,19,49,.045);border-radius:18px;padding:10px 16px}
.e6vme small{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--v-mut);margin-bottom:2px}
.e6vstage .e6think{padding:6px 0}
.e6vstage .e6tools{margin-top:4px}
.e6vstage .e6in{align-self:stretch;max-width:560px;width:100%;margin:0 auto}
@media (max-height:760px){.e6vorbw{width:210px;height:210px}.e6vorbw .e6ring{inset:25px}.e6vorb .e5orb{--s:160px!important}.e6vsay{font-size:20px}}
@media (prefers-reduced-motion:no-preference){
  .e6vstage.rec .e6ring{animation:e6ringa 2s ease-out infinite}
  .e6vstage.rec .e6ring.b{animation-delay:-1s}
  .e6vstage.rec .e6vstate::before{animation:e6pulse 1.4s ease-in-out infinite}
  .e6vstage.talk .e6vorb{animation:e6talk 1.5s ease-in-out infinite}
  .e6vstage.busy .e6vorb{animation:e6talk 2.6s ease-in-out infinite}
}
@keyframes e6talk{0%,100%{transform:scale(1)}50%{transform:scale(1.045)}}
/* рубашки по высоте окна: ряды растянуты до низа экрана (bindExam2 считает число рядов и высоту) */
.e6tickets.fitted .ticket-card{aspect-ratio:auto;height:100%;min-height:0}
/* телефон: билет на подготовке компактный, чтобы черновик помещался на экран */
html:not(.pc6) .e6pticket .e5tq li{font-size:14.5px;padding:7px 0;gap:10px;line-height:1.3}
html:not(.pc6) .e6pticket .e5tq small{display:none}
html:not(.pc6) .e6pticket .e5no{width:26px;height:26px;border-radius:9px;font-size:13px}
html:not(.pc6) .e6pticket{padding:16px 18px}
html:not(.pc6) .e6prepv{gap:12px}
html:not(.pc6) .e6timer{padding:12px 22px}
html:not(.pc6) .e6timer .e6big{font-size:50px}
html:not(.pc6) .e6draft{min-height:150px}
/* «не знаю» и «написать текстом» – зона нажатия не меньше 44 px (вид прежний, растёт только невидимая область) */
.e6tools .linkbtn{min-height:44px;min-width:44px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;gap:6px}
/* в голосовом режиме «написать текстом» и «не знаю» – маленькие тихие ссылки */
.e6vstage .e6tools{gap:14px}
.e6vstage .e6tools .linkbtn{font-size:13px;font-weight:500;color:var(--v-mut)!important;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(86,98,126,.35)}

/* тест босса: реакция на ответ (верно – зелёный, неверно – красный) и список ошибок после теста */
.breact{font-size:15px;font-weight:600;line-height:1.4;padding:2px 2px 0}
.breact.ok{color:var(--v-ok-t)}
.breact.no{color:var(--v-bad-t)}
.bmiss{align-self:stretch;display:flex;flex-direction:column;gap:8px;color:var(--v-ink)}
.bmiss > b{font-size:15px}
.bmiss-i{display:flex;flex-direction:column;gap:3px;padding:12px 14px;border-radius:16px;background:rgba(6,19,49,.05);font-size:15px;line-height:1.4}
.bmiss-i small{font-size:13px;color:var(--v-mut)}
.bmiss-i small.ok{color:var(--v-ok-t);font-weight:600}
.blue .bmiss{color:#fff}
.blue .bmiss-i{background:rgba(255,255,255,.16)}
.blue .bmiss-i small,.blue .bmiss-i small.ok{color:rgba(255,255,255,.9)}