body.deck-learning-open .reflex-setup,body.deck-learning-open .reflex-results{position:fixed;z-index:90;inset:0;box-sizing:border-box;background:#102417;color:#f7fbf4;padding:90px max(24px,9vw) 36px;overflow:auto}.reflex-setup .trainer-top{max-width:1000px;margin:0 auto;color:#f7fbf4}.reflex-setup .trainer-top h2{color:#e8f3df}.reflex-setup .muted{color:#cfe0c9}.reflex-setup .learn-settings{max-width:1000px;margin:28px auto;background:#f7fbf4;color:#26352b}.reflex-setup .learn-settings .muted{color:#637263}.reflex-settings label{vertical-align:top}.reflex-load{margin-top:12px;font-weight:700;color:#39753c}
.reflex-session{position:fixed;inset:0;z-index:100;background:#102417;color:#fff;padding:18px}.reflex-hud{display:flex;justify-content:space-between;align-items:center;gap:12px}.reflex-hud span,.reflex-hud b{background:#183722;border:1px solid #78966c;border-radius:12px;padding:11px 15px}.reflex-layout{height:calc(100vh - 92px);display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center;padding:12px 7vw}.reflex-layout>article{text-align:center;min-width:0}.reflex-person{max-width:100%;max-height:72vh;object-fit:contain;filter:drop-shadow(0 14px 22px #0008)}.reflex-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.reflex-options button{border:3px solid #d4e5d0;border-radius:14px;background:#fff;padding:6px;cursor:pointer}.reflex-options button:hover{border-color:#8fc46f;transform:scale(1.02)}.reflex-options img{display:block;width:100%;height:min(31vh,280px);object-fit:contain}.reflex-miss{box-shadow:inset 0 0 0 10px #bf4f46}.reflex-miss::after{content:'';position:fixed;inset:0;z-index:10;pointer-events:none;background:rgba(112,32,49,.34);animation:reflex-wrong-flash .34s ease-out both}@keyframes reflex-wrong-flash{0%{opacity:0}18%{opacity:1}100%{opacity:0}}
.reflex-countdown{position:fixed;inset:0;z-index:105;display:grid;place-items:center;background:#102417;color:#f7fbf4;text-align:center}.reflex-countdown>div{padding:32px;max-width:520px}.reflex-countdown p{font-size:20px}.reflex-countdown b{display:block;font-size:min(28vw,180px);line-height:1;color:#8fc46f;margin:18px 0}.reflex-countdown .deck-confirm{margin-top:12px}
.reflex-results{padding-top:28px!important;background:#f4f8f1!important;color:#26352b!important}.reflex-results .settings-close{float:right}.reflex-results h2{text-align:center;color:#2d713a}.reflex-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:860px;margin:20px auto}.reflex-summary div{padding:16px;text-align:center;border:1px solid #dce9d8;border-radius:12px;background:#fff}.reflex-summary b{display:block;font-size:20px;color:#2d713a;margin-top:5px}.reflex-results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.reflex-results-grid article{border:2px solid #80b96e;border-radius:12px;padding:9px;text-align:center;background:#fff}.reflex-results-grid article.wrong{border-color:#cf786d}.reflex-results-grid img{width:100%;height:170px;object-fit:contain}.reflex-results-grid b,.reflex-results-grid small{display:block;margin-top:5px}
@media(max-width:700px){body.deck-learning-open .reflex-setup,body.deck-learning-open .reflex-results{padding:70px 14px 20px}.reflex-layout{grid-template-columns:1fr;padding:55px 14px 10px;gap:8px}.reflex-person{max-height:35vh}.reflex-options{gap:8px}.reflex-options img{height:20vh}.reflex-hud{position:fixed;top:8px;left:8px;right:8px;z-index:2}.reflex-hud .settings-close{font-size:12px}.reflex-hud span,.reflex-hud b{padding:8px}.reflex-summary{grid-template-columns:1fr}.reflex-results-grid{grid-template-columns:repeat(2,1fr)}}
/* Matrix for selecting the exact reflex-deck composition */
.reflex-selection-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:18px 0 10px;color:#26352b}.reflex-selection-head span{opacity:.8}.reflex-selection-head .link-btn{border:1px solid #9ab397;background:transparent;color:inherit;border-radius:7px;padding:6px 10px;cursor:pointer}.reflex-deck-matrix{display:grid;grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:8px;max-height:43vh;overflow:auto;padding:4px}.reflex-card-cell{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0;padding:5px;border:1px solid rgba(255,255,255,.2);border-radius:9px;background:rgba(255,255,255,.06);color:#f7fbf4;cursor:pointer;transition:.15s}.reflex-card-cell img{width:100%;height:86px;object-fit:contain;border-radius:5px}.reflex-card-cell span{position:absolute;top:7px;left:8px;background:#102417cc;border-radius:10px;padding:1px 5px;font-size:11px}.reflex-card-cell small{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;opacity:.85}.reflex-card-cell.selected{border-color:#76c043;box-shadow:0 0 0 2px #76c043;background:rgba(118,192,67,.18)}.reflex-card-cell.outside{opacity:.35}.reflex-composition{margin:10px 0 18px;color:#26352b;line-height:1.5;max-height:70px;overflow:auto}.reflex-composition b{color:#39753c}@media(max-width:700px){.reflex-deck-matrix{grid-template-columns:repeat(auto-fill,minmax(68px,1fr));max-height:38vh}.reflex-card-cell img{height:68px}}