.help-overlay{background:#3b24476b;backdrop-filter:blur(7px);padding:18px}.help-panel{position:relative;max-height:calc(100dvh - 36px);overflow-y:auto;overscroll-behavior:contain;border:1px solid #e1cdec;border-radius:29px;background:linear-gradient(145deg,#fffaf0,#faf3ff);padding:26px;box-shadow:inset 0 2px 0 white,0 8px 0 #c8b2d640,0 28px 80px #29143335;color:#624579}.help-panda{width:95px;height:95px;object-fit:contain;margin:0 auto 10px}.help-panel h2{text-align:center;font-family:var(--font-baloo);font-weight:800;font-size:29px;color:#8356a0}.help-panel ul{display:grid;gap:10px}.help-panel li{margin:0;padding:12px 14px;background:#ffffffb0;border:1px solid #e9daf0;border-radius:16px;line-height:1.65}.help-panel li span{color:#8a60a5}.help-panel>p{line-height:1.75}.help-panel>.pandy-btn{background:linear-gradient(#ac84d4,#9264bc);border:1px solid #bba0d4;border-radius:17px;box-shadow:inset 0 1px 0 #ffffff60,0 4px 0 #795298;color:white;text-shadow:none;font-family:var(--font-baloo)}.ranking-content{max-width:820px;margin:auto;padding:12px 24px 30px;display:flex;flex-direction:column;gap:22px}.ranking-content>div:first-child a{font-family:var(--font-body);letter-spacing:0;text-transform:none;font-weight:800;color:#9a78ad;font-size:12px}.ranking-content>header{border:1px solid color-mix(in srgb,var(--row-accent) 25%,white);background:linear-gradient(120deg,#fffdfa,var(--row-tint));border-radius:27px;padding:24px;box-shadow:inset 0 2px 0 white,0 6px 0 #e7dbea80}.ranking-panda{width:120px;height:120px;object-fit:contain;flex-shrink:0}.ranking-content h1{font-family:var(--font-baloo);font-size:32px;color:var(--row-title,var(--row-accent));line-height:1.15;margin:8px 0}.ranking-content>header p{color:#8c749a;line-height:1.65;font-size:13px}.ranking-content>header .font-mono{font-family:var(--font-body);font-size:10px;color:#9d84aa;letter-spacing:.06em}.ranking-content>nav{display:flex;flex-wrap:wrap;gap:8px;border:1px solid #e4d2ee;border-radius:20px;background:#f3eaf9;padding:8px}.ranking-content>nav a{flex:1 1 110px;background:#fffafc;border:1px solid #e7d8f0;color:#9c7eaf;font-family:var(--font-body);font-size:12px}.ranking-content>nav a[aria-current]{background:linear-gradient(#ac84d4,#9365bd);color:#fff;border-color:#b293cd;box-shadow:0 3px 0 #8055a3}.ranking-content>form,.ranking-content>section{border:1px solid #e4d5ed;border-radius:24px;overflow:hidden;background:linear-gradient(120deg,#fffdfa,#fcf7ff);box-shadow:0 5px 0 #e9dfee70}.ranking-content>section>div:first-child{background:#efe4f7;color:#9a7eab}.ranking-content ol li{border-color:#efe5f4;padding-block:16px}.ranking-content ol li:nth-child(2n){background-color:#f4ebfa55}.ranking-content>a.pandy-btn{align-self:center;min-width:230px;background:linear-gradient(#ac84d4,#9365bd);color:white;border:1px solid #b697d1;border-radius:18px;box-shadow:0 4px 0 #7a529b;font-family:var(--font-baloo);text-shadow:none}@media(max-width:600px){.help-panel{padding:20px}.help-panda{width:75px;height:75px}.help-panel h2{font-size:26px}.ranking-content{padding:14px 18px 28px}.ranking-content>header{padding:18px;gap:12px}.ranking-panda{width:78px;height:90px}.ranking-content h1{font-size:25px}.ranking-content>header p{font-size:11px}}