/* === 统计栏 === */
.stats-row{display:flex;gap:6px;justify-content:center;padding:0 0 var(--spacing-sm)}
.stat-item{
    flex:1;text-align:center;padding:var(--spacing-sm) 4px;
    background:var(--bg-card);border:1px solid var(--border-light);
    border-radius:var(--radius-sm);cursor:pointer;
    transition:all var(--transition-fast);
}
.stat-item:hover{background:var(--bg-card-hover);border-color:var(--accent);transform:translateY(-1px);box-shadow:var(--shadow-xs)}
.stat-icon{font-size:18px;display:block}
.stat-label{font-size:var(--font-xs);font-weight:700;color:var(--text-primary);margin-top:2px}
.stat-sub{font-size:10px;color:var(--text-muted);display:block}

/* === 卡区 === */
.cards-area{margin:2px 0 0 0;border:1px solid var(--accent-gold);border-top:0;border-radius:0 0 var(--radius-md) var(--radius-md);background:var(--bg-table)}
.cards-marquee{
    padding:1px 6px;
    font-size:10px;color:var(--text-muted);
    background:var(--bg-table);border-radius:3px;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
    cursor:text;margin-bottom:1px;
}
.cards-grid{
    display:grid;grid-template-columns:repeat(4,1fr);
    gap:2px;overflow-y:auto;
}

/* === 卡片 === */
.player-card{
    min-height:95px;
    background:linear-gradient(180deg,var(--bg-card) 0%,rgba(184,144,80,.03) 100%);border:1px solid var(--border-mid);
    border-radius:8px;padding:14px 6px 2px;
    text-align:center;cursor:pointer;transition:all .2s;
    position:relative;overflow:hidden;
    display:flex;flex-direction:column;justify-content:space-between;
    box-shadow:0 2px 6px rgba(0,0,0,.06);
}
.player-card__name{font-size:15px;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:5px}
.player-card__desc{font-size:10px;color:var(--text-muted);line-height:1.2;margin-bottom:0}
.player-card:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(0,0,0,.12);border-color:var(--accent-gold);z-index:1}
.player-card--6star{border-color:var(--star-6);background:linear-gradient(180deg,rgba(245,216,96,.12),var(--bg-card));box-shadow:0 0 14px rgba(245,216,96,.1)}
.player-card--5star{border-color:var(--star-5);background:linear-gradient(180deg,rgba(212,168,80,.08),var(--bg-card))}
.player-card--4star{border-color:var(--star-4);background:linear-gradient(180deg,rgba(176,168,152,.04),var(--bg-card))}
.player-card--3star{border-color:var(--star-3)}
.player-card--selected{border-color:var(--accent-gold)!important;box-shadow:0 0 0 2px var(--accent-gold),0 4px 12px rgba(107,48,72,.15)}
.player-card__stars{font-size:10px;margin-top:1px}
.player-card--6star .player-card__stars{color:var(--star-6)}
.player-card--5star .player-card__stars{color:var(--star-5)}
.player-card--4star .player-card__stars{color:var(--star-4)}
.player-card--3star .player-card__stars{color:var(--star-3)}
.player-card__pos-badge{position:absolute;top:3px;left:4px;font-size:10px;color:var(--accent-dark);background:rgba(107,48,72,.08);padding:0 4px;border-radius:6px;font-weight:600;letter-spacing:0.5px}
.player-card__dyn-badge{position:absolute;top:3px;right:4px;font-size:10px;color:var(--accent-gold);background:rgba(184,144,80,.08);padding:0 4px;border-radius:6px}

/* === 技能卡 === */
.skill-card{border-color:var(--accent-green)!important;background:linear-gradient(180deg,rgba(58,104,64,.08),var(--bg-card))!important;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}
.skill-card__icon{font-size:16px}
.skill-card__name{font-size:var(--font-xs);font-weight:800;color:var(--accent-green)}
.skill-card__type{font-size:9px;color:var(--accent-green-light);letter-spacing:1px}
.skill-card__desc{font-size:9px;color:var(--text-muted)}

/* === 按钮 === */
.action-row{display:flex;gap:4px;justify-content:center;flex-wrap:wrap;margin-top:2px}
.btn{
    border:none;cursor:pointer;font-family:inherit;
    border-radius:var(--radius-sm);transition:all var(--transition-fast);
    font-weight:700;letter-spacing:1px;
}
.btn:hover{transform:translateY(-1px)}
.btn--primary{
    flex:0.8;padding:4px 8px;font-size:var(--font-base);
    background:linear-gradient(180deg,var(--accent-gold),#9a7840);color:#fff;
    box-shadow:0 2px 8px rgba(107,48,72,.25);
}
.btn--primary:hover{background:linear-gradient(180deg,#d4a860,var(--accent-gold));box-shadow:0 4px 12px rgba(107,48,72,.35)}
.btn--primary:disabled{opacity:.5;cursor:not-allowed;transform:none}
.btn--draw{
    flex:2.2;padding:4px 8px;font-size:var(--font-sm);
    background:linear-gradient(180deg,#6b3048,#4a1830);color:#f5e0a0;
    box-shadow:0 2px 8px rgba(107,48,72,.2);
}
.btn--draw:hover{background:linear-gradient(180deg,#8b4860,#6b3048);box-shadow:0 4px 12px rgba(107,48,72,.3)}
.btn--icon{
    padding:3px 8px;font-size:var(--font-sm);
    background:var(--bg-card);color:var(--text-primary);
    border:1px solid var(--border-light);
}
.btn--icon:hover{background:var(--bg-card-hover);border-color:var(--accent-gold);box-shadow:0 2px 8px rgba(184,144,80,.15)}
.btn--outline{border:1px solid var(--border-mid);background:transparent}
.btn--sm{padding:6px 14px;font-size:var(--font-xs);background:var(--accent);color:#fff}
.notice-board{display:none;height:192px;box-sizing:border-box;display:block;padding:10px 14px;font-size:18px;line-height:1.85;letter-spacing:.3px;color:var(--text-muted);background:var(--bg-table);border-radius:3px;cursor:text;box-sizing:border-box;border:1px solid transparent;outline:none;white-space:normal;overflow-wrap:break-word;overflow-y:auto;resize:none}.notice-board{border-color:var(--accent-gold)} .notice-board:focus{border-color:var(--accent);outline:none}