.reports-badge { border-radius:1rem; background:#8c4c42; color:#fff0d9; padding:.15rem .45rem; }
.reports-dialog { box-sizing:border-box; width:min(1180px,96vw); height:min(860px,90dvh); max-height:90dvh; padding:0; border:1px solid #ac915c88; border-radius:10px; background:#0d1924; color:#e8e0ce; box-shadow:0 24px 90px #0009; font:14px/1.5 "Segoe UI",sans-serif; overflow:hidden; }
.reports-dialog[open] { display:flex; flex-direction:column; }
.reports-dialog::backdrop { background:#050d17a8; }
.reports-heading { display:flex; justify-content:space-between; align-items:center; gap:16px; flex-shrink:0; padding:20px 24px 14px; background:linear-gradient(110deg,#1b2b36ef,#111e2aef),url('/assets/ui/castle/shared/panel-texture.webp') center/cover; }
.reports-heading h2 { color:#eee0c2; font:500 30px/1.15 Georgia,serif; margin:0 0 4px; }
.reports-heading p { color:#a9b7c2; font-size:12px; margin:0; }
.reports-dialog button { font:inherit; border:1px solid #9d87544d; border-radius:5px; padding:8px 12px; background:#182936; color:#dbd9ce; cursor:pointer; }
.reports-dialog button:hover:not(:disabled) { background:#243644; border-color:#bba16a99; }
.reports-dialog button:disabled { opacity:.55; cursor:wait; }
.reports-dialog :is(button,a,summary,[tabindex]):focus-visible, .reports-launcher:focus-visible { outline:2px solid #d2b575; outline-offset:2px; }
.reports-heading :is([data-reports-close], [data-alliance-close]) { width:36px; height:36px; padding:0; font-size:25px; color:#dac28b; flex-shrink:0; }
.reports-dialog :is([data-reports-filters], [data-alliance-tabs]) { display:flex; flex-wrap:wrap; gap:6px; padding:10px 24px 14px; border-bottom:1px solid #a68b5540; flex-shrink:0; }
.reports-dialog :is([data-reports-filters], [data-alliance-tabs]) button { background:transparent; border-color:transparent; font-size:12px; padding:8px 15px; }
.reports-dialog :is([data-reports-filters], [data-alliance-tabs]) button[aria-pressed="true"] { color:#efdba9; background:#213240; border-bottom:2px solid #caab6a; }
.reports-dialog :is([data-reports-status], [data-alliance-status]) { margin:0; padding:6px 24px; color:#dec58c; font-size:12px; flex-shrink:0; }
.reports-dialog :is([data-reports-status], [data-alliance-status]):empty { display:none; }
.reports-columns { display:grid; grid-template-columns:310px minmax(0,1fr); flex:1; min-height:0; overflow:hidden; }
.reports-list, .reports-columns > article { min-width:0; min-height:0; overflow-y:auto; overflow-wrap:anywhere; overscroll-behavior:contain; scrollbar-width:thin; scrollbar-color:#536575 #0f1d29; }
.reports-list { padding:14px 12px; background:#101f2b; border-right:1px solid #a68b5540; }
.reports-list > button { display:flex; gap:10px; width:100%; text-align:left; margin-bottom:8px; padding:12px; background:#142430; border-color:#8498a126; }
.report-list-content { min-width:0; }
.report-list-content strong { display:block; font-size:13px; font-weight:500; line-height:1.4; color:#d9dacf; }
.report-list-content small { display:block; color:#91a5b3; font-size:10px; margin-top:5px; }
.reports-list .is-unread { border-left:3px solid #c9ad72; }
.reports-list .is-unread strong { color:#f1e6cc; font-weight:600; }
.reports-list > button[aria-pressed="true"] { background:#243542; border-color:#c9ad72; box-shadow:inset 0 0 0 1px #c9ad7218; }
.report-type-icon { width:23px; height:23px; flex:0 0 23px; color:#bca775; margin-top:2px; }
.report-type-icon path { fill:none; stroke:currentColor; stroke-width:1.4; stroke-linecap:round; stroke-linejoin:round; }
.reports-columns > article { padding:20px 24px 28px; background:#0e1b26; }
.report-detail-heading { display:flex; justify-content:space-between; flex-wrap:wrap; align-items:flex-start; gap:14px; padding-bottom:18px; margin-bottom:16px; border-bottom:1px solid #a68b5540; }
.report-detail-heading > div { flex:1 1 240px; min-width:0; }
.report-eyebrow { color:#c2aa76; text-transform:uppercase; letter-spacing:.14em; font-size:10px; }
.report-detail-heading h3 { font:500 25px/1.3 Georgia,serif; color:#eee1c3; margin:6px 0 10px; }
.report-metadata { color:#95a8b7; font-size:11px; margin:0; }
.reports-dialog .report-favorite { font-size:11px; color:#d3b979; }
.reports-dialog .report-favorite[aria-pressed="true"] { background:#343324; border-color:#b59a5c; }
.reports-columns > article > p { font-size:12px; color:#b4c2cb; }
.reports-dialog a { display:inline-flex; align-items:center; gap:5px; padding:5px 9px; border:1px solid #a48e5655; border-radius:4px; background:#1a2c3a; color:#d9c392; text-decoration:none; }
.reports-dialog a:hover { color:#ffebbe; border-color:#b59a5c; }
.report-result { border:1px solid #a68b5566; border-radius:6px; padding:18px; margin:18px 0; background:linear-gradient(110deg,#26363b,#152431); }
.report-result > strong { display:block; font:500 25px/1.2 Georgia,serif; text-transform:uppercase; letter-spacing:.08em; color:#e0d2ae; }
.report-result p { font-size:12px; color:#bac5c7; margin:8px 0 0; }
.report-result.is-victory { background:linear-gradient(110deg,#293e34,#142630); border-left:3px solid #879e69; }
.report-result.is-defeat { background:linear-gradient(110deg,#402a2d,#1b2631); border-left:3px solid #af7367; }
.report-conquest { border:1px solid #a68b5533; border-radius:6px; background:#152531; padding:14px 16px; margin:16px 0; }
.report-conquest h3, [data-reports-detail] > h3 { color:#cbb785; font-size:13px; margin:0 0 12px; }
.report-conquest p { font-size:12px; margin:5px 0; color:#becbd2; }
.report-round { border:1px solid #a68b5544; border-radius:6px; background:#13232f; margin:12px 0; overflow:hidden; }
.report-round summary { cursor:pointer; color:#dcc799; padding:12px 14px; font-size:13px; background:#1b2c38; }
[data-reports-detail] { container-type:inline-size; }
.report-round-sides { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; padding:0 12px 12px; }
.report-side { min-width:0; background:#0f1d28; border:1px solid #899bac33; border-top:2px solid #99996b; border-radius:5px; }
.report-side.is-defender { border-top-color:#a07863; }
.report-side-summary { padding:12px; }
.report-side-summary h4 { margin:0 0 6px; text-transform:uppercase; letter-spacing:.08em; font-size:10px; color:#c4bd96; }
.report-side.is-defender h4 { color:#c9a795; }
.report-side-summary strong { display:block; color:#e6decb; font-size:17px; font-weight:500; font-variant-numeric:tabular-nums; }
@container (max-width:680px) { .report-round-sides { grid-template-columns:minmax(0,1fr); } }
.report-round-meta { margin:10px 14px; color:#9cafbb; font-size:10px; }
.report-table-wrap { overflow-x:auto; margin:0 8px 10px; }
.report-round table { width:100%; border-collapse:collapse; font-size:12px; font-variant-numeric:tabular-nums; }
.report-round caption { text-align:left; color:#9eafba; font-size:10px; padding:7px 0; }
.report-round th, .report-round td { padding:9px 7px; border-bottom:1px solid #8a9ead22; text-align:right; }
.report-round thead { background:#0e1d28; color:#afbdc7; font-size:10px; }
.report-round th:first-child { text-align:left; }
.report-round tbody th { font-weight:400; min-width:110px; }
.report-losses { color:#d89989; }
.report-unit { display:flex; align-items:center; gap:7px; color:#dddacb; }
.report-unit-art { width:32px; height:40px; flex:0 0 32px; border-radius:3px; background:radial-gradient(ellipse,#50606b55,transparent); }
.report-unit-art img { width:100%; height:100%; object-fit:contain; }
[data-reports-detail] > dl { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px 14px; background:#162632; border:1px solid #a68b5533; border-radius:5px; padding:14px; font-size:12px; margin-bottom:20px; }
[data-reports-detail] > dl dt { font-weight:400; color:#b3c2cb; }
[data-reports-detail] > dl dd { margin:0; color:#e2d7bd; }
.report-empty { display:grid; place-content:center; min-height:120px; padding:20px; text-align:center; color:#9aafbc; border:1px dashed #a68b5540; border-radius:6px; }
.scout-heading { padding:18px; border:1px solid #ac915c55; border-radius:6px; background:linear-gradient(115deg,#304047e8,#132431f5),url('/assets/ui/castle/shared/panel-texture.webp') center/cover; }
.scout-target { flex-basis:100%; margin:0; color:#aebec7; font-size:12px; }
.scout-dossier { display:grid; gap:14px; }
.scout-section { min-width:0; padding:16px; border:1px solid #ac915c44; border-radius:6px; background:linear-gradient(130deg,#192c39,#12222f); }
.scout-section h3 { margin:0 0 14px; color:#d7bf87; font-size:12px; text-transform:uppercase; letter-spacing:.1em; }
.scout-section p { color:#aebfcb; font-size:12px; margin:10px 0 0; }
.scout-result { border-left:3px solid #b49c64; }
.scout-result strong { font:500 20px/1.4 Georgia,serif; color:#e7dcc2; }
.scout-result progress { display:block; width:100%; height:7px; margin:10px 0 16px; border:0; border-radius:4px; overflow:hidden; background:#0b1924; accent-color:#b49c64; }
.scout-result progress::-webkit-progress-bar { background:#0b1924; }
.scout-result progress::-webkit-progress-value { background:linear-gradient(90deg,#7b8669,#c3aa73); }
.scout-result progress::-moz-progress-bar { background:#b49c64; }
.scout-cards { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:0; }
.scout-cards > div { min-width:0; padding:12px; background:#0e1c28; border:1px solid #8397a32b; border-radius:5px; }
.scout-cards dt { color:#99adbb; font-size:11px; }
.scout-cards dd { margin:5px 0 0; color:#e3dbc5; font-size:15px; font-variant-numeric:tabular-nums; }
.scout-resources { grid-template-columns:repeat(3,minmax(0,1fr)); }
.scout-resource-art { display:block; width:36px; height:36px; margin-bottom:6px; border-radius:50%; background:radial-gradient(#77806a66,transparent); }
.scout-resource-art img { width:100%; height:100%; object-fit:contain; }
.scout-columns { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.scout-facts { margin:0; }
.scout-facts > div { display:grid; grid-template-columns:minmax(0,1fr) minmax(45px,auto); align-items:center; gap:12px; padding:10px 0; border-top:1px solid #91a3ad26; }
.scout-facts dt { font-size:12px; }
.scout-facts dd { margin:0; text-align:right; color:#d7c59e; font-size:12px; font-variant-numeric:tabular-nums; }
.scout-unknown { padding:14px; border:1px dashed #ac915c44; border-radius:4px; }
@container (max-width:560px) { .scout-columns { grid-template-columns:minmax(0,1fr); } .scout-section { padding:12px; } .scout-cards > div { padding:8px; } .scout-cards dd { font-size:13px; } }
@media(max-width:760px) {
    .reports-dialog { width:96vw; height:94dvh; max-height:94dvh; }
    .reports-heading { padding:14px 16px 10px; }
    .reports-heading h2 { font-size:25px; }
    .reports-dialog :is([data-reports-filters], [data-alliance-tabs]) { padding:8px 12px; gap:3px; }
    .reports-dialog :is([data-reports-filters], [data-alliance-tabs]) button { padding:7px 8px; }
    .reports-columns { grid-template-columns:minmax(0,1fr); grid-template-rows:minmax(100px,28%) minmax(0,1fr); }
    .reports-list { padding:8px; border-right:0; border-bottom:1px solid #a68b5540; }
    .reports-columns > article { padding:14px; }
    .report-detail-heading h3 { font-size:21px; }
    .report-side-summary strong { font-size:14px; }
    .report-unit-art { width:24px; height:30px; flex-basis:24px; }
    .report-round th,.report-round td { padding:7px 4px; }
}