/* Карточка «Лаборатории Менделеева» на главной портала — в стиле квеста (тёплый графит и цвета таблицы). */
.qc-lab { display: flex; flex-direction: column; gap: 14px; height: 100%; padding: 22px; border-radius: 6px; background: radial-gradient(circle at 0 0, rgba(245, 165, 36, .14), transparent 55%), #1c1813; border: 1px solid #3a3226; color: #f3ead9; font-family: "Manrope", system-ui, sans-serif; box-shadow: 0 18px 50px rgba(0, 0, 0, .35); transition: transform .2s, box-shadow .2s; }
.qc-lab:hover { transform: translateY(-3px); box-shadow: 0 24px 60px rgba(245, 165, 36, .12); }
.qc-lab-head { display: flex; align-items: center; gap: 14px; }
.qc-lab-tile { position: relative; flex: none; display: grid; place-items: center; width: 56px; height: 56px; border-radius: 10px; background: linear-gradient(145deg, #ff9fb0, #e87890); color: #2a0d14; font: 800 24px "Unbounded", "Manrope", sans-serif; }
.qc-lab-tile i { position: absolute; top: 4px; left: 6px; font: 700 10px "JetBrains Mono", monospace; font-style: normal; }
.qc-lab-kicker { margin: 0; font: 600 11px "JetBrains Mono", monospace; letter-spacing: .08em; text-transform: uppercase; color: #a3967e; }
.qc-lab h3 { margin: 2px 0 0; font: 800 20px/1.2 "Unbounded", "Manrope", sans-serif; color: #f7dcae; }
.qc-lab-table { display: grid; grid-template-columns: repeat(18, 1fr); grid-template-rows: repeat(7, auto) 4px repeat(2, auto); gap: 2px; }
.qc-lab-table i { aspect-ratio: 1; border-radius: 2px; background: rgba(255, 255, 255, .05); font: 700 7px "Unbounded", sans-serif; font-style: normal; color: rgba(20, 12, 4, .85); display: grid; place-items: center; overflow: hidden; }
.qc-lab-table i.on { background: var(--c); box-shadow: inset 0 -2px 0 var(--o, transparent); }
.qc-lab-desc { margin: 0; color: #d9ccb2; font-size: 14px; line-height: 1.5; }
.qc-lab-stats { display: flex; flex-wrap: wrap; gap: 6px 16px; font-size: 13px; color: #a3967e; }
.qc-lab-stats b { color: #f3ead9; }
.qc-lab-mine { font-size: 13px; padding: 8px 12px; border-radius: 10px; background: rgba(245, 165, 36, .1); border: 1px solid rgba(245, 165, 36, .3); }
.qc-lab-mine b { color: #ffc46b; }
.qc-lab-actions { display: flex; align-items: center; gap: 14px; margin-top: auto; }
.qc-lab-btn { padding: 11px 18px; border-radius: 11px; background: #f5a524; color: #221500; font-weight: 800; text-decoration: none; box-shadow: 0 4px 0 #a36807; }
.qc-lab-btn:hover { background: #ffb53d; }
.qc-lab-link { color: #a3967e; font-size: 13px; text-decoration: none; }
.qc-lab-link:hover { color: #f5a524; }