.top4{min-height:0}.top4>h1{margin-bottom:28px}.top4-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,256px));justify-content:center;gap:22px}.top4-card{position:relative;overflow:hidden;border:1px solid #ded9ed;border-radius:20px;background:#fff;box-shadow:0 9px 26px rgba(24,0,80,.12)}.top4-card img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;background:#f3f1f8}.top4-card>div{padding:17px}.top4-card h2{margin:0 0 7px;color:var(--heading);font-size:1.15rem;line-height:1.3}.top4-card p{margin:0 0 15px;color:var(--text)}.top4-rank{position:absolute;top:12px;left:12px;z-index:2;display:grid;place-items:center;width:44px;height:44px;border:3px solid #fff;border-radius:50%;background:var(--accent);color:var(--heading);font-size:1.25rem;font-weight:900;box-shadow:0 3px 12px rgba(0,0,0,.28)}.top4-play{width:100%;border:0;border-radius:999px;background:var(--accent);color:var(--heading);padding:11px 14px;font:inherit;font-weight:900;cursor:pointer}.top4-play:focus-visible{outline:4px solid var(--heading);outline-offset:3px}.top4-status{min-height:1.5em;margin:18px 0 0;text-align:center;font-weight:700;color:var(--text)}@media(max-width:950px){.top4-grid{grid-template-columns:repeat(auto-fit,minmax(220px,256px))}}@media(max-width:520px){.top4{width:min(92%,390px);margin-top:36px;margin-bottom:36px}.top4-grid{grid-template-columns:1fr;gap:18px}.top4-card{display:grid;grid-template-columns:118px 1fr}.top4-card img{height:100%;min-height:150px}.top4-card>div{display:flex;flex-direction:column;justify-content:center;padding:14px}.top4-card h2{font-size:1.05rem}.top4-rank{width:38px;height:38px;font-size:1.05rem}.top4-play{padding:10px}}