/* Expanded report v2: semantic layout only. Real interface text stays in Razor. */

.report-full-v2 {
    position: relative;
    min-height: clamp(39rem, 47vw, 52rem) !important;
    padding: clamp(1.2rem, 1.8vw, 1.8rem) !important;
    padding-bottom: clamp(8rem, 9vw, 10rem) !important;
    overflow: visible !important;
    background:
        url("/img/reports-ui/report-card-frame.svg") center / 100% 100% no-repeat,
        url("/img/reports-ui/report-full-background.svg") center / cover,
        #090706 !important;
}

.report-v2-meta {
    display: grid;
    grid-template-columns: minmax(16rem, 1.3fr) minmax(18rem, 1.4fr) minmax(7rem, 0.48fr) minmax(8rem, 0.55fr);
    min-height: clamp(6rem, 7vw, 8rem);
    margin-bottom: 0;
    border: 1px solid rgba(128, 87, 51, 0.62);
    background:
        linear-gradient(90deg, rgba(0, 0, 0, 0.25), rgba(255, 230, 186, 0.035), rgba(0, 0, 0, 0.22)),
        rgba(0, 0, 0, 0.28);
}

.report-v2-meta-cell {
    display: grid;
    align-content: center;
    min-width: 0;
    padding: clamp(0.85rem, 1.25vw, 1.25rem) clamp(1rem, 1.55vw, 1.55rem);
    border-right: 1px solid rgba(128, 87, 51, 0.5);
}

.report-v2-meta-cell .eyebrow {
    margin: 0 0 0.36rem;
    color: #d6a257;
    font-family: var(--reports-smallcaps, Georgia, serif);
    font-size: clamp(0.62rem, 0.78vw, 0.78rem);
    font-weight: 700;
    letter-spacing: 0.15em;
}

.report-v2-meta-cell strong {
    min-width: 0;
    overflow: hidden;
    color: #fff1d0;
    font-family: var(--reports-serif, Georgia, serif);
    font-size: clamp(1.2rem, 1.75vw, 2rem);
    font-weight: 650;
    line-height: 1.05;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.report-v2-meta-mission,
.report-v2-meta-format,
.report-v2-meta-points {
    justify-items: center;
    text-align: center;
}

.report-v2-meta-format strong,
.report-v2-meta-points strong {
    font-size: clamp(1.05rem, 1.4vw, 1.45rem);
}

.report-v2-edit {
    display: grid;
    justify-items: end;
    margin-top: clamp(0.75rem, 1vw, 1.1rem);
    margin-bottom: clamp(0.45rem, 0.8vw, 0.85rem);
    padding-right: clamp(0.35rem, 0.8vw, 0.8rem);
}

.report-v2-edit .button {
    min-width: clamp(8rem, 10vw, 11rem);
    color: #ffe1a6 !important;
    border-color: rgba(240, 180, 90, 0.58) !important;
    background: rgba(0, 0, 0, 0.48) !important;
}

.report-v2-motto {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    column-gap: clamp(8.4rem, 10.5vw, 12.5rem);
    align-items: center;
    min-height: clamp(2.6rem, 3vw, 3.5rem);
    padding: 0 clamp(1.3rem, 1.8vw, 2rem);
    color: rgba(214, 162, 87, 0.74);
    font-family: var(--reports-smallcaps, Georgia, serif);
    font-size: clamp(0.58rem, 0.72vw, 0.72rem);
    font-weight: 650;
    letter-spacing: 0.26em;
    text-transform: uppercase;
}

.report-v2-motto span:first-child {
    justify-self: end;
}

.report-v2-motto span:last-child {
    justify-self: start;
}

.report-v2-duel {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) clamp(7.4rem, 8.2vw, 9rem) minmax(0, 1fr);
    gap: clamp(1rem, 1.5vw, 1.7rem);
    min-height: clamp(24rem, 30vw, 35rem);
    align-items: stretch;
}

