/* SwissDevPath static asset: lesson.css */
/* DUO_LESSON_VISUAL_V2 */

    body:has(.duo-lesson-shell) header,
    body:has(.duo-lesson-shell) .global-rpg-hud {
      display: none !important;
    }

    body:has(.duo-lesson-shell) {
      overflow: hidden !important;
      background:
        radial-gradient(circle at 50% 12%, rgba(96,165,250,.18), transparent 22%),
        radial-gradient(circle at 80% 72%, rgba(34,197,94,.10), transparent 24%),
        linear-gradient(180deg, #020617, #0f172a 55%, #020617) !important;
    }

    body:has(.duo-lesson-shell) main,
    body:has(.duo-lesson-shell) .container {
      width: 100vw !important;
      max-width: none !important;
      height: 100vh !important;
      margin: 0 !important;
      padding: 0 !important;
    }

    body:has(.duo-lesson-shell) .duo-topbar {
      height: 82px !important;
      grid-template-columns: 52px 1fr 92px !important;
      background: rgba(2,6,23,.82) !important;
      border-bottom: 1px solid rgba(148,163,184,.16) !important;
      box-shadow: 0 12px 34px rgba(0,0,0,.22);
    }

    body:has(.duo-lesson-shell) .duo-close {
      font-size: 26px !important;
      background: rgba(37,99,235,.12) !important;
    }

    body:has(.duo-lesson-shell) .duo-progress-wrap {
      height: 16px !important;
      background: rgba(15,23,42,.86) !important;
    }

    body:has(.duo-lesson-shell) .duo-stage {
      align-items: center !important;
      padding: 20px !important;
    }

    body:has(.duo-lesson-shell) .duo-card {
      width: min(720px, calc(100vw - 32px)) !important;
      min-height: min(640px, calc(100vh - 122px)) !important;
      border-radius: 34px !important;
      padding: 28px !important;
      background:
        radial-gradient(circle at top left, rgba(96,165,250,.12), transparent 34%),
        rgba(15,23,42,.76) !important;
      box-shadow:
        0 30px 90px rgba(0,0,0,.48),
        inset 0 1px 0 rgba(255,255,255,.04) !important;
      border: 1px solid rgba(148,163,184,.20) !important;
      grid-template-rows: auto 1fr !important;
    }

    /* Убираем "админское" описание таланта из урока, оставляем только контекст */
    body:has(.duo-lesson-shell) .duo-card > div:first-child p {
      display: none !important;
    }

    body:has(.duo-lesson-shell) .duo-card > div:first-child h1 {
      font-size: 22px !important;
      opacity: .72;
      margin-bottom: 16px !important;
    }

    body:has(.duo-lesson-shell) .duo-meta {
      justify-content: center !important;
      margin-bottom: 10px !important;
    }

    body:has(.duo-lesson-shell) .duo-pill {
      opacity: .82;
      font-size: 12px !important;
    }

    body:has(.duo-lesson-shell) .duo-gate {
      align-content: center !important;
      min-height: 430px;
      text-align: left;
    }

    body:has(.duo-lesson-shell) .duo-step-pill {
      margin: 0 auto 18px !important;
      background: rgba(245,158,11,.14) !important;
      color: #fde68a !important;
      border-color: rgba(245,158,11,.35) !important;
    }

    body:has(.duo-lesson-shell) .duo-gate h2 {
      text-align: center !important;
      font-size: clamp(34px, 5vw, 56px) !important;
      line-height: .96 !important;
      margin-bottom: 18px !important;
      color: #f8fafc !important;
    }

    body:has(.duo-lesson-shell) .duo-gate p {
      text-align: center !important;
      max-width: 620px;
      margin: 0 auto 24px !important;
      font-size: 19px !important;
      color: #cbd5e1 !important;
    }

    body:has(.duo-lesson-shell) .duo-gate textarea {
      min-height: 190px !important;
      border-radius: 24px !important;
      background: rgba(2,6,23,.72) !important;
      border: 2px solid rgba(148,163,184,.22) !important;
      font-size: 18px !important;
      line-height: 1.45 !important;
      box-shadow: inset 0 2px 18px rgba(0,0,0,.22);
    }

    body:has(.duo-lesson-shell) .duo-gate textarea:focus {
      border-color: rgba(34,197,94,.70) !important;
      box-shadow:
        0 0 0 4px rgba(34,197,94,.12),
        inset 0 2px 18px rgba(0,0,0,.22) !important;
    }

    body:has(.duo-lesson-shell) .duo-actions {
      margin-top: 24px !important;
      padding-top: 18px;
      border-top: 1px solid rgba(148,163,184,.14);
    }

    body:has(.duo-lesson-shell) .duo-actions button {
      min-width: 130px;
      padding: 14px 22px !important;
      font-size: 16px !important;
      border-radius: 999px !important;
      box-shadow: 0 10px 26px rgba(0,0,0,.28);
    }

    body:has(.duo-lesson-shell) .duo-next,
    body:has(.duo-lesson-shell) .duo-finish {
      background: linear-gradient(135deg, #16a34a, #22c55e) !important;
      color: #052e16 !important;
      border-color: rgba(134,239,172,.65) !important;
    }

    body:has(.duo-lesson-shell) .duo-back {
      background: rgba(15,23,42,.9) !important;
      color: #cbd5e1 !important;
    }

    @media (max-width: 720px) {
      body:has(.duo-lesson-shell) .duo-card {
        min-height: calc(100vh - 112px) !important;
        border-radius: 24px !important;
        padding: 20px !important;
      }

      body:has(.duo-lesson-shell) .duo-gate h2 {
        font-size: 32px !important;
      }

      body:has(.duo-lesson-shell) .duo-actions {
        gap: 10px;
      }

      body:has(.duo-lesson-shell) .duo-actions button {
        min-width: 110px;
      }
    }