body .wrap:has(.pl-page){max-width:1320px}

/* Hero */
/* Hero replaced by cd-section */

.pl-toolbar{
    display:flex;align-items:center;gap:14px;margin-bottom:14px;flex-wrap:wrap;
    background:var(--bg1);border:1px solid var(--border);border-radius:10px;
    padding:8px 10px 8px 12px;
}
.pl-toolbar--search-only{padding:0;overflow:hidden;gap:0}
.pl-search-box{
    display:flex;align-items:stretch;flex:1;min-width:min(100%,220px);margin:0;
}
.pl-search-box input{
    flex:1;min-width:0;
    padding:11px 14px;
    background:var(--bg2);border:1px solid var(--border);
    border-right:none;border-radius:8px 0 0 8px;
    color:var(--text);font-size:.84rem;font-family:inherit;outline:none;transition:border-color .2s;
}
.pl-search-box input:focus{border-color:var(--ac)}
.pl-search-box button{
    flex-shrink:0;width:44px;
    background:var(--ac);border:1px solid var(--ac);border-radius:0 8px 8px 0;
    display:flex;align-items:center;justify-content:center;
    cursor:pointer;color:#fff;font-size:.7rem;padding:0;
}
.pl-toolbar--search-only .pl-search-box{width:100%}
.pl-toolbar--search-only .pl-search-box input{
    border:none;border-radius:10px 0 0 10px;background:var(--bg2);
}
.pl-toolbar--search-only .pl-search-box button{border-radius:0 10px 10px 0;border:none}
.pl-toolbar-meta{
    display:flex;align-items:center;gap:10px;flex-shrink:0;
    padding-right:4px;
}
.pl-toolbar-info{font-size:.74rem;color:var(--muted);white-space:nowrap}
.pl-toolbar-info strong{color:var(--text);font-weight:700}
.pl-toolbar-clear{
    font-size:.72rem;color:var(--ac);font-weight:600;white-space:nowrap;
    padding:4px 8px;border-radius:6px;background:var(--bg2);border:1px solid var(--border);
}
.pl-toolbar-clear:hover{border-color:var(--ac)}

/* Legacy — keep if referenced elsewhere */
.pl-bar{
    display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;flex-wrap:wrap;gap:8px;
    background:var(--bg1);border:1px solid var(--border);border-radius:10px;padding:10px 16px;
}
.pl-bar .info{font-size:.78rem;color:var(--muted)}
.pl-bar .info strong{color:var(--text)}
.pl-bar a{font-size:.74rem;color:var(--ac);font-weight:600}

/* Table */
.pl-table{width:100%;background:var(--bg1);border:1px solid var(--border);border-radius:14px;overflow:hidden;border-collapse:collapse}
.pl-table th:first-child,.pl-table td:first-child{width:36px;text-align:center;padding-left:10px;padding-right:2px}
.pl-table th{background:var(--bg2);padding:9px 14px;font-size:.58rem;font-weight:700;color:var(--muted);text-align:left;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border)}
.pl-table td{padding:8px 14px;border-top:1px solid var(--border);font-size:.82rem}
.pl-table tr:hover td{background:var(--bg2)}

.pl-name{display:flex;align-items:center;gap:8px}
.pl-name a{font-weight:600;color:var(--text);transition:color .12s}
.pl-name a:hover{color:var(--ac)}
.pl-status{width:6px;height:6px;border-radius:50%;flex-shrink:0}
.pl-status.on{background:var(--green);box-shadow:0 0 4px rgba(92,184,138,.3)}.pl-status.off{background:var(--muted);opacity:.15}
.pl-tag{font-size:.54rem;padding:2px 6px;border-radius:4px;font-weight:700}
.pl-tag.online{background:rgba(92,184,138,.12);color:var(--green)}

.pl-rank{width:26px;height:22px;border-radius:5px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.65rem;font-family:var(--mono)}
.pl-rank.g{background:var(--rank-gold);color:#fff}.pl-rank.s{background:var(--rank-silver);color:#fff}.pl-rank.b{background:var(--bg3);color:var(--text2);border:1px solid var(--border)}.pl-rank.n{color:var(--muted)}
.pl-time{font-family:var(--mono);font-size:.78rem}
.pl-frags{font-family:var(--mono);font-size:.78rem}

.pagination{display:flex;gap:4px;justify-content:center;margin-top:18px;flex-wrap:wrap}
.pagination a,.pagination span{padding:6px 12px;border-radius:6px;font-size:.76rem;font-weight:600;text-decoration:none;border:1px solid var(--border);color:var(--muted);background:var(--bg1);transition:all .15s}
.pagination a:hover{border-color:var(--ac);color:var(--ac)}
.pagination .active{background:var(--ac);color:#fff;border-color:var(--ac)}
.pagination .dots{border:none;background:none;padding:6px 4px}

@keyframes up{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
.pl-page .cd-section{animation:up .4s ease both}
.pl-toolbar{animation:up .4s ease .05s both}
.pl-table{animation:up .4s ease .1s both}

@media(max-width:700px){
    .pl-toolbar{flex-direction:column;align-items:stretch;gap:8px;padding:10px 12px}
    .pl-toolbar-meta{justify-content:space-between;padding-right:0}
    .pl-toolbar-info{white-space:normal;font-size:.72rem}
}

@media(max-width:600px){
    .pl-hero{padding:28px 20px 22px}
    .pl-hero h1{font-size:1.4rem}
    .pl-table th:nth-child(4),.pl-table td:nth-child(4),
    .pl-table th:nth-child(5),.pl-table td:nth-child(5),
    .pl-table th:nth-child(6),.pl-table td:nth-child(6){display:none}
}