/* Página "Streaks" dos jogos diários: cartões de sequência e calendário dos últimos 28 dias. */
.sq-cartoes { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 14px; width: min(960px, 100%); margin: 0 auto; }
.sq-cartao { display: grid; gap: 6px; align-content: start; padding: 18px; border-radius: 16px; border: 1px solid var(--fog-700, #2b2023); background: linear-gradient(180deg, var(--fog-900, #151012), #0f0b0d); color: inherit; text-decoration: none; animation: ja-entra .6s both; transition: transform .15s, border-color .2s, box-shadow .25s; }
a.sq-cartao:hover { transform: translateY(-4px); border-color: var(--rust, #b3121f); }
.sq-cartao.destaque { border-color: rgba(242, 181, 68, .55); box-shadow: 0 0 30px rgba(242, 181, 68, .12); }
.sq-cartao.viva .chama { animation: sq-fogo 1.4s ease-in-out infinite; }
.sq-cartao h2 { margin: 0; font-family: var(--display, 'Oswald', sans-serif); font-size: 20px; }
.sq-numero { display: flex; align-items: baseline; gap: 8px; }
.sq-numero .chama { font-size: 30px; }
.sq-numero strong { font-family: var(--display, 'Oswald', sans-serif); font-size: 54px; line-height: 1; color: #f2b544; }
.sq-numero small { color: var(--ash, #a99d97); font-size: 14px; }
.sq-melhor, .sq-linha { margin: 0; color: var(--ash, #a99d97); font-size: 14px; }
.sq-hoje { margin: 8px 0 0; padding: 8px 10px; border-radius: 8px; background: rgba(255, 255, 255, .04); font-size: 14px; font-weight: 600; }
.sq-hoje.feito { background: rgba(47, 168, 79, .16); color: #5fd47f; }
.sq-titulo { text-align: center; margin: 22px 0 10px; font-family: var(--display, 'Oswald', sans-serif); font-size: 22px; }
.sq-calendario { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 6px; width: min(560px, 100%); margin: 0 auto; }
.sq-dia { display: grid; gap: 2px; justify-items: center; padding: 8px 4px; border-radius: 8px; border: 1px solid var(--fog-700, #2b2023); background: var(--fog-900, #151012); font-size: 12px; color: var(--ash, #a99d97); }
.sq-dia .n { font-weight: 700; font-size: 14px; color: var(--bone, #f0e7dc); }
.sq-dia .p { letter-spacing: 2px; color: #f2b544; }
.sq-dia.parcial { border-color: rgba(242, 181, 68, .45); }
.sq-dia.completo { border-color: rgba(47, 168, 79, .8); background: rgba(47, 168, 79, .12); }
.sq-dia.hoje { outline: 2px solid var(--bone, #f0e7dc); outline-offset: 1px; }
.sq-legenda { text-align: center; color: var(--ash, #a99d97); font-size: 13px; margin: 8px 0 0; }
@keyframes sq-fogo { 0%, 100% { transform: scale(1) rotate(-3deg); } 50% { transform: scale(1.18) rotate(3deg); } }
@media (prefers-reduced-motion: reduce) { .sq-cartao, .sq-cartao.viva .chama { animation: none; } }