/* Карточка «Нанолаборатории» на главной портала — в стиле квеста: светлая «чистая комната» на тёмном портале. */
.qc-nano { display: flex; flex-direction: column; gap: 14px; height: 100%; padding: 22px; border-radius: 6px; color: #161a2e; font-family: "Onest", "Manrope", system-ui, sans-serif;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.78' height='36' viewBox='0 0 20.78 36'%3E%3Cpath d='M10.39 0L20.78 6V18L10.39 24L0 18V6ZM10.39 24V36' fill='none' stroke='%23e1e6f2' stroke-width='.7'/%3E%3C/svg%3E") 0 0 / 31.17px 54px, radial-gradient(circle at 100% 0, rgba(106, 76, 255, .16), transparent 55%), #f7f8fc;
  border: 1px solid #dce2ef; box-shadow: 0 18px 50px rgba(0, 0, 0, .35); transition: transform .2s, box-shadow .2s; }
.qc-nano:hover { transform: translateY(-3px); box-shadow: 0 24px 60px rgba(106, 76, 255, .28); }
.qc-nano-head { display: flex; align-items: center; gap: 14px; }
.qc-nano-hex { flex: none; display: grid; place-items: center; width: 54px; height: 60px; clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%); background: linear-gradient(150deg, #6a4cff, #0fb39b); color: #fff; font: 800 17px "Unbounded", "Manrope", sans-serif; }
.qc-nano-hex sub { font-size: 10px; }
.qc-nano-kicker { margin: 0; font: 600 11px "JetBrains Mono", monospace; letter-spacing: .08em; text-transform: uppercase; color: #6a4cff; }
.qc-nano h3 { margin: 2px 0 0; font: 800 20px/1.2 "Unbounded", "Manrope", sans-serif; color: #161a2e; }
.qc-nano-art { aspect-ratio: 1; max-height: 260px; margin: 0 auto; width: 100%; display: grid; place-items: center; border-radius: 14px; background: radial-gradient(circle at 50% 45%, #fff 0, #f3f0ff 60%, rgba(243, 240, 255, 0) 72%); }
.qc-nano-art svg { width: 100%; height: 100%; max-height: 260px; }
.qc-nano-art.done svg { animation: qcn-spin 20s linear infinite; }
@keyframes qcn-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .qc-nano-art.done svg { animation: none; } }
.qc-nano-desc { margin: 0; color: #3b4160; font-size: 14px; line-height: 1.5; }
.qc-nano-stats { display: flex; flex-wrap: wrap; gap: 6px 16px; font-size: 13px; color: #5f6782; }
.qc-nano-stats b { color: #161a2e; }
.qc-nano-mine { font-size: 13px; padding: 8px 12px; border-radius: 10px; background: #efeafe; border: 1px solid #cfc4ff; }
.qc-nano-mine b { color: #5233f2; }
.qc-nano-actions { display: flex; align-items: center; gap: 14px; margin-top: auto; }
.qc-nano-btn { padding: 11px 18px; border-radius: 12px; background: #6a4cff; color: #fff; font-weight: 800; text-decoration: none; box-shadow: 0 6px 18px rgba(106, 76, 255, .4); }
.qc-nano-btn:hover { background: #5233f2; }
.qc-nano-link { color: #5f6782; font-size: 13px; text-decoration: none; }
.qc-nano-link:hover { color: #6a4cff; }