.logs-wayfind{font-size: var(--fs-small);color: var(--ash);margin: 0 0 var(--sp-3);} .logs-wayfind a{color: var(--link);} .logs-wayfind span{padding: 0 var(--sp-1);opacity: 0.55;} .logs-demo-strip{display: flex;align-items: baseline;gap: var(--sp-3);padding: var(--sp-3) var(--sp-4);margin: 0 0 var(--sp-4);border: 1px solid var(--gold-2-a35);border-left: 3px solid var(--gold-2);border-radius: var(--radius-1);background: var(--gold-2-a8);} .logs-demo-strip p{margin: 0;font-size: var(--fs-small);color: var(--text-secondary);max-width: 48ch;} .logs-demo-strip strong{color: var(--text-bright);} .logs-demo-flag{flex: none;font-size: var(--fs-micro);letter-spacing: var(--ls-overline);text-transform: uppercase;color: var(--abyss);background: var(--gold-2);padding: var(--sp-1) var(--sp-2);border-radius: var(--radius-1);font-weight: 700;} .logs-hero{margin: 0;padding-block: var(--sp-3);} .logs-hero h1{font-size: var(--fs-title);line-height: var(--lh-title);margin: 0 0 var(--sp-2);display: flex;align-items: center;gap: var(--sp-3);flex-wrap: wrap;} .logs-h1-tag{font-family: var(--font-body);font-size: var(--fs-micro);letter-spacing: var(--ls-overline);text-transform: uppercase;color: var(--gold-2);border: 1px solid var(--gold-2-a45);border-radius: var(--radius-pill);padding: var(--sp-1) var(--sp-3);font-weight: 700;} .logs-sub{max-width: var(--measure-lead);font-size: var(--fs-body);color: var(--text-quiet);margin: 0;} .logs-section-label{font-size: var(--fs-micro);letter-spacing: var(--ls-overline);text-transform: uppercase;color: var(--ash);margin: 0 0 var(--sp-2);font-weight: 700;} .logs-picker-band{margin: 0;padding-block: var(--sp-3);} .logs-picker{display: grid;grid-template-columns: repeat(auto-fit,minmax(19rem,1fr));gap: var(--sp-3);} .logs-pick{display: grid;grid-template-columns: auto 1fr;grid-template-areas: "outcome name" "outcome meta";gap: 0 var(--sp-3);align-items: center;text-align: left;min-width: 17rem;padding: var(--sp-3) var(--sp-4);border: 1px solid var(--border);border-radius: var(--radius-1);background: var(--bg-panel);color: var(--text);cursor: pointer;transition: border-color var(--dur-quick) var(--ease-out),background var(--dur-quick) var(--ease-out);} .logs-pick:hover{background: var(--bg-panel-hover);border-color: var(--border-bright);} .logs-pick.is-active{border-color: var(--gold-2);background: var(--gold-2-a8);box-shadow: var(--shadow-row-marker);} .logs-pick-outcome{grid-area: outcome;font-size: var(--fs-micro);letter-spacing: var(--ls-overline);text-transform: uppercase;font-weight: 700;padding: var(--sp-1) var(--sp-2);border-radius: var(--radius-1);} .logs-pick-name{grid-area: name;font-family: var(--font-display);font-size: var(--fs-h5);color: var(--text-bright);min-width: 0;overflow-wrap: anywhere;} .logs-pick-meta{grid-area: meta;font-size: var(--fs-caption);color: var(--ash);} .logs-outcome-kill{background: var(--gold-2-a20);color: var(--gold-bright);} .logs-outcome-wipe{background: var(--black-a40);color: var(--text-secondary);} .logs-summary{border: 1px solid var(--border);border-radius: var(--radius-1);background: var(--grad-panel);padding: var(--sp-4) var(--sp-5);margin: 0 0 var(--sp-4);} .logs-summary-head{margin-bottom: var(--sp-3);} .logs-summary-eyebrow{font-size: var(--fs-caption);letter-spacing: var(--ls-overline);text-transform: uppercase;color: var(--ash);margin: 0 0 var(--sp-1);} .logs-summary h2{font-size: var(--fs-h5);margin: 0;display: flex;align-items: center;gap: var(--sp-3);flex-wrap: wrap;color: var(--text-bright);} .logs-outcome-badge{font-family: var(--font-body);font-size: var(--fs-micro);letter-spacing: var(--ls-overline);text-transform: uppercase;font-weight: 700;padding: var(--sp-1) var(--sp-3);border-radius: var(--radius-pill);} .logs-stats{display: grid;grid-template-columns: repeat(auto-fit,minmax(8.5rem,1fr));gap: var(--sp-3) var(--sp-4);margin: 0;padding: var(--sp-3) 0 0;border-top: 1px solid var(--border-subtle);} .logs-stat dt{font-size: var(--fs-micro);letter-spacing: var(--ls-overline);text-transform: uppercase;color: var(--ash);margin: 0 0 var(--sp-1);} .logs-stat dd{margin: 0;font-family: var(--font-display);font-size: var(--fs-h4);color: var(--text-bright);font-variant-numeric: tabular-nums;} .logs-grid{display: grid;grid-template-columns: 1fr;gap: var(--sp-4);align-items: start;} .logs-panel{min-width: 0;} .logs-panel-wide{grid-column: 1 / -1;} .logs-panel .head{display: flex;align-items: baseline;justify-content: space-between;gap: var(--sp-3);} .logs-panel-note{margin: 0;font-size: var(--fs-micro);letter-spacing: var(--ls-overline);text-transform: uppercase;color: var(--gold-2);} .logs-band,.logs-encounter-band{margin: 0;padding-block: var(--sp-3);} .logs-prose{font-size: var(--fs-small);color: var(--text-secondary);max-width: var(--measure);margin: 0 0 var(--sp-3);} .logs-prose:last-child{margin-bottom: 0;} .logs-table-wrap{overflow-x: auto;} .logs-table{width: 100%;border-collapse: collapse;font-variant-numeric: tabular-nums;} .logs-table-caption{text-align: left;font-size: var(--fs-caption);color: var(--ash);padding-bottom: var(--sp-3);max-width: var(--measure);} .logs-table thead th{text-align: left;font-size: var(--fs-micro);letter-spacing: var(--ls-overline);text-transform: uppercase;color: var(--ash);font-weight: 700;padding: 0 var(--sp-3) var(--sp-2);border-bottom: 1px solid var(--line-gold);white-space: nowrap;} .logs-table td,.logs-table tbody th{text-align: left;font-size: var(--fs-small);padding: var(--sp-2) var(--sp-3);border-bottom: 1px solid var(--border-subtle);vertical-align: middle;} .logs-table tbody tr:nth-child(even){background: var(--row-band);} .logs-table tbody tr:last-child td,.logs-table tbody tr:last-child th{border-bottom: 0;} .logs-table .logs-num{text-align: right;white-space: nowrap;} .logs-strong{color: var(--text-bright);font-weight: 700;} .logs-dim{color: var(--ash);} .logs-deaths-hit{color: var(--danger);font-weight: 700;} .logs-actor-cell{font-weight: 400;} .logs-actor-name{display: block;color: var(--text-bright);} .logs-actor-voc{display: block;font-size: var(--fs-micro);color: var(--ash);} .logs-share{width: 26%;min-width: 9rem;} .logs-share-val{display: block;font-size: var(--fs-micro);color: var(--ash);margin-bottom: var(--sp-1);} .logs-bar{--w: 0%;display: block;height: var(--sp-3);background: var(--black-a40);border-radius: var(--radius-1);overflow: hidden;} .logs-bar-fill{display: block;height: 100%;width: var(--w,0%);background: linear-gradient(90deg,var(--gold-earth),var(--gold-2));border-radius: var(--radius-1);} .logs-bar-heal .logs-bar-fill{background: linear-gradient(90deg,var(--wheat),var(--cornsilk));} .logs-bar-taken .logs-bar-fill{background: linear-gradient(90deg,var(--oxblood),var(--ember));} .logs-sub-heading{font-size: var(--fs-h5);color: var(--text-bright);margin: var(--sp-5) 0 var(--sp-2);} .logs-none{font-size: var(--fs-small);color: var(--ash);margin: var(--sp-4) 0 0;padding: var(--sp-4);border: 1px dashed var(--border);border-radius: var(--radius-1);text-align: center;} .logs-deaths{list-style: none;margin: 0;padding: 0;} .logs-death{border-left: 2px solid var(--oxblood);padding: var(--sp-2) 0 var(--sp-2) var(--sp-3);margin: 0 0 var(--sp-3);} .logs-death:last-child{margin-bottom: 0;} .logs-death-head{margin: 0 0 var(--sp-2);font-size: var(--fs-small);color: var(--text-secondary);} .logs-death-head strong{color: var(--text-bright);} .logs-death-t,.logs-recap-t{font-variant-numeric: tabular-nums;color: var(--ash);font-size: var(--fs-micro);} .logs-recap{list-style: none;margin: 0;padding: 0;} .logs-recap li{display: grid;grid-template-columns: 3.5rem 1fr auto auto;gap: var(--sp-2);align-items: baseline;font-size: var(--fs-micro);padding: var(--sp-1) 0;color: var(--text-secondary);} .logs-recap-who{color: var(--ash);} .logs-recap-amt{font-variant-numeric: tabular-nums;text-align: right;} .logs-recap-damage .logs-recap-amt{color: var(--ember);} .logs-recap-heal .logs-recap-amt{color: var(--cornsilk);} .logs-tl{display: flex;align-items: flex-end;gap: 0;height: 10rem;padding: var(--sp-3) 0 0;border-bottom: 1px solid var(--line-gold);overflow: hidden;} .logs-tl-col{--w: 0%;position: relative;flex: 1 1 0;height: 100%;display: flex;align-items: flex-end;gap: 0;} .logs-tl-dmg,.logs-tl-heal{display: block;flex: 1 1 0;height: var(--w,0%);min-height: 1px;border-radius: var(--radius-1) var(--radius-1) 0 0;} .logs-tl-dmg{background: var(--gold-2);} .logs-tl-heal{background: var(--cornsilk);} .logs-tl-col.is-death::after{content: "";position: absolute;inset: 0 auto 0 50%;width: 2px;background: var(--danger);transform: translateX(-50%);} .logs-tl-axis{display: flex;justify-content: space-between;font-size: var(--fs-micro);color: var(--ash);margin: var(--sp-2) 0 0;font-variant-numeric: tabular-nums;} .logs-legend{display: flex;gap: var(--sp-4);flex-wrap: wrap;margin: var(--sp-3) 0 0;font-size: var(--fs-micro);color: var(--ash);} .logs-legend-item{display: inline-flex;align-items: center;gap: var(--sp-2);} .logs-legend-swatch{width: var(--sp-3);height: var(--sp-2);border-radius: var(--radius-1);display: inline-block;} .logs-legend-damage{background: var(--gold-2);} .logs-legend-heal{background: var(--cornsilk);} .logs-legend-death{background: var(--danger);} .logs-status{margin: 0 0 var(--sp-4);padding: var(--sp-3) var(--sp-4);font-size: var(--fs-small);border-radius: var(--radius-1);border: 1px solid var(--border);background: var(--bg-panel);color: var(--text-secondary);} .logs-status[hidden]{display: none;} .logs-status[data-tone="error"]{border-color: var(--rule-error);background: var(--surface-error);color: var(--text-bright);} #logs-encounter[data-state="loading"]{opacity: 0.45;} #logs-encounter[data-state="loading"] .logs-bar-fill,#logs-encounter[data-state="loading"] .logs-tl-dmg,#logs-encounter[data-state="loading"] .logs-tl-heal{animation: logs-pulse var(--dur-slow) var(--ease-in-out) infinite;} @keyframes logs-pulse{0%,100%{opacity: 1;} 50%{opacity: 0.4;}} @media (prefers-reduced-motion: reduce){#logs-encounter[data-state="loading"] .logs-bar-fill,#logs-encounter[data-state="loading"] .logs-tl-dmg,#logs-encounter[data-state="loading"] .logs-tl-heal{animation: none;} .logs-pick{transition: none;}} @media (max-width: 860px){.logs-grid{grid-template-columns: 1fr;}} @media (max-width: 640px){.logs-col-opt{display: none;} .logs-summary{padding: var(--sp-4);} .logs-stats{grid-template-columns: repeat(2,1fr);} .logs-stat dd{font-size: var(--fs-h5);} .logs-pick{min-width: 0;width: 100%;} .logs-table td,.logs-table tbody th,.logs-table thead th{padding: var(--sp-2);} .logs-share{min-width: 5rem;} .logs-tl{height: 5rem;} .logs-recap li{grid-template-columns: 3rem 1fr auto;} .logs-recap-who{display: none;} .logs-demo-strip{flex-direction: column;gap: var(--sp-2);}} .logs-analysis{margin-block: var(--sp-3);} .logs-analysis-toggle{padding: var(--sp-4);cursor: pointer;color: var(--text-bright);} .logs-analysis h2{font-size: var(--fs-h5);} .logs-analysis-input{display: block;box-sizing: border-box;width: 100%;padding: var(--sp-3);margin-block: var(--sp-2) var(--sp-3);resize: vertical;background: var(--bg-panel);color: var(--text-bright);border: 1px solid var(--border);border-radius: var(--radius-1);font-size: var(--fs-small);} .logs-analysis-actions{display: flex;flex-wrap: wrap;gap: var(--sp-2);} .logs-analysis .logs-table{min-width: 0;table-layout: fixed;} .logs-analysis .logs-table th,.logs-analysis .logs-table td{white-space: normal;overflow-wrap: anywhere;} .logs-analysis-actions button{transition: border-color var(--dur-quick) var(--ease-out),background var(--dur-quick) var(--ease-out);}