.report-v2-side {
    position: relative;
    display: grid;
    grid-template-rows: auto 1fr;
    min-width: 0;
    border: 1px solid rgba(128, 87, 51, 0.6);
    background:
        linear-gradient(180deg, rgba(255, 230, 186, 0.026), rgba(0, 0, 0, 0.18)),
        url("/img/reports-ui/report-team-panel-pattern.svg") center / cover,
        rgba(0, 0, 0, 0.20);
}

.report-v2-side.outcome-victory {
    border-color: rgba(111, 163, 109, 0.72);
    box-shadow: inset 0 0 0 1px rgba(111, 163, 109, 0.08);
}

.report-v2-side.outcome-defeat {
    border-color: rgba(208, 82, 69, 0.65);
    box-shadow: inset 0 0 0 1px rgba(208, 82, 69, 0.08);
}

.report-v2-side-header {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: clamp(0.8rem, 1.2vw, 1.25rem);
    align-items: center;
    min-height: clamp(3.7rem, 4.4vw, 5rem);
    padding: clamp(0.65rem, 0.95vw, 0.95rem) clamp(1.05rem, 1.55vw, 1.55rem);
    border: 0 !important;
}

.report-v2-side-right .report-v2-side-header {
    grid-template-columns: auto minmax(0, 1fr);
    text-align: right;
}

.report-v2-side-header .eyebrow {
    margin: 0 0 0.2rem;
    color: #d6a257;
    font-family: var(--reports-smallcaps, Georgia, serif);
    font-size: clamp(0.58rem, 0.74vw, 0.74rem);
    letter-spacing: 0.18em;
}

.report-v2-side.outcome-victory .report-v2-side-header .eyebrow {
    color: #9cc982;
}

.report-v2-side.outcome-defeat .report-v2-side-header .eyebrow {
    color: #e36d61;
}

.report-v2-side-header h2 {
    margin: 0;
    color: #fff1d0;
    font-family: var(--reports-serif, Georgia, serif);
    font-size: clamp(1.35rem, 1.9vw, 2.15rem);
    font-weight: 650;
    line-height: 1.02;
    letter-spacing: 0.04em;
}

.report-v2-score {
    display: grid;
    place-items: center;
    min-width: clamp(3.7rem, 4.3vw, 4.8rem);
    min-height: clamp(3rem, 3.6vw, 4rem);
    margin-top: 0;
    border: 1px solid rgba(240, 180, 90, 0.58);
    background: rgba(0, 0, 0, 0.38);
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.55);
}

.report-v2-score strong {
    color: #ffe3a8;
    font-family: var(--reports-serif, Georgia, serif);
    font-size: clamp(1.65rem, 2.55vw, 2.75rem);
    font-weight: 700;
    line-height: 0.9;
}

.report-v2-score span {
    color: #caa16a;
    font-size: 0.56rem;
    text-transform: uppercase;
}

.report-v2-participants {
    display: grid;
    align-content: center;
    gap: clamp(0.95rem, 1.35vw, 1.45rem);
    min-height: 0;
    padding: clamp(1rem, 1.4vw, 1.5rem) clamp(1.1rem, 1.6vw, 1.6rem) clamp(1.25rem, 1.8vw, 1.8rem);
}

.report-v2-side.report-side-solo .report-v2-participants {
    align-content: center;
    grid-auto-rows: clamp(9rem, 11vw, 12.5rem);
}

.report-v2-side.report-side-solo .report-v2-player {
    min-height: clamp(9rem, 11vw, 12.5rem);
    height: clamp(9rem, 11vw, 12.5rem);
}

.report-v2-player {
    display: grid;
    align-items: center;
    gap: clamp(1.1rem, 1.65vw, 1.8rem);
    min-height: clamp(9rem, 11vw, 12.5rem);
    border: 0 !important;
}

.report-v2-player-left {
    grid-template-columns: minmax(0, 1fr) clamp(7.9rem, 9.2vw, 10.2rem);
}

.report-v2-player-right {
    grid-template-columns: clamp(7.9rem, 9.2vw, 10.2rem) minmax(0, 1fr);
    text-align: right;
}

