html,body{min-height:100%}body{min-height:100vh;display:flex;flex-direction:column}main{flex:1 0 auto;width:100%}main>*{width:min(1180px,calc(100% - 40px));margin-left:auto;margin-right:auto}footer{flex-shrink:0;margin-top:auto;min-height:70px;align-items:center}.search-form button{display:flex;align-items:center;justify-content:center;gap:8px;min-width:178px;text-align:center;margin:auto}.search-form button>i{font-size:12px}.search-form button span{margin-left:3px}.stat-icon{position:absolute;left:19px;top:43px;font-size:24px;color:currentColor;opacity:.13;transform:rotate(-7deg);transition:.3s}.stat-card:hover .stat-icon{opacity:.35;transform:rotate(0) scale(1.12);filter:drop-shadow(0 0 10px currentColor)}.stat-card:nth-child(1){color:var(--lime)}.stat-card:nth-child(2){color:var(--violet)}.stat-card:nth-child(3){color:var(--cyan)}.stat-card:nth-child(4){color:#ffaf48}.stat-card>span,.stat-card>strong,.stat-card>small{color:var(--text)}.stat-card>small{color:#737f90}.rank-icon{position:absolute;right:15px;top:14px;font-size:20px;opacity:.22;transition:.3s}.rank-badge:hover .rank-icon{opacity:.65;transform:scale(1.12) rotate(-5deg)}.detail-grid article{position:relative;display:grid;grid-template-columns:24px 1fr auto;gap:8px}.detail-icon{width:24px;height:24px;border-radius:7px;display:grid!important;place-items:center;background:#ffffff06;color:#7d8a9b;font-size:10px}.detail-grid article:hover .detail-icon{color:var(--lime);background:#b7ff3c0d}.detail-grid article span{align-self:center}.detail-grid article strong{align-self:center}@media(max-width:620px){main>*{width:min(100% - 24px,1180px)}.search-form button{width:min(220px,100%)}footer{min-height:86px}.detail-grid article{grid-template-columns:24px 1fr auto}}