/* Temple Cat Daily Login v2 */

.tc-login-modal{
    position:fixed;
    inset:0;
    z-index:2147483642;
    display:none;
    align-items:center;
    justify-content:center;
    padding:18px;
    background:rgba(0,0,0,.78);
    backdrop-filter:blur(10px);
}

.tc-login-modal.show{
    display:flex;
}

.tc-login-panel{
    width:min(860px,96vw);
    max-height:88vh;
    overflow:auto;
    border:1px solid rgba(255,215,0,.48);
    border-radius:30px;
    background:
        radial-gradient(circle at 50% 0%,rgba(255,215,0,.18),transparent 35%),
        linear-gradient(160deg,rgba(20,12,0,.98),rgba(0,0,0,.98));
    box-shadow:0 0 70px rgba(255,215,0,.25);
    padding:20px;
    color:white;
    font-family:Segoe UI,Arial,sans-serif;
}

.tc-login-title{
    color:#ffe680;
    font-size:34px;
    font-weight:1000;
    line-height:.95;
    text-align:center;
    text-shadow:0 0 24px rgba(255,215,0,.55);
}

.tc-login-sub{
    margin-top:10px;
    color:rgba(255,255,255,.68);
    text-align:center;
    font-size:14px;
    font-weight:800;
}

.tc-login-streak{
    margin:16px auto 18px;
    width:max-content;
    border-radius:999px;
    padding:9px 14px;
    border:1px solid rgba(102,255,122,.28);
    background:rgba(102,255,122,.10);
    color:#66ff7a;
    font-size:13px;
    font-weight:1000;
}

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

.tc-login-day{
    position:relative;
    min-height:138px;
    border-radius:22px;
    border:1px solid rgba(255,215,0,.22);
    background:rgba(0,0,0,.58);
    padding:12px 8px;
    text-align:center;
    overflow:hidden;
}

.tc-login-day.active{
    border-color:#66ff7a;
    background:rgba(102,255,122,.10);
    box-shadow:0 0 24px rgba(102,255,122,.18);
}

.tc-login-day.claimed{
    border-color:rgba(255,215,0,.42);
    background:rgba(255,215,0,.10);
}

.tc-login-day.bonus{
    border-color:rgba(255,80,255,.48);
    box-shadow:0 0 24px rgba(255,80,255,.18);
}

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

.tc-login-icon{
    font-size:32px;
    margin-bottom:8px;
}

.tc-login-reward{
    color:white;
    font-size:12px;
    line-height:1.25;
    font-weight:1000;
}

.tc-login-claimed{
    position:absolute;
    left:8px;
    right:8px;
    bottom:8px;
    border-radius:999px;
    padding:5px 6px;
    background:rgba(255,255,255,.12);
    color:#aaa;
    font-size:10px;
    font-weight:1000;
}

.tc-login-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
    margin-top:18px;
}

.tc-login-btn{
    min-height:56px;
    border:0;
    border-radius:20px;
    background:linear-gradient(45deg,#ffcc00,#ff8a00);
    color:#000;
    font-size:16px;
    font-weight:1000;
    cursor:pointer;
}

.tc-login-btn.secondary{
    border:1px solid rgba(255,215,0,.34);
    background:rgba(0,0,0,.68);
    color:#ffe680;
}

.tc-login-btn:disabled{
    background:rgba(255,255,255,.10);
    color:#888;
}

.tc-login-toast{
    position:fixed;
    left:50%;
    bottom:104px;
    transform:translateX(-50%);
    z-index:2147483643;
    min-width:min(340px,90vw);
    padding:14px 20px;
    border-radius:999px;
    border:1px solid gold;
    background:rgba(0,0,0,.90);
    color:#66ff7a;
    font-size:14px;
    font-weight:1000;
    text-align:center;
    box-shadow:0 0 32px rgba(255,215,0,.28);
    display:none;
}

.tc-login-floating{
    position:fixed;
    right:14px;
    bottom:86px;
    z-index:2147483635;
    min-width:58px;
    height:58px;
    border:1px solid rgba(255,215,0,.46);
    border-radius:20px;
    background:linear-gradient(45deg,#ffcc00,#ff8a00);
    color:#000;
    font-size:24px;
    font-weight:1000;
    box-shadow:0 0 28px rgba(255,215,0,.28);
    cursor:pointer;
}

@media(max-width:768px){
    .tc-login-panel{
        padding:16px;
        border-radius:26px;
    }

    .tc-login-title{
        font-size:28px;
    }

    .tc-login-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .tc-login-day{
        min-height:118px;
    }

    .tc-login-actions{
        grid-template-columns:1fr;
    }

    .tc-login-floating{
        right:12px;
        bottom:78px;
        width:52px;
        height:52px;
        border-radius:18px;
        font-size:22px;
    }
}