/* V117 — Mastery cards: alive, visual, and clearly actionable */
.mastery-grid.mastery-grid-all{gap:20px!important}
.mastery-check-card{
  padding:0!important;
  overflow:hidden!important;
  min-height:430px!important;
  border:1px solid rgba(229,211,255,.5)!important;
  background:linear-gradient(180deg,#17101f 0%,#0a070d 100%)!important;
  box-shadow:0 22px 48px rgba(0,0,0,.62),inset 0 1px 0 rgba(255,255,255,.09)!important;
}
.mastery-card-cover{
  position:relative;
  width:100%;
  aspect-ratio:16/9;
  overflow:hidden;
  background:#09060d;
  border-bottom:1px solid rgba(255,255,255,.14);
}
.mastery-card-cover:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 44%,rgba(6,3,9,.26) 66%,rgba(6,3,9,.92) 100%);
  pointer-events:none;
}
.mastery-card-cover img{
  width:100%;height:100%;object-fit:cover;display:block;
  transition:transform .35s ease,filter .35s ease;
}
.mastery-check-card:hover .mastery-card-cover img{transform:scale(1.035);filter:brightness(1.06)}
.mastery-card-cover span,.mastery-card-cover b{
  position:absolute;z-index:2;bottom:12px;padding:6px 9px;border-radius:999px;
  font:900 9px/1 Inter,system-ui,sans-serif;letter-spacing:.12em;color:#fff;
  border:1px solid rgba(255,255,255,.34);backdrop-filter:blur(8px);
}
.mastery-card-cover span{left:12px;background:rgba(74,28,106,.82)}
.mastery-card-cover b{right:12px;background:rgba(6,5,9,.84);color:#e5d3f3}
.mastery-card-body{display:flex;flex:1;flex-direction:column;padding:18px}
.mastery-card-body h3{margin:0 0 8px!important;font-size:25px!important}
.mastery-card-body p{min-height:35px;margin:0 0 12px!important}
.mastery-card-progress{height:7px!important;margin:2px 0 15px!important}
.mastery-start{
  position:relative;display:flex!important;align-items:center;justify-content:center;gap:8px;
  min-height:54px!important;margin-top:auto!important;border:1.5px solid #fff!important;
  background:linear-gradient(180deg,#1d1524 0%,#0c0910 55%,#030204 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 -9px 15px rgba(0,0,0,.62),0 12px 20px rgba(0,0,0,.5),0 15px 24px -15px rgba(160,91,255,.7)!important;
  letter-spacing:.06em!important;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease!important;
}
.mastery-start span{font-size:17px;color:#d7a5ff;text-shadow:0 0 10px rgba(193,125,255,.72)}
.mastery-start:hover,.mastery-start:focus-visible{transform:translateY(-2px);filter:brightness(1.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 16px 26px rgba(0,0,0,.62),0 18px 28px -13px rgba(160,91,255,.88)!important}
.mastery-start:active{transform:translateY(1px)}
.mastery-runner[hidden],.mastery-dashboard[hidden],.mastery-results[hidden]{display:none!important}
.mastery-runner:not([hidden]){display:block!important;animation:masteryRunnerIn .28s ease both}
@keyframes masteryRunnerIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.mastery-question-card{position:relative;overflow:hidden}
.mastery-question-card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,transparent,#9b4ee0,#fff,#9b4ee0,transparent)}
.mastery-guide>span,.mastery-coach-head>span{box-shadow:0 0 18px rgba(168,82,232,.54)}
@media(max-width:760px){
  .mastery-check-card{min-height:390px!important}
  .mastery-card-cover{aspect-ratio:16/10}
  .mastery-card-body h3{font-size:23px!important}
}