/* Snapchat Planet Rank Checker */
.sp .pc-sec{padding:40px 24px 16px;scroll-margin-top:80px}
.sp .pc{max-width:880px;margin:0 auto;background:#fff;border:3px solid #121313;border-radius:28px;padding:clamp(18px,4vw,32px);box-shadow:8px 8px 0 #121313;display:flex;flex-direction:column;gap:20px}
.sp .pc-top{display:flex;gap:24px;align-items:center}
.sp .pc-intro{flex:1;min-width:0;display:flex;flex-direction:column;gap:12px}
.sp .pc-chips{display:flex;flex-wrap:wrap;gap:8px}
.sp .pc-chip{font-size:12px;font-weight:700;padding:6px 14px;border-radius:999px;border:2px solid #121313;background:#FFFC00;color:#121313;white-space:nowrap}
.sp .pc-chip--dark{background:#121313;color:#FFFC00}
.sp .pc-title{margin:0;font-size:clamp(26px,3.6vw,40px);font-weight:800;line-height:1.1;letter-spacing:-0.03em}
.sp .pc-lead{margin:0;font-size:16px;line-height:1.65;color:#3d3d38}
.sp .pc-orbit{position:relative;flex:none;width:120px;height:120px;border-radius:50%;background:#f6f6f1}
.sp .pc-sun{position:absolute;left:50%;top:50%;width:26px;height:26px;margin:-13px 0 0 -13px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff6a0,#FFFC00 45%,#f2b400);box-shadow:0 0 0 6px rgba(255,252,0,.35)}
.sp .pc-ring{position:absolute;left:50%;top:50%;border:1.5px dashed #c9c9c0;border-radius:50%;animation:pc-spin linear infinite}
.sp .pc-ring i{position:absolute;top:-6px;left:50%;margin-left:-6px;width:12px;height:12px;border-radius:50%;border:2px solid #121313}
.sp .pc-ring--1{width:56px;height:56px;margin:-28px 0 0 -28px;animation-duration:6s}.sp .pc-ring--1 i{background:#e0492f}
.sp .pc-ring--2{width:84px;height:84px;margin:-42px 0 0 -42px;animation-duration:10s;animation-direction:reverse}.sp .pc-ring--2 i{background:#2e8fd8}
.sp .pc-ring--3{width:112px;height:112px;margin:-56px 0 0 -56px;animation-duration:15s}.sp .pc-ring--3 i{background:#3a63d6}
@keyframes pc-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.sp .pc-ring{animation:none}}
.sp .pc-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;background:#f0f0ea;border-radius:999px;padding:5px}
.sp .pc-tabs button{border:0;cursor:pointer;font:inherit;font-size:15px;font-weight:700;padding:12px 10px;border-radius:999px;background:transparent;color:#121313;transition:background .15s,color .15s}
.sp .pc-tabs button:hover{background:#e6e6de}
.sp .pc-tabs button[aria-selected="true"]{background:#121313;color:#FFFC00}
.sp .pc-panel{background:#f6f6f1;border-radius:22px;padding:clamp(16px,3vw,24px);display:flex;flex-direction:column;gap:14px}
.sp .pc-h3{margin:0;font-size:20px;font-weight:800}
.sp .pc-help{margin:0;font-size:15px;line-height:1.6;color:#3d3d38}
.sp .pc-ranks{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px}
.sp .pc-ranks button{height:64px;border:2px solid #121313;border-radius:16px;background:#fff;font:inherit;font-size:22px;font-weight:800;color:#121313;cursor:pointer;transition:transform .12s,background .12s,box-shadow .12s}
.sp .pc-ranks button:hover{background:#fffee0;transform:translateY(-2px)}
.sp .pc-ranks button[aria-checked="true"]{background:#FFFC00;box-shadow:4px 4px 0 #121313;transform:translate(-2px,-2px)}
@media (max-width:560px){.sp .pc-tabs button{font-size:14px;padding:12px 6px}.sp .pc-ranks button{height:56px}.sp .pc-ranks{grid-template-columns:repeat(4,minmax(0,1fr))}.sp .pc-top{flex-direction:column-reverse;align-items:flex-start}.sp .pc-orbit{width:96px;height:96px;transform:scale(.8);transform-origin:left center;margin:-12px 0}}
.sp .pc-go{border:0;cursor:pointer;font:inherit;font-size:17px;font-weight:700;padding:16px 20px;border-radius:999px;background:#121313;color:#FFFC00;transition:background .15s,transform .12s}
.sp .pc-go:hover{background:#3a3a3a}
.sp .pc-go:active{transform:scale(.98)}
.sp .pc-go:disabled{background:#9a9a96;color:#f3f3ee;cursor:not-allowed}
.sp .pc-small{margin:-4px 0 0;text-align:center;font-size:13px;color:#5c5c56}
.sp .pc-field{display:flex;flex-direction:column;gap:6px}
.sp .pc-lab{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;font-size:15px;font-weight:700}
.sp .pc-lab em{font-style:normal;font-weight:500;color:#5c5c56;font-size:13px}
.sp .pc-lab b{flex:none;line-height:1.6;background:#FFFC00;border-radius:999px;padding:1px 10px;font-size:13px;white-space:nowrap}
.sp .pc-field input{font:inherit;font-size:16px;padding:12px 16px;border:2px solid #121313;border-radius:14px;background:#fff;width:100%}
.sp .pc-sliders{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
.sp .pc-slider{display:flex;flex-direction:column;gap:8px;background:#fff;border-radius:16px;padding:14px 16px;border:2px solid #e4e4dc}
.sp .pc-hint{font-size:13px;color:#5c5c56;line-height:1.5}
.sp .pc-slider input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:8px;border-radius:999px;background:linear-gradient(90deg,#121313 var(--v,50%),#e4e4dc var(--v,50%));outline-offset:6px}
.sp .pc-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:#FFFC00;border:3px solid #121313;cursor:pointer}
.sp .pc-slider input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#FFFC00;border:3px solid #121313;cursor:pointer}
.sp .pc-result{border:3px solid #121313;border-radius:24px;overflow:hidden;animation:pc-in .35s ease}
@keyframes pc-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.sp .pc-res-head{background:#121313;color:#fff;padding:22px;display:flex;flex-wrap:wrap;gap:20px;align-items:center}
.sp .pc-res-img{flex:0 1 240px;min-width:0}
.sp .pc-res-img img{width:100%;height:auto;display:block;border-radius:16px}
.sp .pc-res-main{flex:1 1 260px;min-width:0;display:flex;flex-direction:column;gap:10px}
.sp .pc-res-kicker{margin:0;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#FFFC00}
.sp .pc-res-name{margin:0;font-size:clamp(28px,4vw,40px);font-weight:800;letter-spacing:-0.03em;line-height:1.05;color:#fff}
.sp .pc-meter{display:flex;flex-direction:column;gap:6px}
.sp .pc-meter span{display:flex;justify-content:space-between;font-size:14px;font-weight:600;color:#d6d6d1}
.sp .pc-meter span b{color:#FFFC00}
.sp .pc-bar{height:12px;border-radius:999px;background:#2e2f2f;overflow:hidden}
.sp .pc-bar i{display:block;height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,#FFFC00,#fff6a0);transition:width .8s cubic-bezier(.2,.8,.2,1)}
.sp .pc-res-body{padding:22px;display:flex;flex-direction:column;gap:16px;background:#fff}
.sp .pc-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}
.sp .pc-fact{background:#f6f6f1;border-radius:16px;padding:14px}
.sp .pc-fact small{display:block;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#5c5c56;margin-bottom:4px}
.sp .pc-fact strong{font-size:16px;line-height:1.4}
.sp .pc-res-body h4{margin:0 0 6px;font-size:17px;font-weight:800}
.sp .pc-res-body p{margin:0;font-size:15px;line-height:1.65;color:#2b2b2b}
.sp .pc-res-body ul{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px;font-size:15px;line-height:1.6;color:#2b2b2b}
.sp .pc-res-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
.sp .pc-res-grid>div{border:2px solid #e4e4dc;border-radius:16px;padding:16px}
.sp .pc-actions{display:flex;flex-wrap:wrap;gap:10px}
.sp .pc-btn{border:2px solid #121313;cursor:pointer;font:inherit;font-size:15px;font-weight:700;padding:12px 20px;border-radius:999px;background:#FFFC00;color:#121313}
.sp .pc-btn:hover{background:#f2ef00}
.sp .pc-btn--ghost{background:#fff}
.sp .pc-btn--ghost:hover{background:#f4f4ee}
.sp .pc-all{background:#f6f6f1;border-radius:18px;padding:0 20px}
.sp .pc-all summary{cursor:pointer;list-style:none;padding:16px 0;font-weight:700;font-size:16px;display:flex;align-items:center;gap:10px}
.sp .pc-all summary::before{content:"";width:0;height:0;border-left:8px solid #121313;border-top:5px solid transparent;border-bottom:5px solid transparent;transition:transform .2s}
.sp .pc-all[open] summary::before{transform:rotate(90deg)}
.sp .pc-list{list-style:none;margin:0 0 18px;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px}
.sp .pc-list li{display:flex;align-items:center;gap:10px;background:#fff;border-radius:14px;padding:10px 12px;font-weight:700;font-size:15px}
.sp .pc-list b{width:24px;height:24px;border-radius:50%;background:#121313;color:#FFFC00;font-size:12px;display:flex;align-items:center;justify-content:center;flex:none}
.sp .pc-list small{font-weight:500;color:#5c5c56;margin-left:auto;font-size:13px;text-align:right}
.sp .pc-dot{width:22px;height:22px;border-radius:50%;flex:none}
.sp .pc-p1{background:radial-gradient(circle at 32% 30%,#ffb8a3,#e0492f 58%,#8f2412)}
.sp .pc-p2{background:radial-gradient(circle at 32% 30%,#fff0bf,#e8a93d 58%,#9c6517)}
.sp .pc-p3{background:radial-gradient(circle at 32% 30%,#c4f5ff,#2e8fd8 55%,#1f6b45)}
.sp .pc-p4{background:radial-gradient(circle at 32% 30%,#ffa590,#c7361f 58%,#6e170a)}
.sp .pc-p5{background:radial-gradient(circle at 32% 30%,#f7dcb9,#c98447 58%,#6e3f1b)}
.sp .pc-p6{background:radial-gradient(circle at 32% 30%,#fff4c7,#e0c065 58%,#8e7024)}
.sp .pc-p7{background:radial-gradient(circle at 32% 30%,#dcfff7,#5cc9b8 58%,#23706a)}
.sp .pc-p8{background:radial-gradient(circle at 32% 30%,#b6ccff,#3a63d6 58%,#172a70)}
.sp .pc-note{margin:-6px 0 0;text-align:center;font-size:13px;line-height:1.5;color:#5c5c56}