:root{
  /* тёмный каркас сайта */
  --bg:#0C1F16; --panel:#142E21; --panel-2:#1A3A2A; --line:#2C5540;
  --gold:#D9B24A; --gold-soft:#F2CE6F;
  --ink:#F3F6F1; --muted:#9DB5A6;

  /* светлая рабочая зона: тёмные буквы на белом */
  --sheet:#FFFFFF; --sheet-2:#F2F6F1; --sheet-3:#E7EEE8;
  --edge:#D5DFD7;
  --text:#16261D; --text-2:#54685C;
  --green:#0E7A54; --green-bg:#E6F5EE; --green-line:#9AD3BC;
  --coral:#C02A45; --coral-bg:#FDECEF; --coral-line:#F0AEBB;
  --amber:#8A6A10; --amber-bg:#FDF4DE; --amber-line:#E3C57C;

  --r:16px; --fh:88px;
  --display:'Cormorant',Georgia,serif;
  --body:'Manrope',system-ui,-apple-system,'Segoe UI',sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font-family:var(--body);min-height:100vh;
  background-image:radial-gradient(1100px 550px at 85% -10%, rgba(217,178,74,.10), transparent 60%),
                   radial-gradient(900px 500px at -10% 110%, rgba(59,185,139,.08), transparent 55%);}
button{font-family:var(--body);cursor:pointer;border:none}
.wrap{max-width:1000px;margin:0 auto;padding:20px 16px 90px}

/* ---------- верхняя панель ---------- */
.topbar{position:sticky;top:0;z-index:50;background:rgba(12,31,22,.94);backdrop-filter:blur(8px);
  border-bottom:1px solid var(--line);margin-bottom:22px}
.topinner{max-width:1000px;margin:0 auto;display:flex;align-items:center;gap:12px;padding:10px 16px}
.logo{font-family:var(--display);font-weight:700;font-size:19px;letter-spacing:.14em}
.logo b{color:var(--gold);font-weight:700}
.spacer{flex:1}
.chip{display:flex;align-items:center;gap:7px;background:var(--panel);border:1px solid var(--line);
  border-radius:999px;padding:6px 13px;font-weight:800;font-size:14px}
#scoreChip{border-color:var(--gold);color:var(--gold-soft)}
#scoreChip.bump{animation:bump .45s ease}
@keyframes bump{0%{transform:scale(1)}35%{transform:scale(1.18)}100%{transform:scale(1)}}
.playerName{font-size:13px;color:var(--muted);font-weight:700}

