/* The face of the playing kid in the tab bar, and the "time is up" wall. */
.tab-item .face { font-size: 22px; line-height: 26px; }
.time-up {
    position: fixed; inset: 0; z-index: 50; display: flex; flex-direction: column; align-items: center;
    justify-content: center; gap: 16px; padding: 24px; text-align: center; color: #fff; font-size: 1.3rem;
    font-weight: 600; background: rgba(21, 18, 40, .94);
}
.time-up .moon { font-size: 72px; }
.time-up p { margin: 0; max-width: 420px; }
.home-btn {
    padding: 12px 28px; border-radius: 12px; background: linear-gradient(90deg, var(--accent), var(--accent-2));
    color: #fff; text-decoration: none; font-size: 1.05rem;
}