:root{color-scheme:dark;--panel:var(--bg-panel);--text:var(--fg);--muted:var(--fg-dim);--gold:var(--de-green-lt);--mint:var(--de-green-lt)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.6 Verdana,Geneva,system-ui,sans-serif}header,main,footer{width:100%;max-width:1560px;margin:auto;padding:24px 40px}header{border-bottom:1px solid var(--line)}a{color:var(--mint)}.back{font-size:12px;text-decoration:none}.masthead{display:flex;align-items:center;justify-content:space-between;margin-top:24px}.eyebrow,.section-label,footer{font-size:10px;font-weight:700;letter-spacing:.16em;color:var(--gold)}h1{font:40px/1.2 var(--head);margin:9px 0}h2{font:26px/1.3 var(--head);margin:6px 0 12px}h3{font-size:13px;color:var(--gold);margin-top:26px}p{color:var(--muted);margin:6px 0}button,input,select{font:inherit;border:1px solid var(--line);border-radius:5px;background:#15180f;color:var(--text);padding:9px 13px}button{cursor:pointer}button:hover{border-color:var(--gold);color:var(--gold)}button:disabled{cursor:wait;opacity:.5}button.quiet{background:transparent}input:focus,select:focus,button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.filters{display:flex;align-items:end;gap:14px;flex-wrap:wrap}label{display:grid;gap:5px;font-size:11px;color:var(--muted)}input,select{font-size:14px;min-height:42px}#search{min-width:270px}#status{font-size:12px;padding:14px 0 18px;min-height:42px}.workspace{display:grid;grid-template-columns:320px minmax(0,1fr);border:1px solid var(--line);border-radius:8px;overflow:hidden;min-height:570px}aside{background:#080a06;border-right:1px solid var(--line);padding:20px 16px;max-height:900px;overflow:auto}.section-label{display:flex;justify-content:space-between;margin-bottom:18px}.fight{display:block;text-align:left;width:100%;background:transparent;border-color:transparent;margin-bottom:7px;padding:13px}.fight.active{background:#2f3a1e;border-color:#70883c}.fight strong{display:block;font-weight:600}.fight small{color:var(--muted);font-size:11px}.fight .versus{display:block;color:var(--gold);font-size:12px;margin:3px 0}.detail{padding:28px;min-width:0;background:var(--panel)}#empty{text-align:center;padding:110px 10px}.empty-mark{font-size:40px;color:var(--gold)}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:24px 0}.metric{border:1px solid var(--line);padding:14px;border-radius:5px}.metric strong{font:26px var(--head);display:block;color:var(--gold)}.metric>span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}nav{display:flex;gap:8px;border-bottom:1px solid var(--line);overflow:auto;margin:0 0 24px}nav button{background:transparent;border:0;border-bottom:2px solid transparent;border-radius:0;padding:12px 10px;white-space:nowrap}nav button[aria-selected=true]{border-color:var(--gold);color:var(--gold)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}th{text-align:left;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.06em;font-weight:600;padding:10px 12px;border-bottom:1px solid var(--line)}td{padding:12px;border-bottom:1px solid #23271a;vertical-align:top}.number{text-align:right;font-variant-numeric:tabular-nums}.bar{height:4px;background:#70883c;margin-top:6px;max-width:150px}details{margin:8px 0;border:1px solid var(--line);border-radius:5px;padding:10px 14px}summary{cursor:pointer;color:var(--mint);overflow-wrap:anywhere}pre{font:11px/1.65 ui-monospace,monospace;overflow:auto;color:#cccccc;max-height:520px;padding:12px;background:#080a06;border-radius:4px}.event-filters{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin-bottom:20px}.event-filters input{min-width:160px}.pill{display:inline-block;font-size:10px;border:1px solid var(--line);border-radius:20px;padding:2px 8px;margin-right:6px;color:var(--mint)}.warning{color:#e5b388}footer{display:flex;justify-content:space-between;color:var(--muted)}[hidden]{display:none!important}@media(max-width:1000px){header,main,footer{padding:20px}.workspace{grid-template-columns:250px minmax(0,1fr)}.detail{padding:20px}.metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){h1{font-size:32px}.masthead{align-items:start;gap:20px}.workspace{display:block}aside{max-height:280px;border-right:0;border-bottom:1px solid var(--line)}.filters label:first-child{width:100%}#search{min-width:0}header,main,footer{padding:16px}.detail{padding:16px}footer{display:block}.metrics{gap:8px}.metric strong{font-size:23px}.masthead button{font-size:11px}nav{gap:0}}

.mud-color-r{color:#800000}
.mud-color-g{color:#008000}
.mud-color-O{color:#808000}
.mud-color-b{color:#000080}
.mud-color-p{color:#800080}
.mud-color-c{color:#008080}
.mud-color-w{color:#c0c0c0}
.mud-color-z{color:#808080}
.mud-color-R{color:#ff0000}
.mud-color-G{color:#00ff00}
.mud-color-Y{color:#ffff00}
.mud-color-B{color:#0000ff}
.mud-color-P{color:#ff00ff}
.mud-color-C{color:#00ffff}
.mud-color-W{color:#ffffff}

.equipment-list td:first-child{font-family:ui-monospace,monospace;white-space:nowrap;color:var(--gold)}.equipment-list details{border:0;padding:0;margin:0}.equipment-list summary{color:inherit}.equipment-list th:nth-child(2){width:50%}

.shared-workspace{grid-template-columns:minmax(0,1fr)}.share-controls{margin:12px 0}.share-controls input{width:min(100%,650px);margin:8px 8px 8px 0}.damage-link{padding:0;border:0;background:none;color:inherit;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:3px;text-align:left}#hit-breakdown{border:1px solid var(--gold);padding:16px;margin-bottom:24px}

.detail{container-type:inline-size}.table-wrap{max-width:100%;margin-bottom:16px}table{width:max-content;max-width:100%;min-width:min(100%,440px)}th,td{padding:8px 12px}td:first-child{max-width:260px;overflow-wrap:anywhere}.number{white-space:nowrap}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:16px;margin:20px 0;align-items:start}.stat-card{border:1px solid var(--line);border-radius:5px;padding:12px;min-width:0}.stat-card h3{margin:0 0 10px}.stat-card table{width:100%;min-width:0;table-layout:fixed}.stat-card td:first-child{width:60%}.stat-card td:last-child{text-align:right}.stat-card .table-wrap{margin:0}.equipment-list table{width:100%;max-width:900px;table-layout:fixed}.equipment-list th:first-child{width:180px}.equipment-list th:nth-child(2){width:45%}.equipment-list td{overflow-wrap:anywhere}.login-panel{max-width:440px;margin:48px auto;padding:24px;border:1px solid var(--line);border-radius:8px}.login-panel label{margin:16px 0}.login-panel button{width:100%}#account{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.combat-scrollback{height:min(65vh,750px);overflow:auto;background:#050704;border:1px solid var(--line);padding:12px;font:13px/1.7 ui-monospace,monospace;overflow-anchor:none}.combat-line{display:flex;gap:10px;align-items:baseline}.combat-line time{color:var(--muted);min-width:65px;font-size:11px}.combat-line .damage-link{font:inherit;text-decoration:none}.combat-line .damage-link:hover{text-decoration:underline}@container(max-width:600px){.stat-grid{grid-template-columns:1fr}.equipment-list table{min-width:590px}.combat-line{gap:5px}th,td{padding:7px 9px}}@media(max-width:500px){header,main,footer{padding:12px}.detail{padding:12px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}h1{font-size:28px}}

.mud-color-black{color:#000}.combat-line .damage-link{white-space:pre-wrap;overflow-wrap:anywhere;min-width:0}.combat-line time{flex-shrink:0}

.balance-notice{margin:16px 0;padding:12px 16px;border:1px solid #8d713d;border-left:4px solid #d4ad65;border-radius:5px;background:#241e11;color:#f0d7aa;font-size:13px;line-height:1.6}

.item-dialog{width:min(780px,calc(100vw - 24px));max-height:85vh;padding:24px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--text);overflow:auto}.item-dialog::backdrop{background:rgb(0 0 0 / 75%)}.item-dialog>button{float:right;margin:0 0 12px 16px}.item-dialog h2{padding-right:70px}.item-info{white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.7 ui-monospace,monospace;margin:12px 0}.item-dialog table{width:max-content;max-width:100%;min-width:0}.item-dialog td:first-child{min-width:150px}.item-dialog .table-wrap{clear:both}