:root{--bg:#14140f;--panel:#1c1c17;--card:#24241d;--card-hi:#33301f;--line:#3a3a30;--text:#ddd9cc;--muted:#8f8b7c;--dim:#66625a;--accent:#d8b02a;--bad:#b0564a;--good:#6a9c5a;--hp:#8e3b34;--stress:#c9a227;--stress-hi:#c9701f;--tri:#c2453a}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Malgun Gothic,맑은 고딕,system-ui,sans-serif;font-size:14px}a{color:var(--accent);text-decoration:none}button{background:var(--card);color:var(--text);border:1px solid var(--line);border-radius:3px;padding:6px 12px;font:inherit;cursor:pointer}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.45;cursor:default}button.accent{background:var(--accent);color:#14140f;font-weight:700;border-color:var(--accent)}button.ghost{background:transparent}input,select,textarea{background:var(--card);color:var(--text);border:1px solid var(--line);border-radius:3px;padding:6px 8px;font:inherit}.wrap{max-width:1400px;margin:0 auto;padding:16px}.row{align-items:center}.col,.row{display:flex;gap:8px}.col{flex-direction:column}.muted{color:var(--muted)}.dim{color:var(--dim)}.bad{color:var(--bad)}.accent-t{color:var(--accent)}.b{font-weight:700}.panel{background:var(--panel);border:1px solid var(--line);border-radius:4px;padding:12px}.title{font-size:20px;color:var(--accent)}.h,.title{font-weight:700}.h{font-size:15px}.small{font-size:12px}.xs{font-size:11px}.room{display:grid;grid-template-columns:1fr 340px;grid-gap:12px;gap:12px;align-items:start}@media (max-width:1000px){.room{grid-template-columns:1fr}}.field{gap:18px;justify-content:center}.field,.side{display:flex;align-items:flex-end}.side{gap:8px}.vs{color:var(--dim);font-weight:700;align-self:center}.card{width:104px;background:var(--card);border:1px solid var(--line);border-radius:4px;padding:6px}.card.size2{width:216px}.card.size3{width:328px}.card.pick{box-shadow:0 0 0 1px var(--accent) inset;cursor:pointer}.card.now,.card.pick{border-color:var(--accent)}.card.dead{opacity:.45}.card.empty{opacity:.35;border-style:dashed}.card .name{text-align:center;font-size:12px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.portrait{width:100%;aspect-ratio:1/1;border:1px solid var(--line);border-radius:3px;display:flex;align-items:center;justify-content:center;color:var(--accent);font-size:28px;font-weight:700}.bar,.portrait{background:#100f0b}.bar{height:12px;border:1px solid var(--line);border-radius:2px;position:relative;margin-top:3px}.bar>i{inset:0 auto 0 0;display:block}.bar>i,.bar>span{position:absolute}.bar>span{inset:0;text-align:center;font-size:10px;line-height:12px;color:var(--text)}.icons{display:flex;flex-wrap:wrap;gap:2px;min-height:16px;margin-top:3px}.icons b{font-size:10px;background:var(--panel);border:1px solid var(--line);border-radius:2px;padding:0 3px;font-weight:400;cursor:help}.icons b.tag-up{color:#57b45e;border-color:#35682f}.icons b.tag-down{color:#d0574a;border-color:#7a2f27}.icons b.tag-mix{color:#5f9de0;border-color:#2f5680}.icons b.tag-corrosion{color:#a8e00c;border-color:#5c7a00;background:#17190a;font-weight:700}.icons b.tag-collapse{color:#ffe000;border-color:#ffe000}.icons b.tag-awake,.icons b.tag-collapse{background:#000;font-weight:700;letter-spacing:.5px}.icons b.tag-awake{color:#79d0ff;border-color:#79d0ff}.icons b.tag-threshold{background:#000;color:#ff2a1a;border:1px solid #ff2a1a;font-size:11px;font-weight:700;letter-spacing:1px;padding:0 5px;box-shadow:0 0 6px rgba(255,42,26,.55),inset 0 0 6px rgba(255,42,26,.35)}.order{display:flex;gap:4px;overflow-x:auto;padding-bottom:4px}.order div{padding:3px 8px;border-radius:2px;font-size:12px;border:1px solid var(--line);white-space:nowrap}.order div.hero{border-left:3px solid #4a7fb5}.order div.enemy{border-left:3px solid var(--tri)}.order div.now{background:var(--card-hi);color:var(--accent);font-weight:700}.order div.done{opacity:.4}.skill{border-left:1px solid var(--line);border:1px solid var(--line);border-left-width:4px;background:var(--card);border-radius:3px;padding:6px 8px;margin-bottom:3px;cursor:pointer}.skill.on{border-color:var(--accent);border-left-color:var(--accent);background:var(--card-hi)}.skill.off{cursor:default;opacity:.8}.skill .b{font-weight:700}.pos{font-family:Consolas,monospace;letter-spacing:1px}.pos .c{color:var(--accent)}.pos .t{color:var(--tri)}.feed{background:#efece3;color:#16150f;border:1px solid var(--line);border-radius:4px;height:62vh;overflow-y:auto;padding:10px;font-family:KoPubWorld돋움체,KoPubWorld Dotum,KoPub돋움체_Pro,KoPubDotum,Malgun Gothic,맑은 고딕,sans-serif;line-height:1.75}.feed .line{margin:3px 0;white-space:pre-wrap;word-break:break-word;color:#56513f}.feed .chat,.feed .head{color:#16150f}.feed .head{font-weight:700;font-size:1.02em;border-top:1px solid #bdb8a6;margin-top:8px;padding-top:5px}.feed .turn{color:#86816e;border-top:1px solid #dcd7c8;margin-top:8px;padding-top:4px}.feed .detail{color:#46618f;background:#e4e9f4;font-size:.9em}.feed .system{color:#8d8878;font-style:italic}.feed .who{font-weight:700;margin-right:6px}.feed .hit-crit{color:#b3261e;font-weight:700}.feed .hit-dead{color:#7d1c12;font-weight:700}.feed .hit-end{color:#8a5b00;font-weight:700}.feed .hit-heal{color:#2f6b34;font-weight:700}.feed .hit-stress{color:#9a6b00;font-weight:700}.feed .hit-miss{color:#8b8676}.fx{position:absolute;left:0;right:0;text-align:center;font-weight:700;font-size:15px;pointer-events:none;z-index:20;text-shadow:0 1px 2px #000;animation:fxup 1.1s ease-out forwards}@keyframes fxup{0%{transform:translateY(6px);opacity:0}15%{transform:translateY(0);opacity:1}70%{transform:translateY(-14px);opacity:1}to{transform:translateY(-24px);opacity:0}}