/* 28.10 (Сергей): окно «Задание дня выполнено!» в главном меню после боя, где задание выполнено (js/quest.js, чат «Механики»).
   Как «Ежедневный бонус»: лучи (.dl-rays) и покачивание (dlbob) — из style.css; награда — плашками, как в итогах боя (.res-earn). */
.panel-dqok { width: 360px; gap: 6px; align-items: center; text-align: center; }
.dqok-gift { position: relative; width: 150px; height: 128px; display: flex; align-items: center; justify-content: center; margin-top: 4px; }
.dqok-ic { position: relative; width: 108px; height: 108px; filter: drop-shadow(0 4px 0 rgba(58, 29, 10, .35)); animation: dlbob 1.8s ease-in-out infinite; }
.dqok-q { font-size: 19px; font-weight: 900; line-height: 1.2; color: var(--ink); padding: 0 6px; }
.dqok-rew { display: flex; gap: 8px; justify-content: center; margin: 6px 0 2px; }
.dqok-rew > span { display: flex; align-items: center; gap: 4px; padding: 3px 12px 3px 5px; border-radius: 18px; background: #fff; border: 3px solid var(--ink); box-shadow: 0 3px 0 var(--ink); }
.dqok-rew svg { width: 32px; height: 32px; flex-shrink: 0; }
.dqok-rew b { white-space: nowrap; font-size: 22px; font-weight: 900; line-height: 1; }
.dqok-rew small { font-size: 12px; font-weight: 800; color: var(--brown); margin-left: 2px; }
.dqok-rew .p b { color: #e08a00; } .dqok-rew .m b { color: #b8741a; }
.panel-dqok .btn-go { align-self: stretch; }
/* 05.11 (Сергей): «Задание раз в 4 часа» — на телефоне ровно две строки (название не переносится посередине: «Задание раз в 4 / часа»), чуть мельче */
body:not(.pcm) .m3-quest span { white-space: pre; font-size: 13px; }
