:root{--kids-v6-pink:#ff67b7;--kids-v6-purple:#7357f4;--kids-v6-blue:#35bdf5;--kids-v6-yellow:#ffd84d;--kids-v6-mint:#43d8b6;--kids-v6-ink:#202644}
body.site-kids{overflow-x:hidden}
.kids-top4-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px}
.kids-rank-card{position:relative;display:flex;flex-direction:column;background:linear-gradient(180deg,#fff,#fff8fd);border:2px solid rgba(118,87,245,.10);border-radius:26px;overflow:hidden;box-shadow:0 14px 30px rgba(59,52,122,.09);color:var(--kids-v6-ink);text-decoration:none;transition:transform .22s ease,box-shadow .22s ease}
.kids-rank-card:hover{transform:translateY(-6px) rotate(-.25deg);box-shadow:0 22px 42px rgba(59,52,122,.16);color:var(--kids-v6-ink)}
.kids-rank-media{position:relative;aspect-ratio:9/16;background:linear-gradient(135deg,#eef0ff,#e8fbff);overflow:hidden}
.kids-rank-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}
.kids-rank-card:hover .kids-rank-media img{transform:scale(1.045)}
.kids-rank-number{position:absolute;left:11px;top:11px;z-index:3;width:42px;height:42px;border-radius:15px;display:grid;place-items:center;font-size:1.05rem;font-weight:950;color:#fff;background:linear-gradient(135deg,#ff5e8a,#ffb531);box-shadow:0 8px 18px rgba(255,90,120,.24);text-shadow:0 1px 2px rgba(0,0,0,.12)}
.rank-2 .kids-rank-number{background:linear-gradient(135deg,#7f8df8,#6652ec)}.rank-3 .kids-rank-number{background:linear-gradient(135deg,#2ec8ea,#26b5a0)}.rank-4 .kids-rank-number{background:linear-gradient(135deg,#ff9b57,#ff6db3)}
.kids-rank-crown{position:absolute;right:10px;top:9px;z-index:3;font-size:1.35rem;filter:drop-shadow(0 5px 8px rgba(0,0,0,.18))}
.kids-rank-play{position:absolute;left:50%;top:50%;z-index:3;transform:translate(-50%,-50%) scale(.96);width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.86);color:#ef4f7a;font-size:1.45rem;box-shadow:0 12px 25px rgba(30,35,70,.18);opacity:0;transition:opacity .2s ease,transform .2s ease}
.kids-rank-card:hover .kids-rank-play{opacity:1;transform:translate(-50%,-50%) scale(1)}
.kids-rank-body{padding:14px 15px 16px}.kids-rank-label{display:inline-flex;padding:5px 9px;border-radius:999px;background:#fff1f7;color:#e54c8c;font-size:.64rem;font-weight:950;margin-bottom:8px}.kids-rank-body h3{font-size:.92rem;line-height:1.34;font-weight:900;margin:0 0 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.kids-rank-body>div{font-size:.73rem;color:#7b8298;font-weight:750}
.kids-more-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 2px 10px}.kids-more-heading span{font-size:1rem;font-weight:950;color:#2c3358}.kids-more-heading small{color:#7b8298;font-size:.75rem;font-weight:800}
.kids-discover{position:relative}.kids-discover::before{content:"✨";position:absolute;right:-7px;top:-24px;font-size:1.35rem;animation:kidsFloat6 3s ease-in-out infinite}.kids-discover::after{content:"⭐";position:absolute;left:-10px;bottom:-18px;font-size:1rem;animation:kidsFloat6 3.4s ease-in-out infinite reverse}@keyframes kidsFloat6{50%{transform:translateY(-5px) rotate(6deg)}}
body.site-kids .navbar-brand img{border:3px solid rgba(255,255,255,.94);box-shadow:0 6px 15px rgba(255,105,180,.18)}
body.site-kids .desktop-nav-wrap .nav-link{font-weight:900}.brand-name{font-weight:950}
@media(max-width:991.98px){.kids-top4-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.kids-rank-body h3{font-size:.88rem}}
@media(max-width:767.98px){body.site-kids{padding-bottom:68px}.kids-top4-grid{gap:10px}.kids-rank-card{border-radius:20px}.kids-rank-number{width:36px;height:36px;border-radius:12px;font-size:.92rem;left:8px;top:8px}.kids-rank-crown{right:8px;top:7px;font-size:1.1rem}.kids-rank-body{padding:10px 10px 12px}.kids-rank-label{font-size:.58rem;padding:4px 7px}.kids-rank-body h3{font-size:.81rem}.kids-more-heading{padding-top:4px}.kids-more-heading span{font-size:.9rem}.kids-more-heading small{font-size:.68rem}.kids-discover::before{right:0;top:-14px}.kids-discover::after{left:0;bottom:-12px}}