/* ==========================================================================
   我的彩虹六号：围攻 —— Sunny 主题配套样式
   --------------------------------------------------------------------------
   通用部分（名片 / 指标 / 卡片墙 / 职责卡 / 统计网格 / 抽屉 / 空状态）
   统一由 common/panel.css 提供，本文件只保留彩虹六号独有的东西：
     1) 阵营色（进攻 / 防守）与胜负高亮
     2) 赛季历程表格
     3) 调试信息
   ========================================================================== */

/* ---------- 1. 阵营色 ---------- */
.r6, .r6-dw {
    --r6-atk:  #e8703a;
    --r6-def:  #4d8bd6;
    --r6-win:  #43b856;
    --r6-lose: #e0573f;
}

/* 名片上的平台胶囊 */
.r6-chip-pf {
    color: #fff;
    background: linear-gradient(135deg, var(--pn-theme), color-mix(in srgb, var(--pn-theme) 78%, #000));
    border-color: transparent;
}

/* 卡片角标：进攻 / 防守 */
.pn-pc-tag.is-atk { background: var(--r6-atk); }
.pn-pc-tag.is-def { background: var(--r6-def); }

/* ---------- 卡片主图：人物立绘；名字前的标志 ---------- */
/* 立绘是 300×500 的竖构图，给图区一个 3:4 的框，object-fit 裁掉上下一点点，
   正好落在头肩位置。若想改回方形，把 aspect-ratio 改成 1 / 1 即可 */
.r6 .pn-pc-art { aspect-ratio: 3 / 4; }
.r6 .pn-pc-art img { object-fit: cover; object-position: 50% 8%; }
/* 没有立绘时退回方形标志，改成 contain 免得被裁掉 */
.r6 .pn-pc-art img.is-mark { object-fit: contain; padding: 14%; }

.r6 .pn-pc-name {
    display: flex;
    align-items: center;
    gap: .35rem;
    min-width: 0;
}
.r6 .pn-pc-name > span {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
/* 干员标志（方形透明底徽记） */
.r6 .pn-pc-mark {
    flex: 0 0 auto;
    width: 2rem;
    height: 2rem;
    object-fit: contain;
}

/* 抽屉头部：立绘做头像、标志放名字前 */
.r6-dw .pn-dw-ava img { object-position: 50% 6%; }
.r6-dw .pn-dw-nm {
    display: flex;
    align-items: center;
    gap: .4rem;
}
.r6-dw .pn-dw-mark {
    flex: 0 0 auto;
    width: 1.15rem;
    height: 1.15rem;
    object-fit: contain;
}

/* 抽屉头部的阵营标签 */
.pn-dw-role.is-atk { background: var(--r6-atk); }
.pn-dw-role.is-def { background: var(--r6-def); }

/* 卡片副标题（英文名） */
.r6-pc-en {
    overflow: hidden;
    font-size: .65rem;
    color: var(--pn-text-3);
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* ==========================================================================
   2. 赛季历程表格
   ========================================================================== */
.r6-scope {
    margin: 0 0 .75rem;
    font-size: 12px;
    color: var(--pn-text-3);
}

.r6-table-wrap {
    max-height: 28rem;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    border: 1px solid var(--pn-line);
    border-radius: var(--pn-radius-sm);
}
.r6-table {
    width: 100%;
    border-collapse: collapse;
    font-size: .8rem;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}
.r6-table thead th {
    position: sticky;
    top: 0;
    z-index: 1;
    padding: .5rem .75rem;
    font-size: .7rem;
    font-weight: 700;
    letter-spacing: .05em;
    color: var(--pn-text-3);
    text-align: left;
    background: var(--pn-bg-soft);
    border-bottom: 1px solid var(--pn-line);
}
.r6-table tbody td {
    padding: .5rem .75rem;
    color: var(--pn-text-2);
    border-bottom: 1px solid var(--pn-line-soft);
}
.r6-table tbody tr:last-child td { border-bottom: none; }
.r6-table tbody tr:hover td { background: var(--pn-fill); }

.r6-td-season {
    display: flex;
    align-items: center;
    gap: .5rem;
    color: var(--pn-text);
}
.r6-td-season b { font-size: .8rem; }
.r6-td-season span { font-size: .72rem; color: var(--pn-text-3); }
.r6-dot {
    flex: 0 0 auto;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    box-shadow: 0 0 0 3px color-mix(in srgb, currentColor 12%, transparent);
}
.r6-td-kd { font-weight: 700; color: var(--pn-text); }
.r6-td-pt { font-weight: 700; color: var(--pn-theme); }
.r6-w { font-weight: 700; color: var(--r6-win); }
.r6-l { font-weight: 700; color: var(--r6-lose); }

/* ==========================================================================
   3. 调试信息
   ========================================================================== */
.r6-debug {
    margin-bottom: 1rem;
    padding: .75rem 1rem;
    font-size: .76rem;
    color: var(--pn-text-2);
    background: var(--pn-fill);
    border: 1px solid var(--pn-line);
    border-radius: var(--pn-radius-sm);
}
.r6-debug-pre {
    margin-top: .5rem;
    font-size: .7rem;
    text-align: left;
    white-space: pre-wrap;
    word-break: break-all;
}