/* 지난 전투 카드(시안의 .res) */
.card.res{padding:0}
.res .rh{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;padding:14px 18px 10px}
.res .rh h3{margin:0;font:600 18px var(--serif)}
.res .log{margin:0 18px 16px}
#tip{position:fixed;z-index:50;max-width:320px;padding:10px 12px;background:#121a28;border:1px solid rgba(255,159,95,.55);box-shadow:0 12px 30px rgba(0,0,0,.55);font-size:13px;line-height:1.5;color:var(--fg);pointer-events:none}
#tip b{display:block;font:600 11px var(--mono);letter-spacing:.1em;color:var(--warn);margin-bottom:4px}
#tip ul{margin:0;padding-left:16px;display:flex;flex-direction:column;gap:4px}
@media (max-width:640px){.tac .stat{grid-template-columns:repeat(2,1fr)}.tac .stat>:nth-child(3){border-left:0}.tac .stat>:nth-child(n+3){border-top:1px solid var(--line)}}
.dun h4{font-size:var(--fs-lg);margin-bottom:2px}
.log{background:var(--surface2);border:1px solid var(--line);padding:10px 12px;max-height:380px;overflow:auto;font-size:var(--fs-md);font-variant-numeric:tabular-nums}
.log .ln{padding:1px 0;white-space:pre-wrap;word-break:break-word}
.log .lr{padding:0;background:none;border:0;border-bottom:1px dotted currentColor;color:var(--accent);font:inherit;cursor:pointer}
.log .round{margin-top:8px;font-weight:700;color:var(--sub)}
.log .init{color:var(--info)}
.log .act{margin-top:3px;font-weight:500}
.log .rule{display:block;border:0;padding:0;color:var(--accent-ink)}
.log .hit{color:var(--fg);padding-left:16px}
.log .heal{color:var(--good);padding-left:16px}
.log .down{color:var(--bad);padding-left:16px;font-weight:500}
.log .extra{color:var(--warn)}
.log .skip{color:var(--faint);padding-left:16px;font-size:var(--fs-sm)}
.log .win{font-weight:700;color:var(--good);margin-top:8px}
.log .lose{font-weight:700;color:var(--bad);margin-top:8px}
.log .sys{color:var(--faint)}
table.t{width:100%;border-collapse:collapse;font-size:var(--fs-md)}
table.t th,table.t td{text-align:left;padding:7px 8px;border-bottom:1px solid var(--line);vertical-align:top}
table.rlog{table-layout:fixed;min-width:640px}
table.rlog th:nth-child(1){width:140px}table.rlog th:nth-child(3){width:100px}table.rlog th:nth-child(4){width:80px}table.rlog th:nth-child(5){width:130px}
table.t th{color:var(--faint);font-family:var(--mono);font-weight:500;font-size:var(--fs-xs);letter-spacing:.06em}
.scroll-x{overflow-x:auto}
.toast{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(20px + env(safe-area-inset-bottom,0px));background:var(--surface);color:var(--fg);border:1px solid var(--accent);padding:9px 16px;font-size:var(--fs-md);z-index:20;max-width:90vw}
.sumrow{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 12px}
.foot{margin-top:24px;padding-top:12px;border-top:1px solid var(--line);color:var(--faint);font-size:var(--fs-md)}
.bigbtn{width:100%;padding:11px;font-size:var(--fs-lg)}
.steps{display:flex;gap:6px;flex-wrap:wrap}
textarea{width:100%;min-height:120px;background:var(--surface2);border:1px solid var(--line);padding:8px;color:var(--fg);font-family:var(--mono);font-size:var(--fs-md)}
@media (prefers-reduced-motion:no-preference){.bar i{transition:width .25s}}
.crl{font-size:var(--fs-h)}