/* cards.css - 各类卡片组件 */

/* 选手卡 */
.player-card {
    display: flex; align-items: center; gap: 10px;
    padding: 10px; background: var(--color-surface); border-radius: var(--radius);
}
.player-card__avatar {
    width: 40px; height: 40px; border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    background: var(--color-surface-light); font-weight: 700; font-size: 16px;
}
.player-card__name { font-weight: 600; }
.player-card__role { font-size: 12px; color: var(--color-text-dim); }
.player-card__rating { font-weight: 700; color: var(--color-gold); }

/* 菜单卡片 */
.menu-card {
    display: flex; align-items: center; gap: 14px; width: 100%;
    padding: 16px 18px; background: var(--glass); border-radius: var(--radius);
    border: 1px solid var(--glass-border); cursor: pointer; transition: all 0.25s ease;
    text-align: left; color: var(--color-text); font-family: var(--font-main);
    backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
}
.menu-card:hover { border-color: var(--color-accent); background: var(--color-surface-light); transform: translateX(4px); box-shadow: var(--glow-accent); }
.menu-card__icon { font-size: 28px; flex-shrink: 0; }
.menu-card__label { font-size: 16px; font-weight: 600; }
.menu-card__desc { font-size: 12px; color: var(--color-text-dim); }
.menu-card__arrow { margin-left: auto; font-size: 22px; color: var(--color-text-dim); }

/* 策略卡牌 */
.strategy-card {
    background: var(--glass); border: 1.5px solid var(--glass-border);
    border-radius: var(--radius-lg); padding: 18px; cursor: pointer;
    transition: all 0.25s ease; min-width: 160px;
    backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);
}
.strategy-card:hover { border-color: var(--color-gold); transform: translateY(-6px); box-shadow: var(--glow-gold), 0 8px 30px rgba(240,192,64,0.15); }
.strategy-card__name { font-size: 16px; font-weight: 700; margin-bottom: 6px; color: var(--color-gold); }
.strategy-card__desc { font-size: 12px; color: var(--color-text-dim); margin-bottom: 8px; }
.strategy-card__risk { font-size: 11px; color: var(--color-warning); margin-bottom: 10px; }
.strategy-card__stats { display: flex; flex-direction: column; gap: 4px; }
.card-stat { font-size: 12px; }
.card-stat--good { color: var(--color-success); }
.card-stat--bad { color: var(--color-danger); }

/* 探索卡 */
.explore-card {
    display: flex; gap: 12px; align-items: flex-start;
    padding: 14px; background: var(--color-surface); border-radius: var(--radius);
    cursor: pointer; transition: all 0.2s ease; border: 1px solid transparent;
}
.explore-card:hover { border-color: var(--color-accent); transform: translateY(-2px); }
.explore-card--visited { opacity: 0.6; cursor: default; }
.explore-card--visited:hover { border-color: transparent; transform: none; }
.explore-card__icon { font-size: 28px; flex-shrink: 0; }
.explore-card__name { font-weight: 600; font-size: 15px; margin-bottom: 2px; }
.explore-card__desc { font-size: 12px; color: var(--color-text-dim); }
.explore-card__cost { font-size: 12px; color: var(--color-gold); margin-top: 4px; }
.explore-card__effect { font-size: 12px; color: var(--color-success); margin-top: 4px; }

/* 阵容卡 —— 全部样式已迁移到 css/scenes/roster.css（带卡面边框图的新版设计）
   此处刻意留空，避免旧的 width:40px/height:40px 规则覆盖新版 position:absolute 定位 */