*{box-sizing:border-box}[hidden]{display:none !important}html{color-scheme:dark}body{margin:0;background:#101317;color:#e7edf4;font:14px/1.5 "Segoe UI",system-ui,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,select{cursor:pointer}button{border:1px solid #2c343f;background:#232a33;color:#e7edf4;border-radius:5px;padding:8px 13px;font-size:12px;font-weight:600}button:hover:not(:disabled){border-color:#677484;background:#2c3540}button:disabled{cursor:default;opacity:.4}button.primary{background:#d5b47a;color:#191715;border-color:#d5b47a}button.primary:hover:not(:disabled){background:#ebca90}button.text-button{background:rgba(0,0,0,0);border-color:rgba(0,0,0,0);color:#929eac}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,svg g:focus-visible{outline:2px solid #d5b47a;outline-offset:3px}input,select{width:100%;min-width:0;height:34px;border:1px solid #36404d;border-radius:4px;background:#11161c;color:#e7edf4;padding:5px 9px;font-size:12px}input::placeholder{color:#7f8a98}select{padding-right:22px}label{display:flex;flex-direction:column;gap:6px;font-size:10px;font-weight:600;letter-spacing:.03em;color:#a9b4c1}h1,h2,h3,p{margin:0}h1{font-size:30px;line-height:1.3;letter-spacing:-0.035em;font-weight:600}h2{font-size:14px;font-weight:600}h3{font-size:14px;font-weight:600}.muted{color:#929eac;font-size:11px}.skip-link{position:fixed;top:-80px;left:12px;z-index:20;padding:10px;background:#d5b47a;color:#000}.skip-link:focus{top:8px}.app-header{height:65px;border-bottom:1px solid #2c343f;background:#171b21;display:flex;align-items:center;gap:40px;padding:0 26px;position:sticky;top:0;z-index:5}.brand{display:flex;align-items:center;gap:11px;font-size:12px;letter-spacing:.13em;white-space:nowrap;font-weight:600}.brand strong{color:#d5b47a;font-weight:500}.brand-mark{display:grid;place-items:center;width:32px;height:34px;border:1px solid #847052;border-radius:4px 4px 10px 10px;background:linear-gradient(145deg, #4c412f, #26231f);color:#f1d5a5;font:bold 18px Georgia,serif;letter-spacing:-0.1em;padding-right:2px}.header-description{color:#838e9b;font-size:11px}.environment{margin-left:auto;font-size:9px;font-weight:600;letter-spacing:.14em;color:#d5b47a;border:1px solid #4c4131;padding:4px 8px;border-radius:3px;white-space:nowrap}.app-shell{display:grid;grid-template-columns:225px minmax(0, 1fr);min-height:calc(100vh - 65px)}.sidebar{border-right:1px solid #252e38;background:#15191f;padding:25px 13px;position:sticky;top:65px;height:calc(100vh - 65px);overflow:auto;display:flex;flex-direction:column}.library-link{padding:10px 12px;display:flex;gap:10px;align-items:center;color:#c8d1dc;font-size:12px;border:1px solid #303945;border-radius:5px;background:#202731}.library-link:hover{background:#2b333e}.library-link span{font-size:20px;color:#d5b47a}.sidebar-label{color:#74808f;font-size:9px;font-weight:600;letter-spacing:.13em;margin:32px 12px 10px}.sidebar-report{font-size:12px;color:#b7c2cf;padding:0 12px 17px;line-height:1.65}.sidebar-footer{margin:auto 12px 0;padding-top:35px;color:#a4afbc;font-size:10px;line-height:1.9}.sidebar-footer>span:last-child{color:#697686;padding-left:14px}.status-dot{display:inline-block;width:5px;height:5px;background:#71a991;border-radius:50%;margin-right:6px}.fight-button{display:flex;width:100%;text-align:left;gap:8px;align-items:center;padding:10px;border:1px solid rgba(0,0,0,0);background:rgba(0,0,0,0);border-radius:4px;font-size:11px;font-weight:400;margin-bottom:4px}.fight-button.active{background:#2c2a26;border-color:#554631;color:#f1d8b0}.fight-name{min-width:0;overflow-wrap:anywhere}.fight-time{color:#7f8c9d;font-size:10px;margin-left:auto}.fight-marker{color:#ac8157}.success-marker{color:#67b99b}main{min-width:0;padding:35px 38px 0;max-width:1880px;width:100%;margin:0 auto}.eyebrow{color:#d5b47a;font-size:9px;letter-spacing:.15em;font-weight:600;text-transform:uppercase}.page-heading{display:flex;align-items:center;justify-content:space-between;margin:8px 0 29px;gap:15px}.page-heading p{font-size:12px;color:#929eac;margin-top:8px}.recorded-badge{border:1px solid #334139;background:#19251f;color:#97b6a5;border-radius:4px;padding:5px 8px;font-size:8px;letter-spacing:.09em;white-space:nowrap}.filters{display:flex;align-items:end;gap:13px;padding:17px;background:#181d23;border:1px solid #2c343f;border-radius:6px;flex-wrap:wrap}.filters label{flex:1 1 105px}.filters button{height:34px}.library-filters{margin-bottom:31px}.library-filters label:first-child{flex-grow:1.3}.library-filters .activity-search{flex:2 1 220px}.library-filters label:nth-child(4){flex-grow:1.4}.library-filters label:nth-child(5){max-width:105px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:23px 0 13px}.report-list{border:1px solid #2c343f;border-radius:6px;background:#181d23;overflow:hidden}.report-card{display:flex;gap:17px;align-items:center;padding:22px;border-bottom:1px solid #2c343f}.report-card:last-child{border-bottom:0}.report-card:hover{background:#202731}.activity-icon{width:44px;height:44px;display:grid;place-items:center;flex:0 0 auto;border-radius:5px;background:#392c28;border:1px solid #5d4439;color:#c99271;font:600 18px Georgia,serif}.activity-icon.dungeon{background:#22323b;border-color:#364c5d;color:#8eb0c6;font-size:13px}.report-card-title{flex:1;min-width:150px}.report-card-title h3{margin-bottom:5px}.report-card-title p{font-size:10px;color:#929eac}.report-card-meta{display:flex;flex-direction:column;gap:6px;text-align:right;margin-right:12px;min-width:150px}.report-card-meta strong{font-size:11px;font-weight:500;color:#b4bec9}.report-card-meta .muted{font-size:10px}.badge{display:inline-block;width:fit-content;padding:4px 7px;border:1px solid #3a4655;background:#242d39;color:#acbdd0;border-radius:3px;font-size:9px;white-space:nowrap}.badge.success{color:#8dc5a9;background:#1c3027;border-color:#354e3e}.badge.incomplete{color:#d6b379;border-color:#574b35;background:#332d22}.badge.failed{color:#c29894;background:#352827;border-color:#503c3a}.card-arrow{margin-left:8px;color:#788594;font-size:18px}.library-note{color:#7d8999;font-size:11px;margin:28px 0 60px}.library-note strong{color:#b4bfcc;font-weight:500}.page-footer{color:#697686;font-size:8px;letter-spacing:.12em;display:flex;justify-content:space-between;gap:20px;padding:24px 0;margin-top:40px;border-top:1px solid #252d36}.page-footer span{letter-spacing:.03em}.notice{padding:12px 16px;margin-bottom:20px;border:1px solid #3d5947;color:#b6d0c0;background:#1d2b24;border-radius:5px;font-size:12px}.notice.error{border-color:#674844;background:#322323;color:#dfb2ab}.warning{border:1px solid #6a5537;border-radius:4px;background:#30291e;color:#d9bb8c;padding:11px 14px;font-size:11px;margin:18px 0}.report-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.report-heading h1{margin:7px 0 9px}.report-heading button{flex-shrink:0}.report-meta{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;color:#8c99a8;font-size:10px}.analysis-toolbar{display:flex;align-items:end;gap:18px;margin-top:27px;padding-bottom:21px}.analysis-toolbar .text-button{margin-left:auto}.analysis-toolbar>.muted{padding-bottom:8px}.fight-selector{min-width:250px}.view-tabs{display:flex;gap:1px;overflow-x:auto;border-bottom:1px solid #3b4551;margin-bottom:19px}.view-tab{border:0;border-radius:0;border-bottom:2px solid rgba(0,0,0,0);background:rgba(0,0,0,0);color:#9aa6b6;white-space:nowrap;padding:13px 13px 12px;font-size:11px;font-weight:500}.view-tab.active{color:#d5b47a;background:#24221e;border-bottom-color:#d5b47a}.timeline-panel{background:#151a20;border:1px solid #2b333e;border-radius:5px;margin-bottom:16px;padding:15px 17px 8px}.timeline-heading{display:flex;justify-content:space-between;align-items:center}.timeline-heading h2{font-size:11px;font-weight:500}.legend{display:flex;gap:20px;color:#8b98a9;font-size:9px}.legend span::before{content:"";width:5px;height:5px;display:inline-block;margin-right:6px;background:#c38c52;border-radius:1px}.legend .healing-key::before{background:#54b898}.timeline{min-height:124px}.timeline svg{display:block;width:100%;height:132px;overflow:visible;margin-top:9px}.timeline text{fill:#7f8d9f;font-size:10px}.timeline g{cursor:pointer}.timeline g:hover{opacity:.65}.timeline .empty-state{min-height:125px}.damage-bar{fill:#c38c52}.healing-bar{fill:#54b898;opacity:.8}.timeline-note{font-size:9px;color:#7a8799;margin-top:3px}.report-filters{padding:13px;gap:9px}.report-filters label{flex-basis:100px}.report-filters label:nth-child(1),.report-filters label:nth-child(2){flex-grow:1.35}.metric-grid{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:13px}.metric-card{padding:20px;background:#181d23;border:1px solid #2c343f;border-radius:5px;border-top:2px solid #667584}.metric-card .eyebrow{color:#8c99a9;font-size:8px}.metric-card strong{display:block;font-size:clamp(17px,1.8vw,28px);font-weight:500;margin-top:8px;overflow-wrap:anywhere}.metric-card.damage{border-top-color:#c38c52}.metric-card.damage strong{color:#d3ab7e}.metric-card.healing{border-top-color:#54b898}.metric-card.healing strong{color:#81bea9}.metric-card.death{border-top-color:#bc7771}.metric-card.death strong{color:#c58d89}.subheading{margin:26px 0 12px;font-size:12px}.table-scroll{overflow:auto;border:1px solid #2c343f;border-radius:5px}.data-table{width:100%;border-collapse:collapse;font-size:11px;background:#181d23}.data-table th{background:#202731;color:#a4b0c0;font-size:9px;letter-spacing:.04em;font-weight:500;text-align:left;white-space:nowrap;padding:12px 15px}.data-table td{padding:12px 15px;border-top:1px solid #29313b;vertical-align:top}.data-table tbody tr:hover{background:#1f2630}.data-table .numeric{text-align:right;font-variant-numeric:tabular-nums}.table-name{display:flex;align-items:center;gap:14px;white-space:nowrap}.row-rank{font-size:10px;color:#6d7b8b;width:17px}.row-drill{padding:0 5px;font-size:13px;border-color:rgba(0,0,0,0);background:rgba(0,0,0,0);color:#8091a4;margin-left:auto}.ability{color:#d8bc8e}.actor{white-space:nowrap}.actor.warrior{color:#c69b6d}.actor.paladin{color:#f48cba}.actor.hunter{color:#aad372}.actor.rogue{color:#fff468}.actor.priest{color:#f0f0f0}.actor.deathknight{color:#e55c70}.actor.shaman{color:#67a5f6}.actor.mage{color:#69ccf0}.actor.warlock{color:#aeace0}.actor.monk{color:#66d9b0}.actor.druid{color:#ff9a52}.actor.demonhunter{color:#c17be4}.actor.evoker{color:#6db4a9}.event-time{font-variant-numeric:tabular-nums;white-space:nowrap;color:#a4b1c2}.event-kind{white-space:nowrap;color:#b5becb}.event-kind.death{color:#d89590}.event-kind.healing{color:#7fc7aa}.event-ability{min-width:120px}.ability-id{display:block;font-size:9px}.event-details{text-align:left;min-width:70px;max-width:310px}.event-details summary{cursor:pointer;color:#8da3bd;font-size:10px}.event-details dl{display:grid;grid-template-columns:auto auto;gap:5px 12px;font-size:10px}.event-details dt{color:#8f9bad}.event-details dd{margin:0;overflow-wrap:anywhere}.recap-button{margin-top:12px;white-space:nowrap;padding:5px 8px;font-size:10px}.coverage-note{color:#8c98a7;font-size:10px;line-height:1.7;margin-top:13px}.pagination{display:flex;align-items:center;justify-content:end;gap:9px;margin-top:17px;min-height:3px}.pagination>.muted{margin-right:auto}.empty-state{display:grid;place-items:center;min-height:175px;text-align:center;color:#9cabbc;font-size:12px;padding:25px;background:#161c23;border-radius:5px}.empty-state.loading{color:#c5b18f}.provenance{color:#94a0af;font-size:11px;border-top:1px solid #2c343f;margin-top:29px;padding-top:18px}.provenance summary{cursor:pointer;color:#b0bbca}.provenance p{margin-top:16px;max-width:900px;font-size:10px}.metadata-grid{display:grid;grid-template-columns:130px 1fr;gap:6px 20px}.metadata-grid dt{color:#738295}.metadata-grid dd{margin:0;overflow-wrap:anywhere}dialog{width:min(1300px,94vw);max-height:88vh;overflow:auto;background:#101317;color:#e7edf4;border:1px solid #48525e;border-radius:8px;padding:23px}dialog::backdrop{background:rgba(0,0,0,.76)}dialog .dialog-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}dialog .coverage-note{margin-bottom:15px}@media(min-width: 1700px){main{padding-left:50px;padding-right:50px}.report-card{padding:25px}}@media(max-width: 1100px){.app-shell{grid-template-columns:190px minmax(0, 1fr)}main{padding:27px 23px 0}.sidebar{padding-left:8px;padding-right:8px}.report-card{flex-wrap:wrap;gap:12px;padding:18px}.report-card-meta{min-width:0}.report-card-title{flex-basis:50%}.card-arrow{display:none}.report-filters label{flex-basis:105px}.header-description{display:none}.metric-card{padding:15px}}@media(max-width: 760px){.app-header{height:60px;padding:0 15px;gap:10px}.brand{font-size:10px;gap:8px}.environment{font-size:7px;letter-spacing:.04em}.app-shell{display:block}.sidebar{position:static;height:auto;padding:10px 16px;border-right:0;border-bottom:1px solid #2c343f}.sidebar .library-link{width:fit-content;padding:2px 8px;background:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}.sidebar .sidebar-label,.sidebar .sidebar-report,.sidebar #fight-nav,.sidebar .sidebar-footer{display:none}main{padding:22px 16px 0}h1{font-size:25px}.page-heading{align-items:start}.recorded-badge{display:none}.filters{padding:13px;gap:10px}.filters label{flex-basis:calc(50% - 10px);min-width:110px}.library-filters label:nth-child(5){max-width:none}.report-card-title{min-width:180px}.report-card-meta{flex:1;text-align:left;margin-left:56px}.report-heading{flex-wrap:wrap;gap:12px}.report-heading h1{font-size:25px}.analysis-toolbar{gap:10px;flex-wrap:wrap}.analysis-toolbar>.muted{display:none}.fight-selector{min-width:190px;flex:1}.view-tab{font-size:10px;padding:12px}.timeline-panel{padding:12px}.legend{gap:9px;font-size:8px}.timeline-heading h2{font-size:10px}.metric-grid{grid-template-columns:repeat(2, minmax(0, 1fr))}.metric-card strong{font-size:22px}.section-heading{align-items:start}.section-heading .muted{max-width:50%;text-align:right;font-size:9px}.data-table td{padding:10px 12px}.page-footer{flex-direction:column;gap:5px}.report-filters button{flex:1}.metadata-grid{grid-template-columns:100px minmax(0, 1fr)}}@media(prefers-reduced-motion: reduce){*,*::before,*::after{animation:none !important;transition:none !important}}
