/* Daily Reward System */

.daily-reward-panel{
    margin-top:16px;
    padding:16px;
    border-radius:24px;
    border:1px solid rgba(255,215,0,.25);
    background:rgba(0,0,0,.62);
    box-shadow:0 0 22px rgba(255,215,0,.08);
}

.daily-reward-title{
    color:#ffe680;
    font-size:24px;
    font-weight:1000;
    margin-bottom:8px;
}

.daily-reward-sub{
    color:rgba(255,255,255,.62);
    font-size:13px;
    margin-bottom:16px;
    font-weight:700;
}

.daily-grid{
    display:grid;
    grid-template-columns:repeat(7,1fr);
    gap:10px;
}

.daily-box{
    border-radius:18px;
    padding:12px 8px;
    text-align:center;
    border:1px solid rgba(255,215,0,.18);
    background:rgba(255,255,255,.03);
}

.daily-box.active{
    border-color:#66ff7a;
    box-shadow:0 0 20px rgba(102,255,122,.18);
    background:rgba(102,255,122,.08);
}

.daily-box.claimed{
    border-color:#ffd54a;
    background:rgba(255,215,0,.10);
}

.daily-day{
    color:#ffe680;
    font-size:11px;
    font-weight:1000;
    margin-bottom:8px;
}

.daily-icon{
    font-size:24px;
    margin-bottom:8px;
}

.daily-reward{
    color:#fff;
    font-size:11px;
    font-weight:900;
}

.daily-btn{
    width:100%;
    margin-top:18px;
    min-height:56px;
    border:0;
    border-radius:20px;
    background:linear-gradient(45deg,#ffcc00,#ff8a00);
    color:#000;
    font-size:17px;
    font-weight:1000;
}

.daily-btn.claimed{
    background:rgba(255,255,255,.10);
    color:#aaa;
}

@media(max-width:768px){
    .daily-grid{
        grid-template-columns:repeat(4,1fr);
    }
}