/* ЗАДАЧИ (public/ui/objectives.js): the round's tasks, style «Эфир» — a small plate, one main line + up to 3 side lines
   with a box / a tick / a progress. Desktop: left under the «выпуск» plate. Phone: one line, a tap opens the rest. */
#tasks{position:absolute;left:calc(28px + var(--safe-l));top:calc(84px + var(--safe-t));z-index:4;width:max-content;min-width:180px;max-width:min(270px,30vw);
  padding:7px 10px 8px;background:rgba(7,5,11,.8);border:var(--bw) solid var(--line);box-shadow:inset 2px 0 0 var(--cyan);pointer-events:none;
  font:500 11px/1.25 var(--mono);color:var(--ink2)}
#tasks[data-side=possessed]{box-shadow:inset 2px 0 0 var(--mag)}
#tasks header{display:flex;align-items:center;gap:8px;margin-bottom:5px;font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:var(--dim)}
#tasks header .k::before{content:"";display:inline-block;width:5px;height:5px;margin:0 6px 1px 0;border-radius:50%;background:var(--red);vertical-align:middle}
#tasks header em{margin-left:auto;font-style:normal;color:var(--mute);letter-spacing:.14em}
#tasks ol{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:4px}
#tasks li{display:flex;align-items:baseline;gap:6px;min-width:0}
#tasks li span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#tasks li b{flex:none;font-weight:600;color:var(--dim);font-variant-numeric:tabular-nums}
#tasks li i{flex:none;width:10px;height:10px;color:var(--dim);align-self:center}
#tasks li i svg{display:block;width:100%;height:100%}
#tasks li.mn{font:600 14px/1.15 var(--disp);letter-spacing:.05em;text-transform:uppercase;color:#fff}
#tasks li.mn b{font:600 13px/1 var(--disp);color:var(--cyan)}
#tasks[data-side=possessed] li.mn b{color:var(--mag)}
#tasks li.mn.goal::before{content:"";flex:none;align-self:center;width:0;height:0;border-left:7px solid #fff4dc;border-top:5px solid transparent;border-bottom:5px solid transparent;margin-right:2px}   /* the main goal: the same white arrow as on the edge */
#tasks li.warn span,#tasks li.warn b{color:var(--amber)}
#tasks li.mn.warn span{color:var(--amber)}
#tasks li.done{color:var(--mute)} #tasks li.done i{color:var(--live)}
#tasks .role{margin:6px 0 0;padding-top:5px;border-top:1px solid var(--line);font-size:10px;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* phone: collapsed to the main line; the whole plate is the toggle */
body.touchp #tasks{left:calc(12px + var(--safe-l));top:calc(82px + var(--safe-t));max-width:min(250px,34vw);padding:5px 8px 6px;pointer-events:auto;touch-action:manipulation;cursor:pointer}
body.touchp #tasks header{margin-bottom:3px}
body.touchp #tasks li.mn{font-size:12.5px}
body.touchp #tasks li{font-size:10px}
body.touchp.tasks-on #chat{top:calc(196px + var(--safe-t,0px))}   /* landscape: the chat's 2 lines step under the tasks */
@media (orientation:portrait){
  body.touchp #tasks{top:calc(312px + var(--safe-t));max-width:62vw}
  html body.touchp:has(#nudge) #tasks{top:calc(400px + var(--safe-t))}
  html body.touchp.tasks-on.efir #chat{top:calc(200px + var(--safe-t))}
}