/* duel-chat.css: /say in a duel (30 Oct 2026, tools/pick_looks/yard/duel_chat.js). The look is the game's: the chat edit box ("Say:") in the
   bottom left under the chat lines, say in white, an emote in orange, the system's words in yellow (the client's ChatTypeInfo defaults), and
   the chat bubble over a head, a dark see-through box with a pale rim and a tail. Placed by the script: over the Combat Log's tab, left of
   the bars; on a phone the lines under your frames and the open line at the top of the screen, clear of the keyboard.
   (.dl-ui before each button: duel.css dresses every button of the HUD in Cinzel, 44 px tall, with a ring; the chat's are the chat frame's) */
.dc{position:absolute;z-index:7;display:flex;flex-direction:column;gap:4px;pointer-events:none;font:12px/1.35 'Open Sans',Arial,sans-serif}
.dc>*{pointer-events:auto}
.dc-frame{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:1px;pointer-events:none;text-shadow:0 1px 1px #000,0 0 3px #000}
.dc-frame:empty{display:none}
.dc.dc-under-log .dc-frame{display:none}
.dc-l{overflow-wrap:anywhere;pointer-events:auto;align-self:flex-start;max-width:100%;padding:1px 6px;border-radius:3px;background:rgba(0,0,0,.32)}
.dc-say{color:#fff}
.dc-emo{color:#ff8040}
.dc-sys{color:#ffff00}
.dlg-dcy{color:#fff}.dlg-dce{color:#ff8040}.dlg-dcs{color:#ffff00}
.dl-ui .dc-nm,.dc-nm{display:inline;min-height:0;height:auto;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;background:none;color:inherit;font:inherit;letter-spacing:0;text-shadow:inherit;cursor:pointer}
.dl-ui .dc-nm:hover,.dc-nm:hover{box-shadow:none;background:none;text-decoration:underline}
.dc-edit{display:flex;align-items:center;gap:6px;padding:0 4px 0 8px;height:30px;border:1px solid rgba(201,162,74,.6);border-radius:4px;background:rgba(0,0,0,.72);box-shadow:0 2px 10px rgba(0,0,0,.4)}
.dc-edit[hidden]{display:none}
.dc-edit label{flex:1;display:flex;align-items:center;gap:6px;min-width:0;color:#fff;font:600 12px/1 'Open Sans',Arial,sans-serif}
.dc-edit input{flex:1;min-width:0;height:26px;padding:0;border:0;outline:0;background:transparent;color:#fff;font:400 13px/26px 'Open Sans',Arial,sans-serif;caret-color:#ffd27a}
.dl-ui .dc-edit button{min-height:0;height:26px;padding:0 10px;border:1px solid rgba(255,255,255,.18);border-radius:4px;box-shadow:none;background:rgba(255,255,255,.08);color:#e8e0d0;font:600 12px/24px 'Open Sans',Arial,sans-serif;letter-spacing:0}
.dl-ui .dc-edit .dc-x{width:30px;padding:0;font-size:18px;line-height:22px}
/* a phone: the line takes the top of the screen while it is open (placed fixed by the script), its controls a thumb's size */
.dc-touch .dc-edit{z-index:30;height:44px;font-size:14px;background:rgba(6,5,4,.96)}
.dc-touch.dc-open .dc-l{background:rgba(0,0,0,.78)}
.dc-touch .dc-edit input{height:40px;font-size:16px;line-height:40px}
.dl-ui .dc-touch .dc-edit button{height:36px}
.dc-touch .dc-l{font-size:12px}
.dl-ui .dc-btn{position:absolute;z-index:4;width:44px;height:44px;min-height:0;padding:0;display:grid;place-items:center;border-radius:6px;background:rgba(10,9,8,.55);box-shadow:0 0 0 1px rgba(91,74,46,.7);color:#e8d8a8}
.dc-btn[hidden]{display:none}
.dc-btn svg{width:24px;height:24px}
/* the result: over it (its z-index is 10) */
.dc.dc-end,.dl-ui .dc-btn.dc-end{z-index:12}
.dc.dc-end .dc-l{background:rgba(0,0,0,.55)}
/* the bubble: the script stands it on the head (or over the nameplate) each frame; the tail points down at the speaker */
.dc-bub{position:absolute;left:0;top:0;z-index:8;pointer-events:none;will-change:transform}
.dc-bub span{position:absolute;bottom:9px;left:0;transform:translateX(-50%);display:block;width:max-content;max-width:230px;padding:6px 10px;border:2px solid rgba(232,232,232,.85);border-radius:10px;background:rgba(0,0,0,.66);box-shadow:0 0 0 1px rgba(0,0,0,.6),0 2px 8px rgba(0,0,0,.45);color:#fff;font:600 13px/1.3 'Open Sans',Arial,sans-serif;text-align:center;overflow-wrap:anywhere;text-shadow:0 1px 1px #000}
.dc-bub i{position:absolute;bottom:1px;left:-7px;width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:9px solid rgba(232,232,232,.85)}
.dc-bub i::after{content:'';position:absolute;left:-4px;top:-11px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:6px solid rgba(0,0,0,.66)}
/* the name menu: Mute, Report, the filter (the game's unit menu: a dark box, a gold name, plain rows) */
.dc-menu{position:absolute;z-index:40;display:flex;flex-direction:column;min-width:170px;padding:6px;border:1px solid rgba(201,162,74,.6);border-radius:6px;background:rgba(8,7,6,.94);box-shadow:0 4px 16px rgba(0,0,0,.6);font:12px/1.3 'Open Sans',Arial,sans-serif}
.dc-menu b{padding:2px 6px 5px;color:#ffd27a;font-weight:600}
.dl-ui .dc-menu button{min-height:0;height:28px;padding:0 8px;border:0;border-radius:4px;box-shadow:none;background:none;color:#fff;font:400 12px/28px 'Open Sans',Arial,sans-serif;letter-spacing:0;text-align:left}
.dl-ui .dc-menu button:hover,.dl-ui .dc-menu button:focus-visible{box-shadow:none;background:rgba(255,255,255,.12)}
.dc-touch~.dc-menu button,.dl-ui .dc-menu button{min-height:0}
@media (pointer:coarse){.dl-ui .dc-menu button{height:40px;line-height:40px;font-size:14px}}
.dl-ui .dc-ftog{min-height:0;height:24px;padding:0 10px;border:1px solid rgba(201,162,74,.5);border-radius:4px;box-shadow:none;background:rgba(255,255,255,.06);color:#ffd27a;font:600 12px/22px 'Open Sans',Arial,sans-serif;letter-spacing:0}
.dl-menu-pop .dc-ftog{display:inline;height:auto;padding:0;border:0;background:none;color:inherit;font:inherit}
@media (prefers-reduced-motion:reduce){.dc-bub{will-change:auto}}