/* Ежедневный вызов (js/daily.js) */
#daily-hud { position: absolute; z-index: 20; top: 46px; right: 8px; min-width: 150px; padding: 5px 9px 6px; font-size: 12px; line-height: 1.35; color: #ecdcb4;
  border: 1px solid #8a6a28; border-radius: 6px; background: linear-gradient(rgba(36,26,14,0.9), rgba(20,14,8,0.9)); box-shadow: 0 2px 10px rgba(0,0,0,0.5); }
#daily-hud.hidden { display: none; }
#daily-hud .dy-h { color: #f4d070; font-size: 12px; }
#daily-hud .dy-h button { margin-left: 4px; padding: 0 6px; font-size: 11px; background: #3a2a1a; border: 1px solid #6a4a2a; color: #e8d4a0; border-radius: 3px; cursor: pointer; }
#daily-hud .dy-g.ok b { color: #9ed070; }
#daily-hud b { color: #f0c860; }
body.mobile #daily-hud { top: calc(134px + env(safe-area-inset-top)); min-width: 120px; font-size: 11px; opacity: 0.92; }

#daily-modal { position: fixed; inset: 0; z-index: 450; display: flex; align-items: center; justify-content: center; padding: 16px; background: rgba(6,4,10,0.6); }
#daily-modal.hidden { display: none; }
.dy-card { width: min(440px, 100%); max-height: 100%; overflow-y: auto; padding: 16px 18px; color: #ecdcb4; border: 2px solid #8a6a28; border-radius: 8px;
  background: linear-gradient(rgba(36,26,14,0.97), rgba(20,14,8,0.97)); box-shadow: 0 10px 40px #000; }
.dy-card h2 { margin: 0 0 6px; text-align: center; color: #f4d070; font-size: 22px; letter-spacing: 0.04em; }
.dy-card.win h2 { color: #b8e870; text-shadow: 0 0 14px rgba(160,230,90,0.5); }
.dy-card.lose h2 { color: #e0b070; }
.dy-goal { text-align: center; font-size: 14px; color: #d8c088; }
.dy-score { text-align: center; font-size: 44px; line-height: 1.1; margin: 6px 0 8px; color: #ffe08a; font-weight: bold; }
.dy-score small { display: block; font-size: 12px; font-weight: normal; color: #b8a47c; letter-spacing: 1px; }
.dy-stats { display: grid; grid-template-columns: 1fr 1fr; gap: 3px 14px; font-size: 13px; }
.dy-stats div { display: flex; justify-content: space-between; border-bottom: 1px dotted rgba(138,106,40,0.5); padding: 1px 0; }
.dy-stats b { color: #f0c860; }
.dy-cmp { margin: 10px 0 6px; padding: 7px 9px; font-size: 14px; line-height: 1.4; background: rgba(138,106,40,0.18); border-radius: 4px; text-align: center; }
.dy-cmp b { color: #ffe08a; }
.dy-bars { display: flex; align-items: flex-end; justify-content: center; gap: 6px; height: 44px; }
.dy-bars i { width: 22px; background: #6a4a22; border-radius: 2px 2px 0 0; }
.dy-bars i.today { background: #d8a838; }
.dy-sub { margin-top: 3px; text-align: center; font-size: 12px; color: #b8a47c; }
.dy-btns { display: flex; gap: 10px; justify-content: flex-end; margin-top: 12px; }
.dy-btns button { padding: 7px 16px; font: inherit; font-size: 14px; color: #ecdcb4; background: #3a2a1a; border: 1px solid #8a6a28; border-radius: 4px; cursor: pointer; }
.dy-btns button.primary { background: linear-gradient(#a87a22, #6a4a14); border-color: #f0c860; font-weight: bold; }