.legacy-kill-detail { width:100%; }
.legacy-kill-sr-only { position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0; }
.legacy-kill-columns { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,374px); gap:16px; }
.legacy-kill-left,.legacy-kill-right { min-width:0; display:flex; flex-direction:column; gap:16px; }
.legacy-kill-main { display:flex; align-items:flex-start; gap:16px; }
.legacy-wheel { position:relative; flex:1; min-width:0; max-width:650px; aspect-ratio:1; margin:0 auto; }
.legacy-wheel-background { position:absolute; inset:3%; border-radius:50%; overflow:hidden; z-index:1; }
.legacy-wheel-background img { width:100%; height:100%; object-fit:cover; border-radius:50%; }
.legacy-wheel-outer,.legacy-wheel-inner { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; }
.legacy-wheel-outer { z-index:4; }.legacy-wheel-inner { z-index:3; }
.legacy-wheel-dot { position:absolute; z-index:7; width:12px; height:12px; border-radius:50%; transform:translate(-50%,-50%); }
.legacy-wheel-dot.top { background:rgba(180,60,60,.8); }.legacy-wheel-dot.right { background:rgba(60,120,180,.8); }.legacy-wheel-dot.bottom { background:rgba(180,140,60,.8); }.legacy-wheel-dot.left { background:rgba(150,150,150,.6); }
.legacy-wheel-slot { position:absolute; z-index:6; width:42px; height:42px; border-radius:50%; background:rgba(0,0,0,.1); transform:translate(-50%,-50%); }
.legacy-victim-card { flex:none; width:252px; box-sizing:border-box; border:1px solid rgba(255,255,255,.08); border-radius:12px; overflow:hidden; }
.legacy-victim-portrait { position:relative; width:100%; aspect-ratio:1; background:rgba(255,255,255,.04); overflow:hidden; }
.legacy-victim-portrait:after { position:absolute; inset:0; content:""; background:linear-gradient(to top,rgba(0,0,0,.9),transparent 65%); pointer-events:none; }
.legacy-victim-portrait>img { width:100%; height:100%; object-fit:cover; }
.legacy-victim-logos { position:absolute; z-index:2; right:8px; bottom:8px; display:flex; gap:4px; }.legacy-victim-logos img { width:40px; height:40px; border:1px solid rgba(255,255,255,.1); border-radius:8px; background:rgba(0,0,0,.6); }
.legacy-victim-name { position:absolute; z-index:2; left:12px; right:90px; bottom:12px; display:flex; flex-direction:column; gap:2px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.legacy-victim-name strong { color:#fff; font-size:16px; line-height:20px; }.legacy-victim-name span { color:rgba(209,213,219,.8); font-size:14px; line-height:18px; }.legacy-victim-name small { color:rgba(156,163,175,.8); font-size:12px; }
.legacy-victim-stats,.legacy-victim-value { background:rgba(255,255,255,.04); padding:12px 16px; font-size:14px; }
.legacy-victim-stats { display:flex; flex-direction:column; gap:7px; }.legacy-victim-stats>div,.legacy-victim-value { display:flex; justify-content:space-between; gap:8px; }
.legacy-victim-stats span { color:#6b7280; }.legacy-victim-stats strong { color:#d1d5db; font-weight:400; text-align:right; white-space:nowrap; }.legacy-victim-stats em { font-style:normal; font-weight:500; }.legacy-victim-stats em.security-high{color:var(--color-brand-primary)}.legacy-victim-stats em.security-low{color:#fbbf24}.legacy-victim-stats em.security-null{color:var(--color-error)}
.legacy-victim-value { border-top:1px solid rgba(255,255,255,.08); padding-top:10.5px; padding-bottom:10.5px; }.legacy-victim-value span { color:#9ca3af; font-weight:500; }.legacy-victim-value strong { color:#fff; font-weight:600; font-variant-numeric:tabular-nums; }
.legacy-item-panel { padding:8px; }.legacy-item-heading,.legacy-item-row,.legacy-item-group { display:grid; grid-template-columns:28px minmax(0,1fr) 50px; align-items:center; gap:8px; padding:6px 8px; }
.legacy-item-heading { border-bottom:1px solid rgba(255,255,255,.08); color:#4b5563; font-size:12px; letter-spacing:.08em; text-transform:uppercase; }.legacy-item-heading strong,.legacy-item-heading b { font-weight:700; }.legacy-item-heading b { text-align:center; }
.legacy-item-heading { padding-top:5px; padding-bottom:5px; }
.legacy-item-row { background:color-mix(in srgb,var(--color-error) 5%,transparent); border-bottom:1px solid rgba(255,255,255,.02); color:rgba(252,165,165,.8); font-size:14px; line-height:20px; }.legacy-item-row.hull { border-bottom-color:rgba(255,255,255,.04); font-weight:500; }
.legacy-item-row:not(.hull) { padding-top:4px; padding-bottom:4px; }
.legacy-item-row img { width:24px; height:24px; border-radius:4px; background:rgba(255,255,255,.04); }.legacy-item-row span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.legacy-item-row b { justify-self:center; padding:2px 6px; border-radius:4px; background:color-mix(in srgb,var(--color-error) 10%,transparent); color:var(--color-error); font-size:12px; line-height:16px; font-weight:500; }
.legacy-item-group { margin-top:4px; background:rgba(255,255,255,.03); border-bottom:1px solid rgba(255,255,255,.04); color:#9ca3af; font-size:14px; text-transform:uppercase; letter-spacing:.08em; }.legacy-item-group strong { font-weight:700; }.legacy-item-group small { color:#4b5563; font-weight:400; letter-spacing:normal; text-transform:none; }
.legacy-item-group { padding-top:5.5px; padding-bottom:5.5px; }
.legacy-original summary { color:#6b7280; font-size:16px; line-height:24px; cursor:pointer; }.legacy-original summary:hover{color:var(--color-brand-primary)}.legacy-original pre { margin-top:8px; padding:16px; border-radius:8px; border:1px solid rgba(255,255,255,.06); background:rgba(255,255,255,.02); color:#9ca3af; font-size:14px; white-space:pre-wrap; overflow-x:auto; }
.legacy-attacker-panel { padding:12px; }.legacy-final-blow { position:relative; width:100%; aspect-ratio:1; overflow:hidden; border:1px solid rgba(245,158,11,.2); border-radius:12px; margin-bottom:12px; }
.legacy-final-ship { width:100%; height:100%; object-fit:contain; transition:transform .3s; }.legacy-final-blow:hover .legacy-final-ship { transform:scale(1.1); }.legacy-final-empty { position:absolute; inset:0; background:rgba(255,255,255,.04); }
.legacy-final-shade { position:absolute; inset:0; background:linear-gradient(to top,rgba(0,0,0,.9),rgba(0,0,0,.3),transparent); pointer-events:none; }
.legacy-final-badge { position:absolute; top:8px; left:8px; padding:2px 8px; border-radius:4px; background:rgba(245,158,11,.2); color:#fbbf24; font-size:12px; line-height:16px; font-weight:700; letter-spacing:.15em; text-transform:uppercase; }
.legacy-final-portrait { position:absolute; top:8px; right:8px; width:64px; height:64px; border:1px solid rgba(255,255,255,.1); border-radius:8px; object-fit:cover; }
.legacy-final-label { position:absolute; left:10px; right:10px; bottom:10px; display:flex; flex-direction:column; gap:2px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.legacy-final-label strong { color:#fff; font-size:16px; line-height:20px; }.legacy-final-label span,.legacy-final-label small { color:rgba(209,213,219,.8); font-size:12px; line-height:16px; }.legacy-final-label small { color:rgba(156,163,175,.8); }
.legacy-attackers-title { padding:0 8px 8px; margin-bottom:8px; border-bottom:1px solid rgba(255,255,255,.08); color:color-mix(in srgb,var(--color-brand-primary) 80%,#fff); font-size:12px; line-height:16px; font-weight:700; letter-spacing:.15em; text-transform:uppercase; }
.legacy-attackers { display:flex; flex-direction:column; gap:4px; }.legacy-attacker-row { border-radius:8px; }.legacy-attacker-row.final-blow { box-shadow:inset 0 0 0 1px rgba(245,158,11,.3); }
.legacy-attacker-row[hidden] { display:none; }.legacy-attacker-images,.legacy-attacker-labels { display:flex; }.legacy-attacker-cell { position:relative; width:48px; height:48px; flex:none; background:rgba(255,255,255,.04); }.legacy-attacker-cell img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; border-radius:2px; transition:transform .15s; }.legacy-attacker-cell:hover img { z-index:3; transform:scale(1.15); box-shadow:0 4px 12px rgba(0,0,0,.5); }
.legacy-attacker-labels { padding:0 2px 4px; color:#6b7280; font-size:12px; line-height:16px; }.legacy-attacker-labels span { width:48px; flex:none; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center; }.legacy-attacker-row[data-hovered="char"] [data-label="char"],.legacy-attacker-row[data-hovered="corp"] [data-label="corp"],.legacy-attacker-row[data-hovered="alli"] [data-label="alli"],.legacy-attacker-row[data-hovered="ship"] [data-label="ship"],.legacy-attacker-row[data-hovered="wpn"] [data-label="wpn"] { color:var(--color-brand-primary); }
.legacy-show-attackers { width:100%; margin-top:8px; padding:8px; border:0; background:none; color:#6b7280; font:inherit; font-size:14px; cursor:pointer; }.legacy-show-attackers:hover { color:var(--color-brand-primary); }
@media(max-width:1279px){.legacy-kill-columns{grid-template-columns:1fr}.legacy-kill-right{max-width:374px}}
@media(max-width:767px){.legacy-wheel{display:none}.legacy-victim-card{width:100%}.legacy-kill-main{display:block}.legacy-kill-right{max-width:none}}
