/* duel-log.css: the duel's Combat Log and Report a bug (29 Oct 2026, round 18; tools/pick_looks/yard/duel_log.js). The panel is placed by
   the script from the bars' own boxes (left of them, or above them on a narrow window; under your frames on a phone), so it never lies over
   a fighter's frame or a button. The look is the game's chat frame: a dark see-through box, a small tab, the client's chat face size; the
   colours are ours, after the client's combat log defaults: your swings white, your spells yellow, damage to you red, heals green, buffs
   pale blue, debuffs pink, misses grey, interrupts and dispels orange, a cast begun light purple, the duel itself gold.
   (.dl-ui before each button: duel.css dresses every button of the HUD in Cinzel, 44 px tall, with a ring; the log's are the chat frame's
   small ones) */
/* (30 Oct 2026, Chris: "the combat log is way too large") its lines a size smaller, 11 px, as the game's chat frame at its small size; the
   panel is placed and sized by the script (duel_log.js place: closed by default, a tab in the corner, opening upward) */
.dlg{position:absolute;z-index:6;display:flex;flex-direction:column-reverse;gap:2px;pointer-events:none;font:11px/1.3 'Open Sans',Arial,sans-serif}
.dlg>*{pointer-events:auto}
.dl-ui .dlg-tab{align-self:flex-start;min-height:0;height:24px;padding:0 10px;border:1px solid rgba(201,162,74,.55);border-radius:6px 6px 0 0;box-shadow:none;background:rgba(10,8,6,.72);color:#e8d8a8;font:600 11px/22px 'Open Sans',Arial,sans-serif;letter-spacing:.02em;cursor:pointer}
.dl-ui .dlg-tab:hover,.dl-ui .dlg.dlg-on .dlg-tab{box-shadow:none;background:rgba(30,24,14,.86);color:#ffd27a}
.dlg-box{display:none;flex-direction:column;min-height:0;border:1px solid rgba(201,162,74,.38);border-radius:6px;background:rgba(0,0,0,.58);box-shadow:0 2px 10px rgba(0,0,0,.35)}
.dlg.dlg-on .dlg-box{display:flex}
.dlg-head{display:flex;align-items:center;gap:6px;padding:3px 4px 3px 8px;border-bottom:1px solid rgba(201,162,74,.22)}
.dlg-head b{flex:1;color:#ffd27a;font-weight:600;font-size:11px;letter-spacing:.03em}
.dl-ui .dlg-head button{min-height:0;height:22px;padding:0 8px;border:1px solid rgba(255,255,255,.16);border-radius:4px;box-shadow:none;background:rgba(255,255,255,.06);color:#d8d0c0;font:400 11px/20px 'Open Sans',Arial,sans-serif;cursor:pointer}
.dl-ui .dlg-head button:hover{box-shadow:none;background:rgba(255,255,255,.14);color:#fff}
.dl-ui .dlg-head .dlg-x{width:22px;padding:0;font-size:15px;line-height:19px}
.dlg-list{flex:1;min-height:0;margin:0;padding:4px 8px 6px;list-style:none;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(201,162,74,.5) transparent;text-shadow:0 1px 1px #000}
.dlg-list li{margin:0;padding:1px 0;overflow-wrap:anywhere}
.dlg-list time{color:#8c8576;font-size:9.5px;font-variant-numeric:tabular-nums}
.dlg-w{color:#fff}.dlg-y{color:#ffff3a}.dlg-r{color:#ff5a4a}.dlg-g{color:#4cff4c}.dlg-b{color:#a8c8ff}.dlg-d{color:#ff9ad0}
.dlg-m{color:#b8b8b8}.dlg-k{color:#ff9a2e}.dlg-c{color:#cdb4ff}.dlg-s{color:#ffd27a;font-weight:600}
/* Report a bug: the form takes the list's place in the panel */
.dlg-bug{display:flex;flex-direction:column;gap:6px;padding:6px 8px 8px;color:#e8e0d0}
.dlg-bug[hidden]{display:none}
.dlg-bugging .dlg-list{display:none}
.dlg-bug label{display:flex;flex-direction:column;gap:4px;font:12px/1.35 'Open Sans',Arial,sans-serif}
.dlg-bug textarea{width:100%;box-sizing:border-box;min-height:60px;resize:vertical;padding:6px;border:1px solid rgba(201,162,74,.45);border-radius:4px;background:rgba(0,0,0,.55);color:#fff;font:13px/1.35 'Open Sans',Arial,sans-serif;pointer-events:auto}
.dlg-bug div{display:flex;gap:8px}
.dl-ui .dlg-bug button{min-height:0;height:28px;padding:0 14px;border:1px solid rgba(201,162,74,.6);border-radius:4px;box-shadow:none;background:rgba(201,162,74,.18);color:#ffe7b0;font:600 12px/26px 'Open Sans',Arial,sans-serif;cursor:pointer}
.dl-ui .dlg-bug .dlg-cancel{border-color:rgba(255,255,255,.2);background:transparent;color:#cfc8b8;font-weight:400}
.dlg-said{margin:0;min-height:1em;font-size:12px;color:#ffd27a}
/* the result screen: the whole duel's log under the buttons, scrolled inside itself, and the form under it */
.dlg-end{margin:10px auto 0;max-width:560px;text-align:left;border:1px solid rgba(201,162,74,.35);border-radius:6px;background:rgba(0,0,0,.5);font:12px/1.35 'Open Sans',Arial,sans-serif}
.dlg-end[hidden]{display:none}
.dlg-end .dlg-list{max-height:min(34vh,300px)}
.dlg-endform{max-width:560px;margin:0 auto;text-align:left}
.dlg-endform .dlg-bug{padding:8px 0 0}
.dl-over .dlg{opacity:0;visibility:hidden}
/* a phone: no tab (the corner menu opens it), a little more room for the thumb */
/* (30 Oct 2026, the release QA: Report a bug and the close button were 28 px on a phone) 44 px, the game's thumb size */
.dl-ui .dlg-touch .dlg-head button{height:44px;padding:0 9px;font-size:12px;white-space:nowrap}
.dlg-touch .dlg-head b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.dl-ui .dlg-touch .dlg-head .dlg-x{width:44px;padding:0;font-size:20px}
/* (30 Oct 2026, round 18 review) a phone: while a first duel's tip leaves no room under your frames, the open log waits for it to go */
.dlg.dlg-wait{visibility:hidden}
.dlg.dlg-wait *{visibility:hidden}