.report-v2-player h3 {
    margin: 0 0 0.55rem;
    color: #fff1d0;
    font-family: var(--reports-serif, Georgia, serif);
    font-size: clamp(1.55rem, 2.2vw, 2.45rem);
    font-weight: 650;
    line-height: 1.03;
}

.report-v2-faction {
    margin: 0 0 0.45rem;
    color: #ffd990;
    font-family: var(--reports-smallcaps, Georgia, serif);
    font-size: clamp(0.75rem, 0.92vw, 0.95rem);
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.report-v2-detachment {
    margin: 0;
    color: #c6b59a;
    font-family: var(--reports-serif, Georgia, serif);
    font-size: clamp(0.9rem, 1.1vw, 1.12rem);
}

.report-v2-emblem {
    display: grid;
    place-items: center;
    width: clamp(7.2rem, 8.5vw, 9.7rem);
    height: clamp(7.2rem, 8.5vw, 9.7rem);
    border: 1px solid rgba(240, 180, 90, 0.42);
    border-radius: 50%;
    background:
        radial-gradient(circle, rgba(240, 180, 90, 0.12), transparent 66%),
        rgba(0, 0, 0, 0.28);
}

.report-v2-emblem img {
    max-width: 92%;
    max-height: 92%;
    object-fit: contain;
    filter: drop-shadow(0 12px 16px rgba(0, 0, 0, 0.72));
}

.report-v2-center {
    position: relative;
    display: grid;
    grid-template-rows: 1fr auto 1fr;
    justify-items: center;
    align-items: center;
    min-width: 0;
    overflow: visible !important;
    border: 1px solid rgba(128, 87, 51, 0.62);
    background:
        url("/img/reports-ui/report-vs-column.svg") center / cover,
        linear-gradient(180deg, #100706, #090504);
}

.report-v2-aquila {
    align-self: start;
    margin-top: clamp(1rem, 1.4vw, 1.4rem);
    color: rgba(214, 162, 87, 0.36);
    font-size: clamp(1.2rem, 1.6vw, 1.6rem);
}

.report-v2-center strong {
    color: #ffe1a6;
    font-family: var(--reports-serif, Georgia, serif);
    font-size: clamp(2rem, 3.3vw, 3.6rem);
    font-weight: 650;
    text-shadow: 0 0 22px rgba(240, 180, 90, 0.22), 0 2px 0 #000;
}

.report-v2-seal {
    position: absolute;
    left: 50%;
    top: clamp(-6.2rem, -5.4vw, -4.5rem);
    bottom: auto;
    width: clamp(10.8rem, 12.4vw, 13.8rem);
    height: auto;
    transform: translateX(-50%);
    z-index: 45;
    filter: drop-shadow(0 22px 34px rgba(0, 0, 0, 0.82));
}

.report-v2-roster {
    position: relative;
    min-height: clamp(2.3rem, 2.7vw, 3rem);
    margin-top: 0;
    border: 1px solid rgba(128, 87, 51, 0.5);
    background:
        linear-gradient(180deg, rgba(255, 230, 186, 0.025), rgba(0, 0, 0, 0.24)),
        rgba(0, 0, 0, 0.18);
}

.report-v2-roster > summary {
    min-height: clamp(2.1rem, 2.45vw, 2.8rem);
    justify-content: center !important;
    padding: 0.35rem 1rem !important;
    border-top: 0 !important;
    color: #f4ca86 !important;
    font-family: var(--reports-smallcaps, Georgia, serif) !important;
    font-size: clamp(0.7rem, 0.82vw, 0.86rem) !important;
    letter-spacing: 0.18em !important;
}

@media (max-width: 1100px) {
    .report-v2-meta {
        grid-template-columns: 1fr 1fr;
    }

    .report-v2-duel {
        grid-template-columns: 1fr;
    }

    .report-v2-motto,
    .report-v2-seal {
        display: none !important;
    }

    .report-v2-center {
        min-height: 5rem;
    }
}