.engagement-section{padding-top:24px}.engagement-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.engagement-card{display:flex;flex-direction:column;align-items:flex-start;min-height:230px;border:1px solid var(--border);border-radius:24px;background:var(--surface);box-shadow:var(--shadow);padding:26px}.engagement-icon{font-size:2.2rem;margin-bottom:18px}.engagement-label{color:var(--muted);font-size:.78rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.engagement-card>strong{font-size:2.7rem;line-height:1.05;margin:8px 0 10px;letter-spacing:-.04em}.engagement-card p{color:var(--muted);line-height:1.55;margin:0 0 18px}.engagement-card .text-action{margin-top:auto}.streak-card{border-color:rgba(255,151,67,.32);background:linear-gradient(145deg,var(--surface),rgba(255,151,67,.06))}.pwa-banner{display:flex;align-items:center;justify-content:space-between;gap:28px;border:1px solid var(--border);border-radius:28px;background:linear-gradient(135deg,var(--surface),rgba(104,78,255,.08));box-shadow:var(--shadow);padding:clamp(28px,5vw,46px)}.pwa-banner h2{margin:5px 0 10px;font-size:clamp(2rem,5vw,3.2rem);letter-spacing:-.04em}.pwa-banner p{max-width:760px;color:var(--muted);line-height:1.65;margin:0}.pwa-install-button[hidden]{display:none!important}.ranking-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px}.ranking-tabs a{padding:11px 15px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--muted);font-weight:800;font-size:.9rem}.ranking-tabs a:hover,.ranking-tabs a.active{color:var(--text);border-color:rgba(104,78,255,.5);background:rgba(104,78,255,.12)}.my-rank-strip{display:flex;align-items:center;gap:14px;margin-bottom:18px;border:1px solid rgba(49,215,199,.28);border-radius:18px;background:rgba(49,215,199,.06);padding:14px 18px}.my-rank-strip span{color:var(--muted);font-size:.86rem}.my-rank-strip strong{font-size:1.35rem}.my-rank-strip span:last-child{margin-left:auto;color:var(--text);font-weight:800}.stats-grid{grid-template-columns:repeat(3,1fr)}.stat-card.fire{border-color:rgba(255,151,67,.35);background:linear-gradient(145deg,var(--surface),rgba(255,151,67,.07))}.streak-progress-card{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px;border-color:rgba(255,151,67,.28)}.streak-progress-card h2{margin:5px 0 8px;font-size:clamp(1.8rem,5vw,2.7rem)}.streak-progress-card p{color:var(--muted);margin:0;line-height:1.6}.streak-goal{min-width:170px;border:1px solid var(--border);border-radius:18px;background:var(--surface-2);padding:18px;text-align:center}.streak-goal span{display:block;color:var(--muted);font-size:.78rem;margin-bottom:6px}.streak-goal strong{font-size:1.25rem}.rank-period-section{margin-top:38px}.period-rank-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.period-rank-grid a{display:flex;flex-direction:column;gap:8px;border:1px solid var(--border);border-radius:20px;background:var(--surface);padding:20px;transition:transform .15s ease,border-color .15s ease}.period-rank-grid a:hover{transform:translateY(-2px);border-color:rgba(104,78,255,.45)}.period-rank-grid span{color:var(--muted);font-size:.82rem}.period-rank-grid strong{font-size:1.8rem}@media(max-width:980px){.engagement-grid{grid-template-columns:1fr 1fr}.engagement-card:first-child{grid-column:1/-1}.period-rank-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.pwa-banner,.streak-progress-card{align-items:stretch;flex-direction:column}.pwa-banner .primary-button{width:100%;text-align:center}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.engagement-grid,.period-rank-grid,.stats-grid{grid-template-columns:1fr}.engagement-card:first-child{grid-column:auto}.ranking-tabs{display:grid;grid-template-columns:1fr 1fr}.ranking-tabs a{text-align:center}.my-rank-strip{flex-wrap:wrap}.my-rank-strip span:last-child{width:100%;margin-left:0}.streak-goal{width:100%}}