/* Дневни задачи за всички игри. Префикс .qs- (platform/js/quests.js) */
.qs-card{display:flex; flex-direction:column; gap:10px; padding:12px 14px; border-radius:18px; border:1px solid var(--pline, rgba(255,255,255,.14));
  background:linear-gradient(160deg, rgba(255,255,255,.07), rgba(255,255,255,.02)); color:var(--ptext, #fffdf7); box-sizing:border-box; width:100%; margin:12px 0}
.qs-head{display:flex; align-items:center; gap:8px; flex-wrap:wrap}
.qs-head b{font:700 15px var(--body, inherit)}
.qs-ic{display:grid; place-items:center; width:26px; height:26px; border-radius:50%; background:rgba(255,197,61,.18); color:var(--paccent, #ffc53d)}
.qs-ic .pi{width:15px; height:15px}
.qs-sub{flex:1; text-align:right; font-size:12px; color:var(--pmuted, #c3cdf0); min-width:max-content}
.qs-list{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:10px}
.qs-row{display:flex; align-items:center; gap:12px; min-width:0}
.qs-row.got{opacity:.55}
.qs-tx{flex:1; min-width:0; display:flex; flex-direction:column; gap:4px}
.qs-g{align-self:flex-start; padding:1px 8px; border-radius:99px; font:700 10.5px var(--body, inherit); letter-spacing:.06em; text-transform:uppercase; background:rgba(255,197,61,.16); color:var(--paccent, #ffc53d)}
.qs-g.any{background:rgba(255,255,255,.1); color:var(--pmuted, #c3cdf0)}
.qs-t{font:500 13.5px/1.3 var(--body, inherit); overflow-wrap:anywhere}
.qs-bar{display:block; height:6px; border-radius:3px; background:rgba(3,8,30,.5); overflow:hidden}
.qs-bar i{display:block; height:100%; border-radius:3px; background:var(--paccent, #ffc53d); transition:width .4s ease}
.qs-row.ready .qs-bar i, .qs-row.got .qs-bar i{background:var(--pgood, #3fd28a)}
.qs-rw{display:flex; flex-direction:column; align-items:flex-end; min-width:58px}
.qs-rw b{font:700 14px var(--num, inherit); color:var(--pmuted, #c3cdf0)}
.qs-rw small{font:700 12px var(--num, inherit); color:var(--paccent, #ffc53d)}
.qs-done{display:inline-flex; align-items:center; gap:4px; font:600 12px var(--body, inherit); color:var(--pgood, #3fd28a); white-space:nowrap}
.qs-done .pi{width:14px; height:14px}
.qs-claim{white-space:nowrap; animation:qs-pulse 1.6s ease-in-out infinite}
@keyframes qs-pulse{50%{transform:scale(1.05)}}
@media (prefers-reduced-motion:reduce){ .qs-claim{animation:none} .qs-bar i{transition:none} }
@media (max-width:420px){ .qs-sub{text-align:left; flex-basis:100%} }