/*zchan*/ /* zamn-chat.css v1: channel ribbons + IRC view for the dashboard's Player chat panel. */
.zc-taken{display:none!important}
.zc{--zc-acc:var(--dash-accent,#2f9e2f);display:flex;flex-direction:column;min-height:0;flex:1;background:#121a16;color:#eef3ef;box-shadow:inset 0 0 0 1px #e8eeea1f;font:14px/1.4 "Segoe UI",Selawik,"Helvetica Neue",Arial,sans-serif;position:relative}
.zc[hidden]{display:none}
.zc.zc-engaged{box-shadow:inset 0 0 0 1px #e8eeea1f,0 0 0 2px color-mix(in srgb,var(--zc-acc) 70%,white)}
.zc-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:10px 14px;background:color-mix(in srgb,var(--zc-acc) 82%,#111);color:#fff}
.zc-title{font-weight:700;font-size:16px}
.zc-sub{font-size:11px;letter-spacing:.04em;text-transform:uppercase;opacity:.9}
/* Xbox 360 blades/ribbons */
.zc-ribbons{display:flex;gap:4px;padding:10px 12px 0 18px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;background:linear-gradient(#0d130f,#121a16);scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
.zc-rib{flex:0 0 auto;scroll-snap-align:start;border:0;margin:0 2px 0 0;padding:0;background:transparent;color:inherit;font:inherit;cursor:pointer;transform:skewX(-14deg);transform-origin:bottom left;outline:none}
.zc-ribin{display:flex;flex-direction:column;align-items:flex-start;gap:0;min-width:96px;padding:7px 16px 6px 14px;transform:skewX(14deg);position:relative}
.zc-rib{background:linear-gradient(180deg,#2a3a2f,#1b261f);border-top:2px solid #3c5544;border-radius:3px 3px 0 0;box-shadow:inset 0 1px 0 #ffffff14;transition:background .12s,transform .12s,border-color .12s}
.zc-rib:hover{background:linear-gradient(180deg,#34503b,#22322a)}
.zc-rib.on{background:linear-gradient(180deg,color-mix(in srgb,var(--zc-acc) 70%,#bfffa8),var(--zc-acc) 55%,color-mix(in srgb,var(--zc-acc) 70%,#000));border-top-color:#d9ffcb;box-shadow:0 -2px 10px color-mix(in srgb,var(--zc-acc) 60%,transparent),inset 0 1px 0 #ffffff55}
.zc-rib.on .zc-ribname{color:#fff;text-shadow:0 1px 2px #0008}
.zc-rib:focus-visible,.zc-engaged .zc-rib:focus{outline:2px solid #fff;outline-offset:2px}
html[data-input=pad] .zc-rib:focus{outline:3px solid #fff}
.zc-ribname{font-weight:700;font-size:15px;color:#d8e6dc;white-space:nowrap;max-width:180px;overflow:hidden;text-overflow:ellipsis}
.zc-ribtag{font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;opacity:.7;white-space:nowrap}
.zc-rib.priv .zc-ribtag{color:#ffe082;opacity:.95}
.zc-rib.zc-new .zc-ribname{color:#bfe8b0}
.zc-badge{position:absolute;top:-6px;right:-4px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#e8eeea;color:#14301a;font-size:11px;font-weight:800;line-height:18px;text-align:center;box-shadow:0 1px 3px #0008}
.zc-badge.at{background:#ffcc33;color:#3a2600}
.zc-topic{display:flex;align-items:center;gap:6px;padding:6px 12px;background:color-mix(in srgb,var(--zc-acc) 30%,#0c120e);border-top:1px solid color-mix(in srgb,var(--zc-acc) 70%,#000);border-bottom:1px solid #ffffff12;min-height:30px}
.zc-chname{color:#fff;white-space:nowrap}
.zc-topictxt{flex:1;min-width:0;opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.zc-lock{font-size:11px;padding:2px 7px;border-radius:9px;white-space:nowrap}
.zc-lock.srv{background:#ffffff14;color:#cfe0d4}
.zc-lock.e2e{background:#ffe08233;color:#ffe082}
.zc-membtn{display:none;border:1px solid #ffffff30;background:#ffffff10;color:#fff;border-radius:4px;font:inherit;font-size:12px;padding:3px 8px;cursor:pointer}
.zc-body{display:flex;min-height:0;flex:1}
.zc-log{flex:1;min-width:0;min-height:180px;max-height:360px;overflow:auto;padding:6px 8px 8px;font:13px/1.45 Consolas,"Cascadia Mono","DejaVu Sans Mono",Menlo,monospace;background:#0f1612;outline:none}
.zc-line{position:relative;display:block;padding:1px 26px 1px 4px;border-radius:2px;word-wrap:break-word;overflow-wrap:anywhere;white-space:pre-wrap}
.zc-line:hover{background:#ffffff08}
.zc-line.hl{background:#ffcc3322;box-shadow:inset 3px 0 0 #ffcc33}
.zc-line.act .zc-x{font-style:italic;color:#d6c7f0}
.zc-line.sys{color:#9fb7a6}
.zc-line.sys .zc-x{color:#9fb7a6}
.zc-t{color:#6f8a77;margin-right:5px}
.zc-av{display:inline-block;vertical-align:-3px;width:16px;height:16px;margin-right:5px;border-radius:3px;background:#2c3b31;color:#cfe0d4;font:700 10px/16px "Segoe UI",Arial,sans-serif;text-align:center;overflow:hidden;position:relative}
.zc-n{border:0;background:none;padding:0;margin:0 6px 0 0;font:inherit;font-weight:700;cursor:pointer}
.zc-n:hover{text-decoration:underline}
.zc-x{color:#e8eee9}
.zc-at{color:#9ed7ff;font-weight:700}
.zc-at.me{color:#ffcc33;background:#ffcc3322;border-radius:2px;padding:0 2px}
.zc-cant{color:#c9a96b}
.zc-warn{color:#ff8a65}
.zc-muted{border:0;background:none;color:#7c8f82;font:inherit;font-style:italic;cursor:pointer;padding:0}
.zc-more{position:absolute;right:2px;top:0;border:0;background:none;color:#8fa596;font:inherit;cursor:pointer;opacity:0;padding:0 5px;border-radius:3px}
.zc-line:hover .zc-more,.zc-more:focus{opacity:1}
.zc-more:focus{outline:2px solid #fff}
.zc-day{color:#6f8a77;text-align:center;font-size:11px;margin:6px 0 2px}
.zc-empty{color:#8fa596;padding:12px 4px;font-family:"Segoe UI",Arial,sans-serif}
.zc-older{display:block;margin:2px auto 6px;border:1px solid #ffffff26;background:#ffffff0d;color:#cfe0d4;font:12px "Segoe UI",Arial,sans-serif;padding:3px 10px;border-radius:3px;cursor:pointer}
.zc-mem{width:170px;flex:0 0 170px;overflow:auto;max-height:360px;padding:6px;background:#121a16;border-left:1px solid #ffffff12}
.zc-memh{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#8fa596;margin:2px 4px 6px}
.zc-mrow{display:flex;align-items:center;gap:6px;width:100%;border:0;background:none;color:inherit;font:inherit;font-size:13px;padding:3px 4px;border-radius:3px;cursor:pointer;text-align:left;opacity:.55}
.zc-mrow.on{opacity:1}
.zc-mrow:hover,.zc-mrow:focus{background:#ffffff10;outline:none}
.zc-mrow:focus-visible,html[data-input=pad] .zc-mrow:focus{outline:2px solid #fff}
.zc-mrow .zc-av{width:20px;height:20px;line-height:20px;margin:0;vertical-align:middle;flex:0 0 20px}
.zc-mrow.on .zc-av{box-shadow:0 0 0 2px #6ad35a}
.zc-mname{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
.zc-role{font-size:10px;color:#ffe082}
.zc-err{display:none;padding:4px 12px;background:#5a1e1e;color:#ffd7d7;font-size:13px}
.zc-err.on{display:block}
.zc-form{display:flex;gap:8px;align-items:center;padding:8px 10px;background:#0c120e;border-top:1px solid #ffffff12}
.zc-inp{flex:1;min-width:0;height:34px;border:1px solid #8fa596;border-radius:2px;background:#fff;color:#111;font:14px "Segoe UI",Arial,sans-serif;padding:0 10px}
.zc-inp:focus{outline:2px solid color-mix(in srgb,var(--zc-acc) 60%,white);outline-offset:1px}
.zc-inp:disabled{background:#cfd6d1}
.zc-cnt{font-size:11px;color:#8fa596;min-width:0}
.zc-send{height:34px;padding:0 16px;border:1px solid #ccd5cf;background:#fff;color:#14301a;font:600 14px "Segoe UI",Arial,sans-serif;border-radius:2px;cursor:pointer}
.zc-send:hover,.zc-send:focus-visible{background:var(--zc-acc);color:#fff}
html[data-input=pad] .zc-send:focus{outline:3px solid #fff}
.zc-send:disabled{opacity:.5}
.zc-hint{display:flex;gap:14px;flex-wrap:wrap;padding:3px 12px 6px;font-size:11px;color:#7f9886;background:#0c120e}
html[data-input=touch] .zc-hint{display:none}
.zc-priv{padding:10px 12px;background:#141f18;border-bottom:1px solid #ffffff14}
.zc-ph{font-size:12px;color:#b9cbbf;margin:0 0 8px;line-height:1.4}
.zc-prow{display:flex;gap:6px;margin:6px 0}
.zc-pin{flex:1;min-width:0;height:30px;border:1px solid #8fa596;border-radius:2px;background:#fff;color:#111;font:13px "Segoe UI",Arial,sans-serif;padding:0 8px}
.zc-pbtn{height:30px;padding:0 12px;border:1px solid #ccd5cf;background:#fff;color:#14301a;font:600 13px "Segoe UI",Arial,sans-serif;border-radius:2px;cursor:pointer}
.zc-pbtn:focus-visible,html[data-input=pad] .zc-pbtn:focus{outline:3px solid #fff}
.zc-link{display:flex;gap:6px;padding:4px}
.zc-menu{position:fixed;z-index:9000;min-width:200px;max-width:min(360px,94vw);background:linear-gradient(#f3f3ef,#d8d8d1);color:#1e1e1e;border:1px solid #888;border-radius:6px;box-shadow:0 10px 30px #000a;padding:4px;font:14px "Segoe UI",Arial,sans-serif;display:flex;flex-direction:column;gap:2px}
.zc-mh{font-weight:700;padding:6px 10px;border-bottom:1px solid #0002;margin-bottom:2px}
.zc-mi{border:0;background:none;text-align:left;font:inherit;padding:7px 10px;border-radius:4px;cursor:pointer;color:inherit}
.zc-mi:hover,.zc-mi:focus{background:var(--dash-accent,#2f9e2f);color:#fff;outline:none}
.zc-report .zc-pin{margin:4px 6px;flex:none}
.zc-report .zc-ph{color:#333;margin:6px 8px}
/* phone layout */
html.zmobl .zc{font-size:15px}
html.zmobl .zc-head{padding:8px 10px}
html.zmobl .zc-sub{font-size:10px}
html.zmobl .zc-ribbons{padding:8px 8px 0 12px}
html.zmobl .zc-ribin{min-width:76px;padding:8px 12px 7px 10px}
html.zmobl .zc-ribname{font-size:15px}
html.zmobl .zc-topic{flex-wrap:wrap;row-gap:2px}
html.zmobl .zc-topictxt{flex-basis:100%;order:5;white-space:normal;font-size:12px}
html.zmobl .zc-membtn{display:inline-block;margin-left:auto;min-height:30px}
html.zmobl .zc-body{flex-direction:column}
html.zmobl .zc-mem{display:none;width:auto;flex:none;max-height:160px;border-left:0;border-top:1px solid #ffffff14}
html.zmobl .zc.zc-showmem .zc-mem{display:block}
html.zmobl .zc-log{max-height:none;height:min(52vh,420px);font-size:13.5px}
html.zmobl .zc-more{opacity:.6;padding:0 8px}
html.zmobl .zc-inp{height:40px;font-size:16px}
html.zmobl .zc-send{height:40px}
html.zmobl .zc-mrow{min-height:34px}
@media (max-width:640px){.zc-mem{display:none}.zc.zc-showmem .zc-mem{display:block}.zc-membtn{display:inline-block;margin-left:auto}.zc-body{flex-direction:column}.zc-mem{width:auto;flex:none;border-left:0}}
.zc .zc-n,.zc .zc-muted,.zc .zc-more,.zc .zc-older{min-height:0!important;min-width:0!important}
.zc .zc-n{display:inline;line-height:inherit}
