.header{display:flex;flex-direction:column;align-items:center;gap:.5em}.in-game{display:flex;align-items:center;justify-content:center;gap:.5em;color:var(--color-green)}.sonar{display:inline-block;height:8px;border-radius:50%;aspect-ratio:1;background-color:var(--color-green);position:relative;animation:pulse 1s ease-in-out infinite alternate}.sonar::after{content:'';position:absolute;inset:0;border-radius:50%;background:var(--color-green);animation:sonar 1.5s infinite;z-index:-1}.header .user{display:flex;flex-direction:row;align-items:center;color:var(--color-text-light);font-size:1.5em;font-weight:700;.hashtag,.tag{color:var(--color-text-medium)}}h1{margin-top:1rem;font-size:3em;color:var(--color-text-light);text-shadow:0 0 2px #fff,0 0 5px #fff,0 0 10px #e60073}#rank-image{max-width:90vw;width:100%;max-width:400px;height:auto;object-fit:contain;position:relative;z-index:1;filter:drop-shadow(0 20px 60px rgba(0 0 0 / .6))}#information{.key{color:var(--color-text-medium)}.value{color:var(--color-text-light);font-weight:700}}#recent-games{display:grid;gap:8px;width:100%;justify-items:center;color:var(--color-text-medium);div.squares{display:flex;gap:4px;justify-content:center;width:100%}div.square-container{display:flex;flex-direction:column;width:28px;&:nth-of-type(1){opacity:.25}&:nth-of-type(2){opacity:.5}&:nth-of-type(3){opacity:.75}}span.square{display:inline-block;height:8px;width:100%;border-radius:4px;background-color:var(--color-red);&.win{background-color:var(--color-green)}&.pending{background-color:var(--color-yellow);animation:pulse-opacity 1s ease-in-out infinite alternate}}span.square-time{color:var(--color-text-dark);font-size:12px;&.now{color:var(--color-text-light)}}}footer{width:100%;text-align:center;display:flex;flex-direction:column;gap:.25em;font-size:12px}footer .link-line{display:flex;justify-content:center;gap:2px;color:var(--color-text-darker)}@keyframes pulse-opacity{from{opacity:1}to{opacity:.25}}@keyframes sonar{0%{transform:scale(1);opacity:0.7}100%{transform:scale(3);opacity:0}}