.daily-reward { margin:0 0 38px; padding:26px; border:1px solid #d5b86a66; border-radius:24px; background:radial-gradient(ellipse at 100% 0,#c5a04c1c,transparent 65%),linear-gradient(125deg,#222a32,#171c24); }
.daily-reward[hidden] { display:none; }
.daily-heading { display:flex; align-items:center; gap:16px; margin-bottom:22px; }
.daily-gift { display:grid; place-items:center; flex:none; width:58px; height:58px; border:1px solid #e4c17555; border-radius:18px; color:#f2cf83; background:#dfb65712; }
.daily-gift svg { width:31px; height:31px; }
.daily-heading>div { min-width:0; }.daily-eyebrow { font-size:9px; color:#d9c28d; letter-spacing:.1em; text-transform:uppercase; }
.daily-heading h2 { margin:5px 0 6px; color:#f7e4b9; font:500 30px/1.15 var(--font-display); }
.daily-heading p { margin:0; color:var(--muted); font-size:12px; line-height:1.6; }
.daily-streak { display:grid; gap:3px; flex:none; margin-left:auto; text-align:center; color:#c0b69f; font-size:10px; }
.daily-streak b { color:#f2cf83; font:500 31px/1.2 var(--font-display); }
.daily-days { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:9px; list-style:none; padding:0; margin:0 0 20px; }
.daily-day { display:flex; flex-direction:column; align-items:center; justify-content:center; min-width:0; min-height:91px; gap:11px; padding:12px 5px; border:1px solid #ffffff15; border-radius:13px; background:#0b101833; }
.daily-day>span:first-child { font-size:10px; color:#a7b1be; }.daily-day>span>b { color:#95d4b0; }
.daily-coins { display:flex; align-items:center; justify-content:center; gap:5px; color:#e6c879; font-size:15px; white-space:nowrap; }
.daily-coins img { flex:none; }.daily-crystal { display:flex; align-items:center; gap:3px; color:#c3a2f2; font-size:13px; }
.daily-day.is-done { background:#6ba5840d; border-color:#89b09a44; }.daily-day.is-done>.daily-coins { opacity:.7; }
.daily-day.is-current { border-color:#f1ca72; background:linear-gradient(145deg,#dfb75f21,#dfb75f08); box-shadow:inset 0 0 0 1px #dfb75f18; }
.daily-day.is-current>span:first-child { color:#f6d996; }
.daily-day.is-bonus { border-color:#af8bd969; background:linear-gradient(145deg,#a47dda1b,#b9943f0c); }
.daily-day.is-bonus.is-current { border-color:#dec2ff; box-shadow:inset 0 0 0 1px #c59ae833; }
.daily-day.is-bonus .daily-coins { flex-wrap:wrap; column-gap:5px; row-gap:4px; }.daily-day small { color:#bba3d5; font-size:8px; }
.daily-bottom { display:flex; align-items:center; justify-content:space-between; gap:24px; }.daily-action { display:grid; gap:10px; flex:none; }.daily-action .btn { min-height:44px; }
.daily-next { color:#a8b2c0; font-size:11px; }.daily-next b { color:#ead19c; font-variant-numeric:tabular-nums; }
.daily-rules { max-width:370px; margin:0; font-size:10px; line-height:1.8; color:#8f9baa; }
.daily-message { margin:12px 0 0; color:#b6ddbd; font-size:12px; line-height:1.6; }.daily-message:empty { display:none; }
.daily-nav { display:grid; place-items:center; position:relative; flex:none; width:32px; height:32px; border:1px solid #d4b36640; border-radius:10px; color:#d9c28f; background:#d4b3660c; }
.daily-nav svg { width:20px; height:20px; }.daily-nav i { display:none; position:absolute; top:-2px; right:-2px; width:7px; height:7px; border-radius:50%; background:#ffcc4d; box-shadow:0 0 0 2px #171b22; }.daily-nav.daily-ready i { display:block; }
.daily-nav:focus-visible { outline:2px solid var(--accent); outline-offset:3px; }
.player-profile .daily-reward { margin:24px 0; padding:20px; }.player-profile .daily-days { gap:6px; }.player-profile .daily-heading { gap:12px; }.player-profile .daily-gift { width:46px; height:46px; }.player-profile .daily-heading h2 { font-size:27px; }.player-profile .daily-bottom { align-items:flex-start; flex-direction:column; gap:12px; }.player-profile .daily-rules { max-width:none; }
@media(max-width:800px) { .daily-days { gap:6px; }.daily-bottom { flex-direction:column; align-items:flex-start; gap:12px; }.daily-rules { max-width:none; }.daily-coins { font-size:13px; } }
@media(max-width:600px) { .daily-reward,.player-profile .daily-reward { padding:18px; border-radius:19px; }.daily-heading { gap:11px; align-items:flex-start; flex-wrap:wrap; }.daily-gift { width:43px; height:43px; border-radius:13px; }.daily-gift svg { width:26px; height:26px; }.daily-heading>div { flex:1; }.daily-heading h2 { font-size:26px; }.daily-heading p { font-size:11px; }.daily-eyebrow { font-size:8px; letter-spacing:.06em; }.daily-streak { width:100%; display:flex; align-items:baseline; gap:5px; text-align:left; margin:0; }.daily-streak b { font-size:19px; }.daily-days { grid-template-columns:repeat(4,minmax(0,1fr)); }.daily-day { min-height:74px; padding:10px 4px; gap:8px; }.daily-day:last-child { grid-column:span 2; }.daily-day.is-bonus .daily-coins { flex-wrap:nowrap; }.daily-action { width:100%; }.daily-action .btn { width:100%; padding-inline:10px; font-size:12px; }.daily-nav { width:28px; height:28px; border-radius:9px; }.daily-nav svg { width:18px; height:18px; } }