/* ---------- экраны ---------- */
.screen{display:none;animation:fadeIn .35s ease}
.screen.active{display:block}
@keyframes fadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.lifta-res h1,
h1{font-family:var(--display);font-weight:700;font-size:clamp(34px,6vw,58px);line-height:1.08;margin-bottom:14px;letter-spacing:.02em}
h1 .gold{color:var(--gold);font-style:italic}
h2{font-family:var(--display);font-weight:700;font-size:clamp(24px,3.4vw,32px);margin-bottom:8px;letter-spacing:.03em}
.sub{color:#B7CCBF;font-size:17px;line-height:1.6;max-width:680px}
.eyebrow{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;
  color:var(--gold);border:1px solid rgba(217,178,74,.45);border-radius:999px;padding:4px 12px;margin-bottom:14px}

/* ---------- вход ---------- */
.introCard{background:var(--sheet);color:var(--text);border-radius:var(--r);padding:28px;margin-top:26px;max-width:560px;
  box-shadow:0 12px 34px rgba(0,0,0,.28)}
.introCard label{display:block;font-size:12px;font-weight:800;color:var(--text-2);margin-bottom:8px;letter-spacing:.08em;text-transform:uppercase}
.introCard input,.introCard select{width:100%;padding:14px 16px;border-radius:12px;border:1.5px solid var(--edge);background:var(--sheet-2);
  color:var(--text);font-size:16px;font-family:var(--body);font-weight:600;margin-bottom:16px;outline:none}
.introCard input:focus,.introCard select:focus{border-color:var(--amber);background:#fff}
.rules{list-style:none;margin:22px 0 0;display:grid;gap:10px}
.rules li{display:flex;gap:10px;align-items:flex-start;font-size:15.5px;color:#3D5147;line-height:1.5}
.rules li b{color:var(--text)}
.rules .dot{color:var(--amber);font-weight:900}

/* ---------- кнопки ---------- */
.btn{display:inline-flex;align-items:center;gap:8px;background:var(--gold);color:#241A02;font-weight:800;
  font-size:15px;padding:13px 24px;border-radius:12px;transition:transform .12s ease, box-shadow .12s ease}
.btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(217,178,74,.28)}
.btn:focus-visible{outline:3px solid var(--gold-soft);outline-offset:2px}
.btn.secondary{background:var(--sheet-2);color:var(--text);border:1.5px solid var(--edge)}
.btn.secondary:hover{box-shadow:none;border-color:var(--amber)}
.btn.small{padding:9px 16px;font-size:13.5px}
.btn:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}

/* =====================================================================
   ЛИФТ — премиальная отделка: латунь, тёмное дерево, тёплый свет
   ===================================================================== */
.lift{display:grid;grid-template-columns:172px 1fr;gap:20px;align-items:start;margin-top:22px}
.liftCol{position:sticky;top:74px}

/* корпус лифта целиком */
.liftFrame{background:linear-gradient(160deg,#1C2B22 0%,#0E1A13 55%,#0A1410 100%);
  border-radius:18px;padding:12px 12px 14px;
  box-shadow:0 22px 50px rgba(0,0,0,.55), inset 0 1px 0 rgba(217,178,74,.28);
  position:relative;overflow:hidden}
.liftFrame::before{content:"";position:absolute;inset:0;border-radius:18px;
  border:1px solid rgba(217,178,74,.42);pointer-events:none}
.liftFrame::after{content:"";position:absolute;top:0;left:-40%;width:40%;height:100%;
  background:linear-gradient(105deg,transparent,rgba(255,255,255,.055),transparent);
  transform:skewX(-14deg);pointer-events:none}

/* табло над дверями */
.liftHead{position:relative;background:linear-gradient(180deg,#0B1610,#060D09);
  border:1px solid rgba(217,178,74,.5);border-radius:11px;
  padding:10px 12px;display:flex;align-items:center;justify-content:center;gap:11px;margin-bottom:10px;
  box-shadow:inset 0 2px 8px rgba(0,0,0,.7), 0 1px 0 rgba(217,178,74,.2)}
.liftHead .dir{color:#7FE0B8;font-size:15px;line-height:1;transition:opacity .25s;
  text-shadow:0 0 10px rgba(127,224,184,.8)}
.liftHead .dir.idle{opacity:.18;text-shadow:none}
.liftHead .disp{font-family:ui-monospace,Menlo,Consolas,monospace;font-weight:700;font-size:28px;
  color:#FFD98A;letter-spacing:.08em;min-width:46px;text-align:center;
  text-shadow:0 0 16px rgba(255,217,138,.75), 0 0 34px rgba(255,190,80,.35)}

/* шахта */
.shaft{position:relative;background:
    linear-gradient(180deg, rgba(0,0,0,.55), transparent 12%, transparent 88%, rgba(0,0,0,.55)),
    linear-gradient(90deg,#0A1611 0%,#101F17 20%,#0A1611 50%,#101F17 80%,#0A1611 100%);
  border:1px solid rgba(217,178,74,.30);border-radius:8px;overflow:hidden;
  box-shadow:inset 0 0 34px rgba(0,0,0,.85)}
/* латунные направляющие */
.shaft::before,.shaft::after{content:"";position:absolute;top:0;bottom:0;width:4px;border-radius:2px;
  background:linear-gradient(90deg,#6B551F,#C9A34A 45%,#F0D48A 55%,#6B551F);opacity:.55}
.shaft::before{left:14px} .shaft::after{right:14px}

.fmark{position:absolute;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(217,178,74,.35),transparent)}
.fmark span{position:absolute;left:5px;top:-9px;font-size:9.5px;font-weight:800;color:#7E9587;
  background:#0A1611;padding:1px 4px;border-radius:3px;letter-spacing:.04em}
.fmark.done span{color:#5FD3A8}
.fmark.here span{color:#FFD98A;text-shadow:0 0 8px rgba(255,217,138,.6)}

/* кабина */
.cabin{position:absolute;left:9px;right:9px;height:calc(var(--sp, 34px) - 7px);bottom:6px;
  border-radius:5px;overflow:hidden;z-index:2;
  background:linear-gradient(180deg,#2A4B36,#16301F);
  border:1px solid #C9A34A;
  box-shadow:0 0 0 1px rgba(0,0,0,.5), 0 6px 18px rgba(0,0,0,.6),
             0 0 26px rgba(217,178,74,.30), inset 0 0 20px rgba(0,0,0,.5);
  transition:bottom 1.05s cubic-bezier(.45,.05,.2,1)}
/* тёплый свет из кабины */
.cabin .glow{position:absolute;inset:0;background:radial-gradient(120% 90% at 50% 0%, rgba(255,214,140,.35), transparent 70%);
  pointer-events:none;z-index:2}
.cabin .rider{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:16px;
  filter:drop-shadow(0 2px 5px rgba(0,0,0,.7));z-index:1}
/* двери с латунной кромкой и вертикальной фактурой */
.cabin .door{position:absolute;top:0;bottom:0;width:50%;z-index:3;
  background:
    repeating-linear-gradient(90deg, rgba(255,255,255,.05) 0 1px, transparent 1px 6px),
    linear-gradient(180deg,#3A6349,#1E3D2A 60%,#16301F);
  transition:transform .55s cubic-bezier(.3,0,.2,1);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}
.cabin .door.l{left:0;border-right:1.5px solid #D9B24A}
.cabin .door.r{right:0;border-left:1.5px solid #D9B24A}
.cabin.open .door.l{transform:translateX(-101%)}
.cabin.open .door.r{transform:translateX(101%)}
.cabin.moving{box-shadow:0 0 0 1px rgba(0,0,0,.5), 0 8px 24px rgba(0,0,0,.7),
  0 0 40px rgba(217,178,74,.55), inset 0 0 20px rgba(0,0,0,.5)}

/* панель вызова */
.pad{margin-top:10px;background:linear-gradient(180deg,#14231A,#0A140F);
  border:1px solid rgba(217,178,74,.38);border-radius:12px;
  padding:12px 11px;display:grid;grid-template-columns:repeat(3,1fr);gap:9px;
  box-shadow:inset 0 1px 0 rgba(217,178,74,.22), 0 6px 18px rgba(0,0,0,.45)}
.padBtn{width:100%;aspect-ratio:1;border-radius:50%;
  background:radial-gradient(circle at 34% 28%, #2A4231, #16281D 70%);
  border:1.5px solid rgba(217,178,74,.35);
  color:#8FA697;font-weight:800;font-size:13.5px;
  display:flex;align-items:center;justify-content:center;transition:all .18s;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10), 0 2px 5px rgba(0,0,0,.5)}
.padBtn:hover:not(:disabled){border-color:#F0D48A;color:#FFD98A;transform:translateY(-1px)}
.padBtn.on{border-color:#D9B24A;color:#FFD98A;
  background:radial-gradient(circle at 34% 28%, #3A3220, #241E11 70%);
  box-shadow:0 0 14px rgba(217,178,74,.45), inset 0 1px 0 rgba(255,255,255,.14)}
.padBtn.done{border-color:#3BB98B;color:#7FE0B8;
  background:radial-gradient(circle at 34% 28%, #1E4133, #12281F 70%);
  box-shadow:0 0 12px rgba(59,185,139,.35), inset 0 1px 0 rgba(255,255,255,.10)}
.padBtn:disabled{opacity:.32;cursor:not-allowed;box-shadow:none}
.padBtn.here{outline:2px solid #FFD98A;outline-offset:2px}
.padLabel{grid-column:1/-1;text-align:center;font-size:9.5px;font-weight:800;letter-spacing:.18em;
  text-transform:uppercase;color:rgba(217,178,74,.65);margin-bottom:2px}

/* строки этажей */
.floors{display:flex;flex-direction:column;gap:0}
.floorRow{display:flex;gap:14px;align-items:center;min-height:var(--fh);padding:14px 18px;
  background:var(--sheet);color:var(--text);border-radius:var(--r);margin-bottom:8px;
  box-shadow:0 6px 18px rgba(0,0,0,.22);transition:transform .15s, box-shadow .15s}
.floorRow:hover{transform:translateX(3px);box-shadow:0 8px 24px rgba(0,0,0,.3)}
.floorRow.locked{background:var(--sheet-3);color:var(--text-2);box-shadow:none;opacity:.85}
.floorRow.locked:hover{transform:none}
.floorRow.done{border-left:5px solid var(--green)}
.floorRow .fnum{flex:none;width:48px;height:48px;border-radius:12px;display:flex;flex-direction:column;
  align-items:center;justify-content:center;font-family:var(--display);font-weight:700;font-size:20px;
  background:var(--sheet-2);border:2px solid var(--edge);color:var(--text)}
.floorRow.done .fnum{background:var(--green);border-color:var(--green);color:#fff}
.floorRow .fnum small{font-size:7.5px;font-family:var(--body);font-weight:800;letter-spacing:.1em;color:var(--text-2);text-transform:uppercase}
.floorRow.done .fnum small{color:#D7F0E5}
.floorRow .finfo{flex:1;min-width:0}
.floorRow .finfo h3{font-size:18px;font-weight:800;margin-bottom:4px;color:var(--text)}
.floorRow .finfo p{font-size:15.5px;color:#3D5147;line-height:1.5}
.floorRow .fpts{flex:none;text-align:right}
.floorRow .fpts b{display:block;font-family:var(--display);font-size:18px;color:var(--amber)}
.floorRow .fpts span{font-size:10px;color:var(--text-2);text-transform:uppercase;letter-spacing:.08em}
.floorRow .state{font-size:12px;font-weight:800;color:var(--green)}
.zoneHead{display:flex;align-items:center;gap:10px;margin:18px 0 8px}
.zoneHead .zt{font-family:var(--display);font-weight:700;font-size:19px;letter-spacing:.06em;color:var(--gold-soft)}
.zoneHead .zl{flex:1;height:1px;background:linear-gradient(90deg,rgba(217,178,74,.4),transparent)}
.zoneHead .dl{font-size:11.5px;font-weight:800;border-radius:999px;padding:3px 11px;border:1px solid var(--line);color:var(--muted);white-space:nowrap}
.zoneHead .dl.ok{border-color:#3BB98B;color:#5FD3A8}
.zoneHead .dl.warn{border-color:var(--gold);color:var(--gold-soft)}
.zoneHead .dl.late{border-color:#E4586E;color:#F0A2AF}

@media (max-width:720px){
  :root{--fh:80px}
  .lift{grid-template-columns:120px minmax(0,1fr);gap:12px}
  .floors{min-width:0}
  .liftCol{position:static}
  .liftFrame{padding:9px 9px 11px;border-radius:14px}
  .liftHead .disp{font-size:21px;min-width:34px}
  .pad{grid-template-columns:repeat(2,1fr);gap:7px;padding:9px 8px}
  .floorRow{padding:12px 14px}
  .floorRow .fpts{display:none}
}

/* ---------- призы ---------- */
.prizeCard{background:var(--sheet);color:var(--text);border-radius:var(--r);padding:22px 24px;margin-top:26px;
  box-shadow:0 10px 30px rgba(0,0,0,.25)}
.prizeCard h2{color:var(--text)}
.prizeTrack{position:relative;height:14px;background:var(--sheet-3);border-radius:99px;margin:26px 0 8px}
.prizeFill{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,#C79A28,var(--gold));
  border-radius:99px;transition:width .6s cubic-bezier(.2,.8,.2,1)}
.tier{position:absolute;top:-9px;transform:translateX(-50%)}
.tier .mark{width:30px;height:30px;border-radius:50%;background:var(--sheet-2);border:2px solid var(--edge);
  display:flex;align-items:center;justify-content:center;font-size:14px}
.tier.hit .mark{background:var(--gold);border-color:#C79A28}
.tierLegend{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:22px}
.tierLegend div{background:var(--sheet-2);border:1px solid var(--edge);border-radius:10px;padding:11px 13px;font-size:14px;line-height:1.45;color:#3D5147}
.tierLegend div.hit{border-color:var(--amber-line);background:var(--amber-bg);color:var(--amber)}
.tierLegend b{display:block;font-size:14.5px;color:var(--text);margin-bottom:3px}
@media(max-width:560px){.tierLegend{grid-template-columns:1fr}}
.badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.badge{font-size:12px;font-weight:800;border:1px solid var(--edge);border-radius:999px;padding:5px 12px;color:var(--text-2);background:var(--sheet-2)}
.badge.won{border-color:var(--amber-line);color:var(--amber);background:var(--amber-bg)}
.progGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}
.progGrid .pv{background:var(--sheet-2);border:1px solid var(--edge);border-radius:12px;padding:12px 14px;text-align:center}
.progGrid .pv b{display:block;font-family:var(--display);font-size:24px;color:var(--amber)}
.progGrid .pv span{font-size:11px;color:var(--text-2);text-transform:uppercase;letter-spacing:.08em}
@media(max-width:560px){.progGrid{grid-template-columns:1fr 1fr}}
.nom{font-size:12px;font-weight:800;border:1px solid var(--edge);border-radius:999px;padding:5px 12px;color:var(--text-2);background:var(--sheet-2)}
.nom.won{border-color:var(--green-line);color:var(--green);background:var(--green-bg)}

/* ---------- общее для модулей ---------- */
.modHead{display:flex;align-items:center;gap:12px;margin-bottom:18px;flex-wrap:wrap}
.back{background:var(--panel);border:1px solid var(--line);color:var(--muted);border-radius:10px;padding:8px 14px;font-weight:800;font-size:13px}
.back:hover{border-color:var(--gold);color:var(--ink)}
.progressLine{height:8px;background:var(--panel);border-radius:99px;overflow:hidden;margin:14px 0 22px;border:1px solid var(--line)}
.progressLine i{display:block;height:100%;background:#3BB98B;width:0;transition:width .3s ease}

/* РАБОЧАЯ ЗОНА — светлый лист, тёмные буквы */
.card{background:var(--sheet);color:var(--text);border-radius:var(--r);padding:28px;margin-bottom:16px;
  box-shadow:0 10px 30px rgba(0,0,0,.25)}
.card h3{font-size:23px;font-weight:800;margin-bottom:15px;color:var(--text);line-height:1.3}
.card p{color:#3D5147;line-height:1.65;font-size:17.5px;margin-bottom:12px}
.card p:last-child{margin-bottom:0}
.card b,.card strong{color:var(--text)}
.card em{font-style:normal}
.tag{display:inline-block;font-size:12.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;
  color:var(--green);margin-bottom:9px}

/* ---------- блоки внутри рабочей зоны ---------- */
.def{background:var(--amber-bg);border:1px solid var(--amber-line);border-left:4px solid var(--amber);
  border-radius:0 12px 12px 0;padding:16px 19px;margin:15px 0;font-size:17.5px;line-height:1.6;color:var(--text)}
.def em{color:var(--amber);font-weight:800}
.hint,.card p.hint{border-left:4px solid var(--green);background:var(--green-bg);border-radius:0 12px 12px 0;
  padding:17px 19px;margin-top:17px;font-size:17px;line-height:1.6;color:var(--text)}
.hint b,.card p.hint b{color:var(--text);font-weight:800}
.scriptBlock{border-left:4px solid var(--amber);background:var(--sheet-2);border-radius:0 12px 12px 0;
  padding:17px 19px;margin:15px 0;font-size:17.5px;line-height:1.7;color:var(--text)}
.scriptBlock em{color:var(--amber);font-weight:800}
.scriptBlock b{font-weight:800}

/* КЛЮЧЕВАЯ ФРАЗА — вопросы-мостики крупно */
.keyPhrase{background:var(--amber-bg);border:2px solid var(--amber-line);border-radius:14px;
  padding:20px 22px;margin:16px 0;color:var(--text)}
.keyPhrase .who{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--amber);margin-bottom:8px}
.keyPhrase .said{font-family:var(--display);font-size:clamp(21px,3vw,28px);font-weight:700;line-height:1.3;color:var(--text)}
.keyPhrase .said em{font-style:normal;color:var(--green);font-weight:700}

.statRow{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin:16px 0}
.stat{background:var(--green-bg);border:1px solid var(--green-line);border-radius:12px;padding:16px}
.stat b{display:block;font-family:var(--display);font-size:34px;color:var(--green);line-height:1;margin-bottom:6px}
.stat.gold{background:var(--amber-bg);border-color:var(--amber-line)}
.stat.gold b{color:var(--amber)}
.stat span{font-size:16px;color:var(--text);line-height:1.5;display:block}

/* круговая диаграмма причин */
.pieWrap{display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:center;margin:18px 0}
.pieWrap svg{width:230px;height:230px;flex:none}
.pieLegend{display:grid;gap:7px}
.pieLegend div{display:flex;align-items:center;gap:10px;font-size:17px;color:var(--text)}
.pieLegend i{width:15px;height:15px;border-radius:4px;flex:none}
.pieLegend b{margin-left:auto;font-weight:800;font-variant-numeric:tabular-nums}
@media(max-width:640px){.pieWrap{grid-template-columns:1fr;justify-items:center}.pieLegend{width:100%}}

/* схемы и иллюстрации */
.mechSvg{width:100%;height:auto;margin:16px 0;display:block;background:var(--sheet-2);border:1px solid var(--edge);border-radius:14px}

/* схема механизма — адаптивная, без мелкого текста */
.mech{margin:16px 0;display:grid;gap:0}
.mechStep{display:grid;grid-template-columns:34px 1fr;gap:4px 13px;align-items:center;
  background:var(--sheet-2);border:1px solid var(--edge);border-radius:12px;padding:14px 16px}
.mechStep b{grid-row:1/3;width:34px;height:34px;border-radius:50%;background:var(--sheet-3);
  border:1px solid var(--edge);display:flex;align-items:center;justify-content:center;
  font-size:15px;color:var(--amber);font-weight:800}
.mechStep .mt{font-size:17px;font-weight:800;color:var(--text);line-height:1.3}
.mechStep .ms{font-size:15px;color:#3D5147;line-height:1.4}
.mechStep.amber{background:var(--amber-bg);border-color:var(--amber-line)}
.mechStep.amber b{background:var(--amber);color:#fff;border-color:var(--amber)}
.mechStep.green{background:var(--green-bg);border-color:var(--green-line)}
.mechStep.green b{background:var(--green);color:#fff;border-color:var(--green)}
.mechStep.green .mt{color:var(--green);font-size:19px}
.mechStep.final{background:var(--green);border-color:var(--green)}
.mechStep.final b{background:#fff;color:var(--green);border-color:#fff}
.mechStep.final .mt,.mechStep.final .ms{color:#fff}
.mechArrow{text-align:center;font-size:20px;line-height:1;color:#8FA697;padding:7px 0}
.mechSide{margin:4px 0 4px 22px;padding:14px 16px;border-left:3px dashed var(--edge);display:grid;gap:8px}
.mechBlock{border-radius:12px;padding:13px 15px;display:grid;gap:3px}
.mechBlock .mt{font-size:16.5px;font-weight:800;line-height:1.3}
.mechBlock .ms{font-size:15px;line-height:1.4;color:#3D5147}
.mechBlock.red{background:var(--coral-bg);border:1px solid var(--coral-line)}
.mechBlock.red .mt{color:var(--coral)}
.mechBlock.amberB{background:var(--amber-bg);border:1px solid var(--amber-line)}
.mechBlock.amberB .mt{color:var(--amber)}
.mechCross{text-align:center;font-size:22px;color:var(--coral);line-height:1}
@media(max-width:520px){.mechSide{margin-left:10px;padding:12px 12px}}
.illuRow{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0}
.illuRow figure{background:var(--sheet-2);border:1px solid var(--edge);border-radius:12px;padding:14px;text-align:center}
.illuRow svg{width:100%;max-width:150px;height:auto}
.illuRow figcaption{margin-top:10px;font-size:16px;color:#3D5147;line-height:1.5}
.illuRow figcaption b{color:var(--text);display:block;font-size:18px;margin-bottom:4px}
@media(max-width:520px){.illuRow{grid-template-columns:1fr}}

.chain{display:grid;gap:8px;margin:16px 0}
.ch{display:flex;gap:12px;align-items:center;background:var(--sheet-2);border:1px solid var(--edge);
  border-radius:12px;padding:14px 17px;font-size:16.5px;font-weight:700;color:var(--text)}
.ch b{flex:none;width:28px;height:28px;border-radius:50%;background:var(--sheet-3);border:1px solid var(--edge);
  display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--amber)}
.ch span{font-weight:500;color:#3D5147;font-size:15.5px;margin-left:auto;text-align:right}
.ch.ok{border-color:var(--green-line);background:var(--green-bg)}
.ch.ok b{background:var(--green);color:#fff;border-color:var(--green)}

/* линии терапии — единым перечислением */
.therapy{margin:16px 0;border:1px solid var(--edge);border-radius:14px;overflow:hidden}
.therapy .trow{display:grid;grid-template-columns:190px 1fr;border-bottom:1px solid var(--edge)}
.therapy .trow:last-child{border-bottom:none}
.therapy .tname{background:var(--sheet-2);padding:15px 17px;font-size:14px;font-weight:800;
  text-transform:uppercase;letter-spacing:.05em;color:#3D5147;display:flex;align-items:center;gap:9px}
.therapy .tname .num{width:24px;height:24px;border-radius:50%;background:var(--sheet-3);color:var(--text);
  display:flex;align-items:center;justify-content:center;font-size:12px;flex:none;font-family:var(--body)}
.therapy .tbody{padding:16px 20px;font-size:17.5px;line-height:1.65;color:var(--text)}
.therapy .trow.first .tname{background:var(--green-bg);color:var(--green)}
.therapy .trow.first .tname .num{background:var(--green);color:#fff}
.therapy .trow.first .tbody{background:#F4FBF8}
@media(max-width:640px){.therapy .trow{grid-template-columns:1fr}.therapy .tname{padding:11px 16px}}

.timeline{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin:16px 0}
.tl{background:var(--amber-bg);border:1px solid var(--amber-line);border-radius:12px;padding:16px;text-align:center}
.tl b{display:block;font-family:var(--display);font-size:27px;color:var(--amber);margin-bottom:6px}
.tl span{font-size:15.5px;color:var(--text);line-height:1.5}

/* таблицы сравнения */
table.cmp{width:100%;border-collapse:separate;border-spacing:4px;margin:16px 0;font-size:16px;table-layout:fixed}
table.cmp th,table.cmp td{padding:12px 14px;border-radius:9px;background:var(--sheet-2);text-align:left;
  line-height:1.45;vertical-align:middle;color:var(--text)}
table.cmp th{font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#3D5147}
table.cmp th.good{background:var(--green);color:#fff;font-size:16px;text-align:center}
table.cmp th.bad{background:var(--sheet-3);color:var(--text-2);text-align:center}
table.cmp td.good{background:var(--green-bg);color:var(--text);font-weight:700;border:1px solid var(--green-line)}
table.cmp td.bad{background:var(--sheet-2);color:#3D5147}
table.cmp.wide th:nth-child(1),table.cmp.wide td:nth-child(1){width:26%}
table.cmp.wide th:nth-child(2),table.cmp.wide td:nth-child(2){width:32%}
table.cmp.wide th:nth-child(3),table.cmp.wide td:nth-child(3){width:42%}
table.cmp.centered td:not(:first-child),table.cmp.centered th:not(:first-child){text-align:center}
table.cmp.centered th:nth-child(1),table.cmp.centered td:nth-child(1){width:24%}
table.cmp.centered th:nth-child(2),table.cmp.centered td:nth-child(2){width:42%}
table.cmp.centered th:nth-child(3),table.cmp.centered td:nth-child(3){width:34%}
/* на узких экранах таблица разворачивается в карточки: каждая строка отдельным блоком */
@media(max-width:620px){
  table.cmp,table.cmp tbody,table.cmp tr,table.cmp td,table.cmp th{display:block;width:auto!important}
  table.cmp{border-spacing:0;font-size:16px;table-layout:auto}
  table.cmp tr:first-child{display:none}
  table.cmp tr{background:var(--sheet-2);border:1px solid var(--edge);border-radius:12px;
    padding:13px 15px;margin-bottom:10px}
  table.cmp td{background:transparent!important;border:none!important;padding:0;margin:0;
    border-radius:0;color:var(--text)}
  table.cmp td:first-child{font-weight:800;font-size:17px;margin-bottom:10px;
    padding-bottom:9px;border-bottom:1px solid var(--edge)!important}
  table.cmp td:not(:first-child){padding:10px 12px;border-radius:9px;margin-bottom:7px}
  table.cmp td:not(:first-child)::before{content:attr(data-label);display:block;
    font-size:12.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;
    margin-bottom:4px;opacity:.85}
  table.cmp td.good{background:var(--green-bg)!important;border:1px solid var(--green-line)!important}
  table.cmp td.good::before{color:var(--green)}
  table.cmp td.bad{background:var(--sheet-3)!important;color:#3D5147}
  table.cmp td.bad::before{color:#54685C}
  table.cmp.centered td{text-align:left!important}
}
.pillHead{display:flex;align-items:center;justify-content:center;gap:8px}
.pillHead .molecule{width:26px;height:16px;border-radius:99px;display:inline-block}
.pillHead .molecule.tad{background:#F0B429}
.pillHead .molecule.sil{background:#5B9BD5}

.cons{list-style:none;counter-reset:c;display:grid;gap:8px;margin:14px 0}
.cons li{counter-increment:c;position:relative;background:var(--coral-bg);border:1px solid var(--coral-line);
  border-radius:12px;padding:15px 18px 15px 56px;font-size:17px;line-height:1.55;color:var(--text)}
.cons li::before{content:counter(c);position:absolute;left:14px;top:50%;transform:translateY(-50%);
  width:27px;height:27px;border-radius:50%;background:var(--coral);color:#fff;font-weight:800;font-size:13px;
  display:flex;align-items:center;justify-content:center;font-family:var(--body)}
.cons li b{color:var(--coral);font-weight:800}
.pros{list-style:none;counter-reset:p;display:grid;gap:8px;margin:14px 0}
.pros li{counter-increment:p;position:relative;background:var(--green-bg);border:1px solid var(--green-line);
  border-radius:12px;padding:15px 18px 15px 56px;font-size:17px;line-height:1.55;color:var(--text)}
.pros li::before{content:counter(p);position:absolute;left:14px;top:50%;transform:translateY(-50%);
  width:27px;height:27px;border-radius:50%;background:var(--green);color:#fff;font-weight:800;font-size:13px;
  display:flex;align-items:center;justify-content:center;font-family:var(--body)}
.pros li b{color:var(--green);font-weight:800}

.two{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0}
.three{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:14px 0}
.tw,.th{border-radius:12px;padding:18px 20px;font-size:16.5px;line-height:1.6;background:var(--sheet-2);
  border:1px solid var(--edge);color:var(--text)}
.tw h4,.th h4{font-size:15px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:11px;color:#2E4438}
.tw.good,.th.good{background:var(--green-bg);border-color:var(--green-line)}
.tw.good h4,.th.good h4{color:var(--green)}
.tw.bad{background:var(--coral-bg);border-color:var(--coral-line)}
.tw.bad h4{color:var(--coral)}
.th.mid{background:var(--amber-bg);border-color:var(--amber-line)}
.th.mid h4{color:var(--amber)}
.tw ul,.th ul{margin:0;padding-left:18px}
.tw li,.th li{margin-bottom:7px}
.th .why{margin-top:13px;padding-top:13px;border-top:1px solid var(--edge);color:var(--text);font-weight:800;font-size:16px}
.tw b,.th b{color:var(--text);font-weight:800}
@media(max-width:640px){.two,.three{grid-template-columns:1fr}}
@media(max-width:560px){
  .ch{flex-wrap:wrap}
  .ch span{margin-left:0;text-align:left;flex-basis:100%;padding-left:40px}
}

.needs{display:grid;gap:10px;margin:14px 0}
.nd{display:flex;gap:13px;align-items:flex-start;background:var(--sheet-2);border:1px solid var(--edge);
  border-radius:12px;padding:15px 17px;font-size:17px;line-height:1.55;color:var(--text)}
.nd b{font-weight:800}
.nd .n{flex:none;width:26px;height:26px;border-radius:50%;background:var(--amber);color:#fff;
  font-weight:800;font-size:13px;display:flex;align-items:center;justify-content:center}
.fears,.needList{list-style:none;display:grid;gap:8px;margin:14px 0}
.fears li,.needList li{background:var(--sheet-2);border:1px solid var(--edge);border-radius:10px;
  padding:14px 17px 14px 40px;font-size:17px;line-height:1.55;position:relative;color:var(--text)}
.fears li{background:var(--coral-bg);border-color:var(--coral-line)}
.fears li::before{content:"!";position:absolute;left:14px;top:12px;color:var(--coral);font-weight:900}
.needList li::before{content:"\2022";position:absolute;left:14px;top:11px;color:var(--amber);font-weight:900}
.fears li b,.needList li b{font-weight:800}

/* алгоритм переключения */
.algo{margin:16px 0}
.algoStep{background:var(--sheet-2);border:1px solid var(--edge);border-radius:12px;padding:14px 16px;margin-bottom:10px}
.algoStep .lbl{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#3D5147;margin-bottom:7px}
.algoStep .txt{font-size:17px;line-height:1.55;color:var(--text)}
.algoQ{background:var(--amber-bg);border:2px solid var(--amber-line)}
.algoQ .txt{font-family:var(--display);font-size:clamp(19px,2.6vw,24px);font-weight:700;line-height:1.3}
.forks{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:10px}
@media(max-width:640px){.forks{grid-template-columns:1fr}}
.fork{border-radius:12px;padding:16px 18px;font-size:16.5px;line-height:1.6;color:var(--text)}
.fork.yes{background:var(--green-bg);border:1px solid var(--green-line)}
.fork.no{background:var(--coral-bg);border:1px solid var(--coral-line)}
.fork .fh{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:800;letter-spacing:.1em;
  text-transform:uppercase;margin-bottom:9px}
.fork.yes .fh{color:var(--green)}
.fork.no .fh{color:var(--coral)}
.fork b{font-weight:800}
.algoArrow{text-align:center;font-size:20px;color:var(--text-2);margin:2px 0 10px;line-height:1}
.algoNest{margin-left:20px;padding-left:16px;border-left:2px dashed var(--edge)}
@media(max-width:640px){.algoNest{margin-left:0;padding-left:10px}}

.branch{border:1px solid var(--edge);border-radius:12px;padding:15px 17px;margin:10px 0;font-size:16px;line-height:1.65;background:var(--sheet-2);color:var(--text)}
.branch .bq{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:3px 10px;margin-bottom:8px}
.branch.yes{background:var(--green-bg);border-color:var(--green-line)}
.branch.yes .bq{background:var(--green);color:#fff}
.branch.no{background:var(--coral-bg);border-color:var(--coral-line)}
.branch.no .bq{background:var(--coral);color:#fff}

/* ---------- варианты ответов ---------- */
.qText{font-size:21px;font-weight:800;line-height:1.45;margin-bottom:21px;color:var(--text)}
.opts{display:grid;gap:10px}
.opt{background:var(--sheet-2);border:1.5px solid var(--edge);border-radius:12px;padding:16px 19px;text-align:left;
  color:var(--text);font-size:17px;font-weight:600;line-height:1.5;transition:border-color .12s, background .12s}
.opt:hover{border-color:var(--amber);background:#fff}
.opt.correct{background:var(--green-bg);border-color:var(--green);color:var(--text)}
.opt.wrong{background:var(--coral-bg);border-color:var(--coral);color:var(--text)}
.opt:disabled{cursor:default}
.feedback{margin-top:16px;padding:17px 19px;border-radius:12px;font-size:17px;line-height:1.6;display:none;color:var(--text)}
.feedback.good{display:block;background:var(--green-bg);border:1px solid var(--green-line)}
.feedback.good b{color:var(--green)}
.feedback.bad{display:block;background:var(--coral-bg);border:1px solid var(--coral-line)}
.feedback.bad b{color:var(--coral)}
.streak{font-size:13px;font-weight:800;color:var(--gold-soft)}

/* ---------- симуляции ---------- */
.simList{display:grid;gap:10px}
.dialogWindow{display:grid;gap:12px;margin-bottom:20px}
.bubble{max-width:88%;padding:16px 19px;border-radius:14px;font-size:17px;line-height:1.55;animation:fadeIn .3s ease}
.bubble.doc{background:var(--sheet);color:var(--text);border-bottom-left-radius:4px;justify-self:start;
  box-shadow:0 6px 18px rgba(0,0,0,.2)}
.bubble.doc::before{content:attr(data-who);display:block;font-size:11px;font-weight:800;letter-spacing:.08em;
  text-transform:uppercase;color:var(--green);margin-bottom:6px}
.bubble.rep{background:var(--amber-bg);color:var(--text);border:1px solid var(--amber-line);
  border-bottom-right-radius:4px;justify-self:end}
.bubble.sys{background:var(--sheet-2);color:var(--text);border:1px solid var(--edge);font-size:16px;line-height:1.6;justify-self:center;max-width:100%}
.bubble.sys b{color:var(--text);font-weight:800}

/* ---------- видео ---------- */
.videoGrid{display:grid;gap:16px}
.videoCard{background:var(--sheet);color:var(--text);border-radius:var(--r);padding:20px;
  box-shadow:0 10px 30px rgba(0,0,0,.25)}
.videoCard .vhead{display:flex;gap:16px;align-items:center;margin-bottom:14px}
.videoCard .thumb{flex:none;width:64px;height:46px;border-radius:10px;background:var(--sheet-2);
  display:flex;align-items:center;justify-content:center;font-size:22px;border:1px solid var(--edge)}
.videoCard .vinfo{flex:1;min-width:0}
.videoCard h3{font-size:18px;font-weight:800;margin-bottom:4px;color:var(--text);line-height:1.3}
.videoCard p{font-size:16px;color:#3D5147;line-height:1.45}
.vplayer{position:relative;width:100%;aspect-ratio:16/9;border-radius:12px;overflow:hidden;
  background:#0A1410;border:1px solid var(--edge)}
/* вертикальные ролики (YouTube Shorts) */
.vplayer.vert{aspect-ratio:9/16;max-width:400px;margin:0 auto}
@media(max-width:520px){.vplayer.vert{max-width:100%}}
.vplayer iframe{position:absolute;inset:0;width:100%;height:100%;border:none}
.watchBar{height:8px;background:var(--sheet-3);border-radius:99px;overflow:hidden;margin:12px 0 10px}
.watchBar i{display:block;height:100%;width:0;border-radius:99px;
  background:linear-gradient(90deg,var(--green),#5FD3A8);transition:width .4s ease}
.vfoot{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.vstatus{flex:1;min-width:200px;font-size:15px;color:#3D5147;line-height:1.45}

/* ---------- итоги ---------- */
.bigScore{font-family:var(--display);font-weight:700;font-size:clamp(52px,10vw,84px);color:var(--amber);line-height:1}
.resultCode{font-family:ui-monospace,Menlo,monospace;font-size:14px;background:var(--sheet-2);border:1px dashed var(--amber-line);
  border-radius:12px;padding:14px 16px;margin:14px 0;word-break:break-all;color:var(--amber)}
.confetti{position:fixed;top:-10px;pointer-events:none;font-size:20px;animation:fall linear forwards;z-index:99}
@keyframes fall{to{transform:translateY(105vh) rotate(540deg);opacity:.2}}
.mistake{border-left:4px solid var(--coral);background:var(--sheet);border-radius:0 12px 12px 0;padding:15px 17px;
  margin:11px 0;font-size:16.5px;line-height:1.6;color:var(--text);box-shadow:0 6px 18px rgba(0,0,0,.2)}
.mistake b{color:var(--text);font-weight:800}
.mistake .ok{color:var(--green);font-weight:800}
.mistake .dim{color:var(--text-2)}
.pill{display:inline-block;font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
  border:1px solid var(--edge);border-radius:999px;padding:2px 9px;color:var(--text-2);margin-right:6px;background:var(--sheet-2)}
.note{font-size:12.5px;color:var(--muted);border:1px dashed var(--line);border-radius:12px;padding:11px 14px;margin-top:20px;line-height:1.5}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* выбранный вариант в симуляции: фиксируем, чтобы не промахнуться по кнопке */
.opt.chosen{background:var(--amber-bg);border-color:var(--amber);font-weight:800}
.opts.locked .opt{pointer-events:none;opacity:.55}
.opts.locked .opt.chosen{opacity:1}

/* итог: программа не сдана */
.redoBanner{background:var(--coral-bg);border:2px solid var(--coral-line);border-radius:14px;
  padding:18px 20px;margin:16px 0;color:var(--text);font-size:16.5px;line-height:1.6}
.redoBanner b{color:var(--coral);font-weight:800;display:block;font-size:18px;margin-bottom:6px}
.tierLegend div.blocked{opacity:.5}

/* подсказка в режиме тренажёра */
.recallBox{background:var(--sheet-2);border:1px dashed var(--edge);border-radius:12px;
  padding:17px 19px;margin-bottom:13px;font-size:17px;line-height:1.6;color:#3D5147}

/* узкие экраны: верхняя панель не должна распирать страницу */
@media (max-width:520px){
  .topinner{gap:6px;padding:9px 10px;flex-wrap:nowrap;min-width:0}
  .logo{font-size:14px;letter-spacing:.05em;white-space:nowrap;flex:none}
  .spacer{min-width:0}
  .playerName{display:none}
  .chip{padding:5px 10px;font-size:13px;gap:5px;white-space:nowrap}
  #dayChip{font-size:11.5px;padding:5px 8px}
  #scoreChip{padding:5px 9px}
  .wrap{padding-left:12px;padding-right:12px}
  .zoneHead{flex-wrap:wrap}
  .zoneHead .dl{white-space:normal}
}

@media (max-width:380px){
  .logo{font-size:12.5px}
  #dayChip span{font-size:11px}
  .lift{grid-template-columns:104px minmax(0,1fr);gap:10px}
  .floorRow{padding:11px 12px;gap:10px}
  .floorRow .fnum{width:42px;height:42px;font-size:18px}
}

/* эталонная реплика в симуляции, когда ход был не лучшим */
.bubble.ref{background:var(--green-bg);border:2px solid var(--green-line);color:var(--text);
  justify-self:stretch;max-width:100%;display:grid;gap:8px}
.bubble.ref .refHead{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--green)}
.bubble.ref .refText{font-size:16.5px;line-height:1.55;font-weight:700}
.bubble.ref .refWhy{font-size:15px;line-height:1.55;color:#3D5147;border-top:1px solid var(--green-line);padding-top:8px}

/* ---------- вход и регистрация ---------- */
.authTabs{display:flex;gap:8px;margin-bottom:20px;background:var(--sheet-2);padding:5px;border-radius:12px}
.authTab{flex:1;padding:11px 14px;border-radius:9px;background:transparent;color:#3D5147;
  font-weight:800;font-size:15.5px;transition:all .15s}
.authTab.active{background:var(--sheet);color:var(--text);box-shadow:0 2px 8px rgba(0,0,0,.10)}
.authPane{display:none}
.authPane.active{display:block}
.fieldHint{font-size:14px;color:#3D5147;line-height:1.45;margin:-10px 0 16px}
.authErr{display:none;font-size:15px;line-height:1.5;border-radius:10px;padding:11px 14px;margin-bottom:14px;
  background:var(--coral-bg);border:1px solid var(--coral-line);color:var(--coral);font-weight:700}
.authErr.on{display:block}
.authErr.good{background:var(--green-bg);border-color:var(--green-line);color:var(--green)}
.linkBtn{display:block;margin-top:14px;background:none;color:#3D5147;font-size:15px;font-weight:700;
  text-decoration:underline;padding:0}
.linkBtn:hover{color:var(--amber)}