.kj-diff-split{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:var(--space-9);margin-top:var(--space-8);align-items:stretch}.kj-diff-pane,.kj-log-pane{min-width:0;display:flex;flex-direction:column}.kj-diff-pane .diff-text{flex:1;max-height:540px;margin:0}.kj-log-pane{background:linear-gradient(180deg,rgba(184,150,87,.04),transparent 50%),var(--paper-cream);border:1px solid var(--line);border-left:3px double var(--gold);padding:.7rem .6rem .4rem}.kj-log-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-6);padding-bottom:var(--space-5);border-bottom:1px dotted var(--line);margin-bottom:var(--space-6)}.kj-log-head h4{margin:0;font-family:var(--font-display);font-size:1.15rem;letter-spacing:.18em;color:var(--ink)}.kj-log-tally{display:flex;gap:var(--space-4);font-family:var(--font-mono);font-size:.72rem;color:var(--ink-soft)}.kj-log-tally .t-win{color:var(--cinnabar)}.kj-log-tally .t-loss{color:var(--ink)}.kj-log-tally .t-draw{color:var(--gold-dark)}.battle-log{display:flex;flex-direction:column;gap:var(--space-5);max-height:480px;overflow-y:auto;padding-right:.3rem;background-image:repeating-linear-gradient(to bottom,var(--gold) 0 3px,transparent 3px 7px);background-repeat:no-repeat;background-size:1px 100%;background-position:right 0 top 0}.battle-slip{position:relative;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;gap:.3rem .7rem;padding:.55rem .75rem .55rem 1rem;background:linear-gradient(90deg,var(--paper-cream) 0%,var(--paper) 100%);border:1px solid var(--line);text-decoration:none;color:var(--ink);cursor:pointer;transition:transform var(--dur-fast) var(--ease-std),box-shadow var(--dur-fast) var(--ease-std)}.battle-slip:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--ink)}.battle-slip[data-result=win]:before{background:var(--cinnabar)}.battle-slip[data-result=loss]:before{background:var(--ink)}.battle-slip[data-result=draw]:before{background:var(--gold)}.battle-slip:after{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(90deg,transparent 0 14px,rgba(138,111,63,.045) 14px 15px);pointer-events:none}.battle-slip:hover{transform:translate(2px);box-shadow:-3px 4px 14px var(--shadow-deep);text-decoration:none;opacity:1}.slip-stamp{grid-column:1;grid-row:1 / span 2;width:34px;height:34px;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:1.45rem;font-weight:600;border:1.5px solid currentColor;align-self:center;line-height:1}html[lang=en] .slip-stamp{width:auto;min-width:34px;height:24px;padding:0 .42rem;font-size:.68rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;transform:rotate(-3deg);border-radius:var(--radius-sm)}.slip-stamp[data-result=win]{color:var(--cinnabar);background:#b53a300f}.slip-stamp[data-result=loss]{color:var(--ink)}.slip-stamp[data-result=draw]{color:var(--gold-dark);background:#b8965712}.slip-head{grid-column:2;grid-row:1;display:flex;align-items:center;gap:var(--space-4);min-width:0}.slip-direction{font-family:var(--font-mono);color:var(--ink-soft);font-size:.78rem;opacity:.55;width:14px;flex-shrink:0;text-align:center}.slip-direction[data-side=defender]{color:var(--smoke);opacity:.8}.slip-opp{font-family:var(--font-display);font-size:1.02rem;letter-spacing:.06em;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.slip-agent{display:inline-flex;align-items:center;gap:var(--space-2);padding-left:.4rem;margin-left:var(--space-1);border-left:1px dotted var(--line);font-size:.7rem;color:var(--ink-soft);white-space:nowrap;flex-shrink:0}.slip-agent img{height:12px;width:auto;opacity:.78}.slip-meta{grid-column:3;grid-row:1;display:flex;align-items:baseline;gap:var(--space-6);font-family:var(--font-mono);flex-shrink:0}.slip-delta{font-size:.82rem;font-weight:600}.slip-delta[data-sign=pos]{color:var(--bamboo-dark)}.slip-delta[data-sign=neg]{color:var(--cinnabar)}.slip-delta[data-sign=zero]{color:var(--ink-soft);opacity:.55}.slip-time{font-size:.68rem;color:var(--ink-soft);opacity:.7;letter-spacing:.02em}.slip-body{grid-column:2 / -1;grid-row:2;display:flex;align-items:center;gap:var(--space-7);font-size:.76rem;color:var(--ink-soft);min-width:0}.slip-map{font-family:var(--font-serif);letter-spacing:.05em;white-space:nowrap}.slip-frames{font-family:var(--font-mono);font-size:.7rem;opacity:.65;white-space:nowrap}.slip-hp{flex:1;display:flex;align-items:center;gap:var(--space-3);font-family:var(--font-mono);font-size:.68rem;min-width:60px}.slip-hp-num{color:var(--ink);opacity:.72;min-width:20px}.slip-hp-num.them{color:var(--cinnabar);opacity:.6;text-align:right}.slip-hp-bar{position:relative;flex:1;height:3px;background:var(--line-soft);overflow:hidden;min-width:30px}.slip-hp-bar .me{position:absolute;left:0;top:0;bottom:0;background:var(--ink)}.slip-hp-bar .them{position:absolute;right:0;top:0;bottom:0;background:var(--cinnabar);opacity:.55}.battle-log-empty{padding:2.2rem 1rem;text-align:center;color:var(--ink-soft);font-family:var(--font-display);font-size:1.05rem;letter-spacing:.18em;border:1px dashed var(--line);background:var(--paper);opacity:.7}.loot-chip{position:relative;font-size:.74rem;padding:.1rem .45rem;border:1px solid var(--line);background:var(--paper);color:var(--ink)}.loot-chip.rarity-uncommon{border-color:var(--rarity-uncommon, #4a8c5a)}.loot-chip.rarity-rare{border-color:var(--rarity-rare, #3a6ea5)}.loot-chip.rarity-epic{border-color:var(--rarity-epic, #8a4fb0)}.loot-chip.rarity-legendary{border-color:var(--rarity-legendary, #c8943a)}.loot-chip.excl{box-shadow:inset 0 0 0 1px var(--cinnabar)}.excl-mark{display:inline-block;color:var(--cinnabar);font-family:var(--font-display);margin-right:var(--space-2)}.version-pip{cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform var(--dur-fast) var(--ease-std),border-color var(--dur-fast) var(--ease-std),background var(--dur-fast) var(--ease-std)}.version-pip:hover{border-color:var(--ink);transform:translateY(-1px)}.version-pip[aria-disabled=true]{cursor:default;opacity:.55}.version-pip[aria-disabled=true]:hover{transform:none;border-color:var(--line)}.version-pip[data-state=from],.version-pip[data-state=to]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.version-pip[data-state=from] .vp-num,.version-pip[data-state=to] .vp-num{color:var(--gold-bright)}.version-pip[data-state=from] .vp-agent,.version-pip[data-state=to] .vp-agent{filter:invert(1);opacity:.88}.window-list{margin:.5rem 0 0;padding-left:var(--space-10);font-size:.85rem}.window-list li{margin:.2rem 0}.row{display:flex;gap:var(--space-6);align-items:center}.row.between{justify-content:space-between}.muted{color:var(--ink-soft);font-size:.85rem}.tag{display:inline-block;padding:.1rem .4rem;border:1px solid var(--line);background:var(--paper);font-family:var(--font-mono);font-size:.7rem;color:var(--ink-soft);letter-spacing:.06em;margin-right:var(--space-3)}@media(max-width:960px){.diag-grid,.hero{grid-template-columns:1fr}.sect-strip{grid-template-columns:repeat(2,1fr)}.detail-grid{grid-template-columns:minmax(0,1fr)}.battle-shell,.kj-diff-split{grid-template-columns:1fr}.kj-diff-pane .diff-text,.battle-log{max-height:360px}}