.qstudy-game-feature.is-match{background:linear-gradient(145deg,#f3fbff,#fff 58%,#f4f1ff);border-color:#b9dff2}
.qstudy-match-mini{position:relative;display:grid;grid-template-columns:repeat(2,minmax(70px,1fr));gap:12px;width:min(310px,38%);padding:24px}
.qstudy-match-mini:before{content:"";position:absolute;inset:20% 18%;background:repeating-linear-gradient(135deg,transparent 0 18px,rgba(73,129,199,.16) 19px 21px,transparent 22px 38px);filter:blur(.2px)}
.qstudy-match-mini i{position:relative;display:grid;place-items:center;min-height:58px;padding:8px;border:1px solid rgba(70,123,190,.2);border-radius:16px;background:#fff;box-shadow:0 10px 24px rgba(32,76,128,.1);font-style:normal;font-weight:800;color:#24466e}
.qstudy-match-mini i:nth-child(even){transform:translateY(10px);color:#7654be}
.qstudy-match-setup{max-width:920px;margin:auto;padding:28px;border:1px solid var(--qstudy-border,#e4e8ef);border-radius:28px;background:var(--qstudy-surface,#fff);box-shadow:0 24px 70px rgba(27,58,94,.1)}
.qstudy-match-setup>header{text-align:center;margin:8px auto 26px;max-width:680px}
.qstudy-match-setup>header h2{font-size:clamp(30px,5vw,48px);margin:8px 0}
.qstudy-match-rules{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}
.qstudy-match-rules div{padding:14px;border:1px solid #dbe8f4;border-radius:18px;background:#f8fcff;text-align:center}
.qstudy-match-rules b,.qstudy-match-rules span{display:block}.qstudy-match-rules b{font-size:23px;color:#286ea7}.qstudy-match-rules span{font-size:12px;color:#5e7285}
.qstudy-match-play{max-width:1180px;margin:auto}
.qstudy-match-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;padding:12px 16px;border:1px solid var(--qstudy-border,#e4e8ef);border-radius:20px;background:var(--qstudy-surface,#fff)}
.qstudy-match-topbar>div{display:flex;align-items:center;gap:14px}.qstudy-match-topbar b{font-size:20px}.qstudy-match-progress{min-width:220px}
.qstudy-match-progress span{display:flex;justify-content:space-between;font-size:12px;color:#607487}.qstudy-match-progress i{display:block;height:8px;margin-top:6px;border-radius:99px;background:#e8eef4;overflow:hidden}
.qstudy-match-progress i:before{content:"";display:block;width:var(--match-progress,0%);height:100%;border-radius:inherit;background:linear-gradient(90deg,#33b4a5,#4c7de8);transition:width .25s ease}
.qstudy-match-board{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:18px;padding:18px;border-radius:28px;background:linear-gradient(145deg,#eef9ff,#f7f4ff);border:1px solid #d9e7f5}
.qstudy-match-column{display:grid;align-content:start;gap:10px}.qstudy-match-column>header{display:flex;align-items:center;justify-content:space-between;padding:0 4px}.qstudy-match-column>header h3{margin:0}.qstudy-match-column>header small{color:#6d7d8d}
.qstudy-match-cards{display:grid;gap:10px}
.qstudy-match-card{position:relative;width:100%;min-height:82px;padding:14px 16px;border:1px solid #dbe4ee;border-radius:18px;background:#fff;color:#203449;text-align:right;box-shadow:0 8px 22px rgba(36,73,113,.07);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,opacity .18s ease}
.qstudy-match-card:hover:not(:disabled){transform:translateY(-2px);border-color:#76a9de;box-shadow:0 12px 26px rgba(36,73,113,.12)}
.qstudy-match-card.is-selected{border:2px solid #397ed1;background:#eef7ff;box-shadow:0 0 0 4px rgba(57,126,209,.12)}
.qstudy-match-card.is-solved{border-color:#5dc8a5;background:#ecfff8;color:#1f6d57;opacity:.78}
.qstudy-match-card.is-wrong{animation:qstudy-match-shake .28s ease;border-color:#ee6f79;background:#fff2f3}
.qstudy-match-card.is-hint{animation:qstudy-match-pulse .8s ease;border-color:#8d6ad8;box-shadow:0 0 0 5px rgba(141,106,216,.14)}
.qstudy-match-card>small{display:block;margin-bottom:5px;color:#718296}.qstudy-match-card>strong{display:block;font-size:16px;line-height:1.6}
.qstudy-match-card.is-visual{display:grid;grid-template-columns:130px 1fr;align-items:center;gap:12px}
.qstudy-match-card.is-visual img{width:130px;height:86px;object-fit:cover;border-radius:12px;border:1px solid #dce5ef;background:#f4f6f8}
.qstudy-match-target{min-height:64px;text-align:center}.qstudy-match-target strong{font-size:17px}
.qstudy-match-feedback{margin-top:16px;padding:16px 18px;border:1px solid #bce9d7;border-radius:20px;background:#effff9}
.qstudy-match-feedback header{display:flex;align-items:center;justify-content:space-between;gap:12px}.qstudy-match-feedback h3{margin:0;color:#17684f}.qstudy-match-feedback p{margin:8px 0 0;line-height:1.8}
.qstudy-match-feedback button{border:0;background:transparent;color:#286ea7;font-weight:700;cursor:pointer}
.qstudy-match-finish{max-width:760px;margin:auto;padding:42px 28px;text-align:center;border:1px solid #dce7f1;border-radius:30px;background:linear-gradient(145deg,#f4fbff,#fff,#f7f2ff)}
.qstudy-match-finish-mark{display:grid;place-items:center;width:86px;height:86px;margin:auto;border-radius:28px;background:linear-gradient(145deg,#46bdaa,#5d77dc);color:#fff;font-size:42px;box-shadow:0 18px 35px rgba(65,111,181,.25)}
.qstudy-match-finish h2{font-size:clamp(28px,5vw,44px);margin:16px 0 8px}.qstudy-match-finish p{color:#607487}
@keyframes qstudy-match-shake{25%{transform:translateX(5px)}50%{transform:translateX(-5px)}75%{transform:translateX(3px)}}
@keyframes qstudy-match-pulse{50%{transform:scale(1.025)}}
@media(max-width:780px){
  .qstudy-match-mini{display:none}.qstudy-match-setup{padding:18px;border-radius:22px}.qstudy-match-rules{grid-template-columns:1fr}
  .qstudy-match-topbar{align-items:stretch;flex-direction:column}.qstudy-match-progress{min-width:0}
  .qstudy-match-board{grid-template-columns:1fr;padding:12px;border-radius:22px}.qstudy-match-card{min-height:66px}
  .qstudy-match-card.is-visual{grid-template-columns:90px 1fr}.qstudy-match-card.is-visual img{width:90px;height:70px}
}