:root{color-scheme:dark;--bg:#0e151a;--panel:#162128;--line:#2b3b43;--text:#e4ebe9;--muted:#a3b5ba;--gold:#ddba7b;--cyan:#70d5c7;--red:#f48c79}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 system-ui,sans-serif}header,main,footer{max-width:1460px;margin:auto;padding:30px 42px}header{border-bottom:1px solid var(--line);position:relative;padding-top:45px}h1{font-size:42px;letter-spacing:-1.5px;margin:8px 0}h2{font-size:21px;margin:0 0 8px}h3{font-size:17px}p{color:var(--muted);margin:7px 0 18px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2.8px;color:var(--gold)}#connection{font-size:12px;color:var(--cyan)}.filters{display:flex;gap:15px;flex-wrap:wrap;align-items:end;margin-bottom:15px}label{font-size:12px;color:var(--muted);display:block}select,input,button{font:inherit}select,input[type=password]{display:block;background:#0e191f;color:var(--text);border:1px solid #526670;border-radius:5px;padding:9px 12px;margin-top:5px;max-width:390px}select{min-width:140px}button{padding:10px 15px;border:1px solid #62766f;border-radius:5px;background:#233f3d;color:var(--text);cursor:pointer}button:hover{background:#315650}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:3px}button.link{padding:0;background:none;border:0;color:var(--cyan);text-align:left}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:20px 0}.card{background:var(--panel);border:1px solid var(--line);border-top:2px solid var(--gold);padding:20px;border-radius:7px}.card strong{font-size:32px;display:block;line-height:1.3}.card span{font-size:12px;color:var(--muted)}.grid{display:grid;grid-template-columns:1.3fr 1fr;gap:20px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:23px;margin:0 0 20px;min-width:0}.panel>p{font-size:13px}.note{font-size:12px;color:var(--muted)}.scroll{overflow:auto;max-height:430px}table{width:100%;border-collapse:collapse;font-size:13px;text-align:left}th{color:var(--muted);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.7px;background:var(--panel);position:sticky;top:0}td,th{padding:11px 10px;border-bottom:1px solid var(--line);white-space:nowrap}td:first-child,th:first-child{padding-left:0}.meter{display:flex;align-items:center;gap:14px;margin:18px 0;font-size:13px}.meter progress{width:35%;height:10px;accent-color:var(--cyan)}.meter span{flex:1}canvas{display:block;width:100%;background:#101a20;border-radius:6px}#deaths{cursor:crosshair}.detailhead{display:flex;justify-content:space-between;gap:15px;margin-bottom:12px}.detailhead button{align-self:center}.review{display:grid;grid-template-columns:2fr 1fr;gap:18px}.events{max-height:485px;overflow:auto}.events label{position:sticky;top:0;background:var(--panel);padding-bottom:10px}.event{display:block;width:100%;text-align:left;background:transparent;border:0;border-bottom:1px solid var(--line);font-size:12px;padding:9px}.event.active{border-left:3px solid var(--gold);background:#293b3d}.timeline{display:flex;align-items:center;gap:10px;margin:15px 0}.timeline input{flex:1;accent-color:var(--cyan)}.timeline output{min-width:64px}.legend{display:flex;gap:18px;font-size:11px;color:var(--muted)}.cyan{color:var(--cyan)}.red{color:var(--red)}.gold{color:var(--gold)}.actions{display:flex;align-items:center;gap:25px;margin-top:20px}a{color:var(--cyan)}#shareResult{overflow-wrap:anywhere}#login{max-width:450px;padding:30px;background:var(--panel);border-radius:8px}#login button{margin-top:20px}footer{color:var(--muted);font-size:12px;padding-bottom:40px}[hidden]{display:none!important}@media(max-width:900px){header,main,footer{padding:24px 18px}.grid,.review{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,1fr)}h1{font-size:32px}.events{max-height:250px}.filters select{max-width:270px}.panel{padding:17px}}