﻿/* Daily rewards: livelier calendar (hero with streak + countdown, big day cards, glowing "HOJE"). Loaded after expeditions.css. */
#dailyRewardModal .daily-reward-card {
  width: min(62rem, 94vw); max-width: 62rem;
  background: radial-gradient(ellipse 70% 40% at 50% 0, #fbbf2426, transparent 70%), radial-gradient(ellipse 50% 40% at 100% 100%, #a855f722, transparent 70%), linear-gradient(160deg, #1a2540, #0e1628 70%);
}
.daily-hero { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .7rem .9rem; border: 1px solid #fbbf2455; border-radius: .8rem; background: linear-gradient(100deg, #fbbf2420, #0f1a2e 60%); box-shadow: inset 0 0 1.6rem #fbbf2410; }
.daily-hero-main { display: flex; align-items: center; gap: .9rem; min-width: 0; }
.daily-hero-icon { flex: none; display: grid; place-items: center; width: 3.4rem; height: 3.4rem; border-radius: .8rem; border: 2px solid #fcd34d; background: radial-gradient(circle at 30% 25%, #ffe58f, #f59e0b 60%, #b45309); color: #4a2a05; box-shadow: 0 0 1.4rem #fbbf24aa, inset 0 0 .6rem #fff8; animation: dailyIconPulse 2.2s ease-in-out infinite; }
.daily-hero-icon svg { width: 2rem; height: 2rem; }
@keyframes dailyIconPulse { 0%, 100% { transform: scale(1) rotate(-3deg); } 50% { transform: scale(1.08) rotate(3deg); box-shadow: 0 0 2.2rem #fde047; } }
.daily-hero-main small { display: block; color: #fcd34d; font: 800 .62rem var(--font-pixel-ui); letter-spacing: .14em; }
.daily-hero-main strong { display: block; margin-top: .25rem; color: #fff7d6; font: 800 .95rem/1.4 var(--font-pixel-ui); text-shadow: 0 0 .8rem #fbbf2477; }
.daily-hero-stats { display: flex; gap: .6rem; flex: none; }
.daily-streak, .daily-next { display: grid; justify-items: center; align-content: center; min-width: 6.5rem; padding: .35rem .7rem; border-radius: .6rem; border: 1px solid #ffffff22; background: #0b1222cc; }
.daily-streak { border-color: #fb923c88; background: linear-gradient(#7c2d1244, #0b1222cc); }
.daily-streak span { font-size: 1.1rem; line-height: 1; filter: drop-shadow(0 0 .4rem #f97316); animation: dailyFlame 1.2s ease-in-out infinite; }
@keyframes dailyFlame { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.18); } }
.daily-streak b { color: #fdba74; font: 800 1.3rem/1 var(--font-pixel-ui); }
.daily-streak small, .daily-next small { color: #94a3b8; font: 700 .5rem var(--font-pixel-ui); letter-spacing: .06em; text-align: center; }
.daily-next strong { color: #86efac; font: 800 1.15rem/1.3 var(--font-pixel-ui); letter-spacing: .06em; text-shadow: 0 0 .6rem #22c55e88; }
.daily-rules { list-style: none; display: flex; flex-wrap: wrap; justify-content: center; gap: .5rem; margin: .7rem 0 .2rem; padding: 0; }
.daily-rules li { padding: .25rem .65rem; border-radius: 2rem; border: 1px solid #334155; background: #0b1222aa; color: #cbd5e1; font: 700 .62rem var(--font-clean); }
.daily-rules b { margin-right: .35rem; font: 800 .6rem var(--font-pixel-ui); }
.daily-rules .is-blue { color: #7dd3fc; } .daily-rules .is-gold { color: #fcd34d; } .daily-rules .is-purple { color: #d8b4fe; }
.daily-progress { height: 5px; margin: .9rem .4rem .1rem; border-radius: 3px; background: #1e293b; overflow: hidden; }
.daily-progress i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #fbbf24, #f97316, #c084fc); box-shadow: 0 0 .6rem #fbbf24; }

#dailyRewardModal .daily-days { gap: .6rem; margin: .5rem 0 .9rem; }
#dailyRewardModal .daily-day {
  position: relative; min-height: 12.5rem; padding: 1.9rem .4rem .7rem; gap: .5rem; overflow: hidden; isolation: isolate;
  border: 2px solid #334a6b; border-radius: .8rem; background: radial-gradient(ellipse at 50% 0, #2a3f66aa, transparent 70%), linear-gradient(#17243c, #101a2e);
  transition: transform .2s, box-shadow .2s;
}
#dailyRewardModal .daily-day:hover { transform: translateY(-3px); }
.daily-day > strong { color: #e2e8f0; font: 800 .8rem var(--font-pixel-ui); letter-spacing: .06em; }
.daily-day-badge { position: absolute !important; top: .45rem; left: 50%; transform: translateX(-50%); padding: .12rem .5rem; border-radius: 2rem; background: #0b1222; border: 1px solid #475569; color: #94a3b8; font: 800 .5rem var(--font-pixel-ui); font-style: normal; letter-spacing: .06em; white-space: nowrap; z-index: 2; }
.daily-day-art { display: grid; place-items: center; width: 3.6rem; height: 3.6rem; border-radius: 50%; background: radial-gradient(circle at 35% 30%, #ffffff30, #ffffff08 70%); border: 1px solid #ffffff22; }
.daily-day-art svg { width: 2.1rem; height: 2.1rem; color: #7ce5b4; filter: drop-shadow(0 0 .35rem currentColor); }
.daily-day-rewards { display: grid; gap: .25rem; width: 100%; padding: 0 .35rem; }
.daily-day .dr { display: flex; align-items: center; justify-content: center; gap: .3rem; padding: .18rem .3rem; border-radius: .35rem; background: #0b1222aa; border: 1px solid #ffffff14; color: #cbd5e1; font: 700 .56rem var(--font-clean); white-space: nowrap; }
.daily-day .dr svg { width: .95rem; height: .95rem; flex: none; }
.daily-day .dr b { color: #fff; font-size: .68rem; }
.daily-day .dr-coin b { color: #fde68a; }
.daily-day-label { font-style: normal; padding: .15rem .35rem; border-radius: .3rem; font: 800 .5rem/1.4 var(--font-pixel-ui); text-align: center; }
.daily-day small { color: #94a3b8; }
/* current day: pulsing gold frame + shine */
#dailyRewardModal .daily-day.is-current { border-color: #fcd34d; background: radial-gradient(ellipse at 50% 0, #fbbf2455, transparent 70%), linear-gradient(#3a3017, #1d1a14); box-shadow: 0 0 1.6rem #fbbf2488, inset 0 0 1.2rem #fbbf2422; transform: translateY(-4px) scale(1.04); animation: dailyCurrent 1.6s ease-in-out infinite; z-index: 2; }
@keyframes dailyCurrent { 0%, 100% { box-shadow: 0 0 1rem #fbbf2466, inset 0 0 .8rem #fbbf2418; } 50% { box-shadow: 0 0 2.2rem #fde047, inset 0 0 1.4rem #fbbf2440; } }
#dailyRewardModal .daily-day.is-current::after { content: ''; position: absolute; inset: 0; z-index: 3; pointer-events: none; background: linear-gradient(105deg, transparent 38%, #ffffff44 50%, transparent 62%); background-size: 250% 100%; animation: dailyShine 2.6s ease-in-out infinite; }
@keyframes dailyShine { 0%, 40% { background-position: 150% 0; } 80%, 100% { background-position: -100% 0; } }
.daily-day.is-current .daily-day-badge { background: linear-gradient(#fde047, #f59e0b); border-color: #fff7d6; color: #3b2203; box-shadow: 0 0 .8rem #fde047; animation: dailyBadge 1s ease-in-out infinite; }
@keyframes dailyBadge { 0%, 100% { transform: translateX(-50%) scale(1); } 50% { transform: translateX(-50%) scale(1.12); } }
.daily-day.is-current .daily-day-art { border-color: #fcd34d; background: radial-gradient(circle at 35% 30%, #fde68a88, #f59e0b22 70%); animation: dailyBob 1.3s ease-in-out infinite; }
.daily-day.is-current .daily-day-art svg { color: #fde047; }
@keyframes dailyBob { 0%, 100% { transform: translateY(0) rotate(-4deg); } 50% { transform: translateY(-5px) rotate(4deg); } }
/* done / future */
#dailyRewardModal .daily-day.is-claimed { background: linear-gradient(#0f2a2a, #0b1a1c); border-color: #14532d; box-shadow: none; }
#dailyRewardModal .daily-day.is-claimed > *:not(.ui-sparks) { opacity: .5; filter: saturate(.4); }
#dailyRewardModal .daily-day.is-claimed > .daily-day-badge { opacity: 1; filter: none; background: #14532d; border-color: #4ade80; color: #bbf7d0; }
#dailyRewardModal .daily-day.is-future { opacity: .88; }
#dailyRewardModal .daily-day.is-future .daily-day-art svg { color: #64748b; filter: none; }
/* special days keep their identity colors */
.daily-special-blue .daily-day-art svg { color: #7dd3fc; } .daily-special-blue .daily-day-label { color: #bae6fd; background: #1d4ed833; border: 1px solid #3b82f6aa; }
.daily-special-gold .daily-day-art svg { color: #fde047; } .daily-special-gold .daily-day-label { color: #fef08a; background: #ca8a0433; border: 1px solid #eab308aa; }
.daily-special-purple .daily-day-art svg { color: #e9d5ff; } .daily-special-purple .daily-day-label { color: #f3e8ff; background: #7e22ce33; border: 1px solid #c084fcaa; }
#dailyRewardModal .daily-special-blue.is-future .daily-day-art svg { color: #38bdf8; }
#dailyRewardModal .daily-special-gold.is-future .daily-day-art svg { color: #facc15; }
#dailyRewardModal .daily-special-purple.is-future .daily-day-art svg { color: #c084fc; }
.daily-special-purple .daily-day-art { background: radial-gradient(circle at 35% 30%, #e9d5ff55, #a855f722 70%); animation: dailyBob 2.2s ease-in-out infinite; }
/* claim button */
#dailyRewardsBody > .exp-primary { min-width: 17rem; padding: .8rem 1.6rem; font-size: .95rem; letter-spacing: .06em; border-radius: .7rem; }
#dailyRewardsBody > .exp-primary:not(:disabled) { --bt-top: #34d399 !important; --bt-bottom: #059669 !important; --bt-border: #a7f3d0 !important; --bt-text: #fff !important; --bt-ring: #34d399 !important; animation: dailyClaim 1.5s ease-in-out infinite; }
@keyframes dailyClaim { 0%, 100% { box-shadow: 0 0 .8rem #34d39966, 0 .2rem .5rem #0006; } 50% { box-shadow: 0 0 2rem #34d399, 0 .2rem .5rem #0006; } }
@media (prefers-reduced-motion: reduce) { #dailyRewardModal * { animation: none !important; } }

