.timed-library-theme {
    background: radial-gradient(circle at 20% 24%, #b9893f30, transparent 32%), linear-gradient(145deg, #100d09, #1b1712 56%, #090806);
}

.timed-expedition-theme {
    background: radial-gradient(circle at 18% 25%, #2e859442, transparent 32%), radial-gradient(circle at 82% 18%, #b67d3830, transparent 34%), linear-gradient(145deg, #081014, #152127 58%, #070a0c);
}

.timed-activity-theme + .navigation-panel .location-grid {
    grid-template-columns: minmax(0, 1fr);
}

.timed-activity-overview,
.timed-activity-list {
    grid-column: 1 / -1;
    display: grid;
    gap: 12px;
    width: 100%;
}

.timed-status-strip {
    padding: 10px 12px;
    border: 1px solid #ffffff17;
    border-radius: 13px;
    background: #080d13c9;
    color: #9da6b4;
    text-align: center;
}

.timed-status-strip.active {
    border-color: #e071354d;
    color: #f3b37d;
}

.timed-activity-card,
.timed-active-card {
    padding: 15px;
    border: 1px solid #ffffff20;
    border-radius: 20px;
    background: #0b1119eb;
    box-shadow: 0 15px 36px #0007;
}

.timed-activity-card header {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 10px;
}

.timed-activity-card h3,
.timed-active-card h3 {
    margin: 0 0 10px;
}

.timed-activity-card header strong {
    flex: 0 0 auto;
    color: #efd18e;
}

.timed-rewards {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 10px;
}

.timed-rewards span {
    padding: 7px 9px;
    border-radius: 10px;
    background: #ffffff0a;
    color: #cbd3df;
}

.timed-status {
    color: #f0a76f;
}

.timed-primary,
.timed-cancel {
    width: 100%;
    min-height: 47px;
    margin-top: 13px;
    border: 1px solid #62b7c063;
    border-radius: 13px;
    background: linear-gradient(135deg, #225f72, #4e407a);
    color: #fff;
    font-weight: 900;
}

.timed-cancel {
    border-color: #ffffff20;
    background: #171c25;
    color: #aeb6c2;
}

.timed-primary:disabled,
.timed-cancel:disabled {
    opacity: 0.45;
}

.timed-active-card {
    border-color: #dfb55f69;
    text-align: center;
}

.timed-active-card time {
    display: block;
    margin-top: 16px;
    color: #f0cf83;
    font-size: 28px;
    font-weight: 900;
}

.timed-confirmation {
    position: fixed;
    inset: 0;
    z-index: 120;
    display: grid;
    place-items: center;
    padding: 18px;
    background: #02060bc4;
    backdrop-filter: blur(7px);
}

.timed-confirmation[hidden] {
    display: none;
}

.timed-confirmation-card {
    width: min(100%, 390px);
    padding: 17px;
    border: 1px solid #d2ac6470;
    border-radius: 18px;
    background: #17151a;
}

.timed-confirmation-card div {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    margin-top: 14px;
}

.timed-confirmation-card button {
    min-height: 44px;
    border: 1px solid #ffffff24;
    border-radius: 11px;
    background: #292332;
    color: #fff;
    font-weight: 800;
}