#model-ranking *{box-sizing:border-box}
#model-ranking a{color:inherit}
#model-ranking .kicker{font-family:var(--mono);font-size:.72rem;letter-spacing:.06em;color:var(--dim);text-transform:uppercase}
#model-ranking h1{font-size:3rem;letter-spacing:-.035em;line-height:1.02;margin:.4rem 0 1rem;font-weight:600}
#model-ranking h2{letter-spacing:-.02em;font-weight:600}
#model-ranking .lead{font-size:1.15rem;color:#333;max-width:44rem;line-height:1.45}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.2}}
@keyframes pp{from{left:0}to{left:72%}}
@keyframes gblink{to{visibility:hidden}}
#model-ranking .live{display:inline-block;width:.5rem;height:.5rem;border-radius:50%;background:#000;margin-right:.5rem;vertical-align:1px;animation:pulse 1.4s ease-in-out infinite}
#model-ranking .cd{border:1px solid #000;padding:1.4rem 1.5rem;margin:2rem 0;display:grid;grid-template-columns:1fr 1fr;gap:2rem}
#model-ranking .cd .big{font-family:var(--mono);font-size:3.2rem;font-weight:500;letter-spacing:-.02rem;margin:.2rem 0}
#model-ranking .cd .lbl{font-family:var(--mono);font-size:.72rem;color:var(--dim);text-transform:uppercase;letter-spacing:.06em}
#model-ranking .tbar{height:10px;background:var(--hair);position:relative;margin-top:1rem}
#model-ranking .tbar i{position:absolute;top:0;left:0;height:100%;background:#000;width:0;transition:width 1s linear}
#model-ranking .ping{height:4px;background:var(--hair);margin-top:.9rem;position:relative;overflow:hidden}
#model-ranking .ping i{position:absolute;top:0;left:0;height:100%;width:28%;background:#000;animation:pp 1.6s ease-in-out infinite alternate}
#model-ranking .segs{display:flex;gap:3px;height:12px;margin:.6rem 0}
#model-ranking .segs i{flex:1;background:var(--hair)}
#model-ranking .segs i.on{background:#000}
#model-ranking .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:1rem;margin:1.4rem 0}
#model-ranking .card{border:1px solid #000;padding:.9rem 1rem}
#model-ranking .card.pend{border-color:var(--faint)}
#model-ranking .card .nm{font-family:var(--mono);font-size:.8rem;font-weight:600;word-break:break-all}
#model-ranking .card .st{font-family:var(--mono);font-size:.66rem;color:var(--dim);text-transform:uppercase;letter-spacing:.05em;margin:.15rem 0 .5rem}
#model-ranking .card svg{display:block;width:100%;height:44px}
#model-ranking .card svg path{fill:none;stroke-width:1.4;vector-effect:non-scaling-stroke}
#model-ranking .card .ms{font-family:var(--mono);font-size:.68rem;color:var(--dim);display:flex;justify-content:space-between;margin-top:.4rem}
#model-ranking table{width:100%;border-collapse:collapse;font-family:var(--mono);font-size:.78rem;margin:1rem 0}
#model-ranking th,#model-ranking td{text-align:left;padding:.5rem .6rem;border-bottom:1px solid var(--hair)}
#model-ranking th{font-weight:600;text-transform:uppercase;font-size:.66rem;letter-spacing:.05em;color:var(--dim)}
#model-ranking tr.top td{border-bottom:1px solid #000;font-weight:600}
#model-ranking .note{font-family:var(--mono);font-size:.72rem;color:var(--dim);margin:.8rem 0}
#model-ranking .floor{display:inline-block;background:var(--g);padding:0 .35rem;font-weight:600}
@media (max-width:760px){#model-ranking .cd{grid-template-columns:1fr}
#model-ranking h1{font-size:2.2rem}}
#model-ranking .voice{display:flex;align-items:center;gap:12px;margin:20px 0;font:12px var(--mono)}
#model-ranking .voice button{width:34px;height:34px;border:0;border-radius:50%;background:#000;color:#fff;cursor:pointer}
#model-ranking .voice svg{width:210px;height:34px;fill:#999}
#model-ranking .voice.playing button{background:#39ff14;color:#000}
#model-ranking .voice.playing svg{fill:#000}
#model-ranking{border-top:1px solid #000;margin-top:2rem;padding-top:2rem}#model-ranking .pending-ping{height:44px;position:relative;overflow:hidden;background:linear-gradient(#fff 49%,#eee 49%,#eee 51%,#fff 51%)}#model-ranking .pending-ping i{position:absolute;top:21px;width:28%;height:2px;background:#aaa;animation:pp 1.6s ease-in-out infinite alternate}