.topic-card{background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);flex-direction:column;gap:.5rem;min-height:100%;padding:1rem;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex}.topic-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-green);transform:translateY(-2px)}.topic-card--paid{border-style:dashed;border-color:color-mix(in srgb, var(--color-red) 25%, var(--color-border))}.topic-card--paid:hover{border-color:color-mix(in srgb, var(--color-red) 45%, var(--color-border))}.topic-card--paid .topic-card__link{color:var(--color-text-muted)}.topic-card__head{justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.topic-card__icon{font-size:1.75rem;line-height:1}.topic-card__info{border:1px solid var(--color-border);background:var(--color-bg);width:1.5rem;height:1.5rem;color:var(--color-text-muted);cursor:pointer;border-radius:50%;flex-shrink:0;padding:0;font-family:Georgia,serif;font-size:.75rem;font-style:italic;font-weight:700;line-height:1;transition:background .15s,color .15s,border-color .15s}.topic-card__info:hover,.topic-card__info--active{background:var(--color-green-light);border-color:var(--color-green);color:var(--color-green-dark)}.topic-card__title{color:var(--color-text);margin:0;font-size:.95rem;line-height:1.3}.topic-card__meta{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.topic-card__count{color:var(--color-text-muted);font-size:.75rem}.topic-card__desc{color:var(--color-text-muted);background:var(--color-bg);border-radius:var(--radius-sm);border:1px solid var(--color-border);margin:0;padding:.5rem .6rem;font-size:.78rem;line-height:1.45}.topic-card__link{color:var(--color-red);margin-top:auto;padding-top:.35rem;font-size:.82rem;font-weight:600;text-decoration:none}.topic-card__link:hover{text-decoration:underline}.topic-card .access-badge{padding:.15rem .45rem;font-size:.65rem}
.mystery-card{text-align:center;background:linear-gradient(160deg, var(--color-bg) 0%, var(--color-surface) 100%);border-radius:var(--radius-md);border:1px dashed var(--color-border);min-height:100%;box-shadow:var(--shadow-sm);flex-direction:column;align-items:center;gap:.5rem;padding:1.25rem 1rem;display:flex}.mystery-card--bundle{border-style:solid;border-color:color-mix(in srgb, var(--color-green) 35%, var(--color-border));background:linear-gradient(160deg, var(--color-green-light) 0%, var(--color-surface) 55%)}.mystery-card__lock{background:var(--color-surface);border:1px solid var(--color-border);width:3.25rem;height:3.25rem;color:var(--color-text-muted);border-radius:50%;justify-content:center;align-items:center;margin-bottom:.15rem;display:flex}.mystery-card--bundle .mystery-card__lock{color:var(--color-green-dark);border-color:color-mix(in srgb, var(--color-green) 40%, var(--color-border));background:var(--color-surface);position:relative}.mystery-card__lock--stack{border-radius:var(--radius-md);flex-direction:column;gap:.1rem;width:auto;min-width:3.25rem;height:auto;padding:.5rem .65rem}.mystery-card__count{color:var(--color-green-dark);font-size:.72rem;font-weight:700;line-height:1}.mystery-card__title{color:var(--color-text);margin:0;font-size:.92rem;line-height:1.3}.mystery-card__text{color:var(--color-text-muted);flex:1;margin:0;font-size:.76rem;line-height:1.45}.mystery-card__link{color:var(--color-green-dark);margin-top:auto;padding-top:.35rem;font-size:.82rem;font-weight:600;text-decoration:none}.mystery-card__link:hover{text-decoration:underline}