
.por-hero{min-height:360px;display:flex;align-items:center;color:#fff;background:linear-gradient(90deg,rgba(5,6,8,.25),rgba(5,6,8,.88) 72%),url('/assets/players-of-round-hero.png') center 43%/cover no-repeat;border-bottom:4px solid #e21d3b}
.por-hero-inner{padding-top:56px!important;padding-bottom:56px!important}.por-hero span{color:#e21d3b;font-weight:900;letter-spacing:2px}.por-hero h1{font-size:clamp(42px,5vw,74px);line-height:.95;margin:12px 0}.por-hero p{font-size:16px}
.por-page-shell{background:#fff url('/assets/abla-page-texture.png') center top/cover fixed no-repeat;padding:54px 0 70px}.por-content{background:#fff;padding:30px!important;box-shadow:0 12px 35px rgba(0,0,0,.07)}
.por-filters{display:flex;gap:16px;background:#f1f2f4;padding:18px;margin-bottom:34px}.por-filters label{font-size:10px;font-weight:900;display:grid;gap:7px;min-width:220px}.por-filters select{height:42px;border:1px solid #ccd1d7;background:#fff;padding:0 12px}
.por-round-group{margin-bottom:34px;border:1px solid #dfe2e6;background:#fff}.por-round-head{display:flex;justify-content:space-between;align-items:center;gap:20px;background:#0c1015;color:#fff;border-top:4px solid #e21d3b;padding:18px 22px}.por-round-head span{font-size:10px;color:#e21d3b;font-weight:900;letter-spacing:1.4px}.por-round-head h2{font-size:31px;margin:2px 0 0}.por-round-head b{font-size:11px;border:1px solid #353b43;padding:9px 12px}
.por-round-grid{display:grid;grid-template-columns:repeat(var(--round-columns),minmax(0,1fr))}.por-card{padding:24px;min-width:0;border-right:1px solid #e3e5e8}.por-card:last-child{border-right:0}.por-division{display:inline-flex;background:#e21d3b;color:#fff;padding:6px 10px;margin-bottom:18px;font-size:10px;font-weight:900;text-transform:uppercase}
.por-person{display:flex;align-items:center;gap:14px;min-height:74px}.por-person img,.por-avatar{width:64px;height:64px;flex:0 0 64px;border-radius:50%;object-fit:cover;border:3px solid #e21d3b;background:#111820;color:#fff;display:grid;place-items:center;font-weight:900}.por-person h3{margin:0;color:#10151b;font-size:21px}.por-person a{text-decoration:none}.por-person p{margin:5px 0 0;color:#6c747d;font-size:12px}
.por-eff{display:flex;align-items:baseline;gap:6px;margin:20px 0 14px}.por-eff strong{font-size:34px;color:#e21d3b}.por-eff span{font-size:11px;font-weight:900}.por-stats{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid #e4e6e9}.por-stats div{text-align:center;padding:12px 5px;border-right:1px solid #e4e6e9}.por-stats div:last-child{border:0}.por-stats b,.por-stats span{display:block}.por-stats span{font-size:9px;color:#7a828b}.por-foot{display:flex;justify-content:space-between;padding-top:13px;color:#7a828b;font-size:10px}.por-empty{padding:30px;background:#fff;border:1px solid #ddd}
@media(max-width:1000px){.por-round-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.por-card:nth-child(2n){border-right:0}}
@media(max-width:650px){.por-hero{min-height:300px;background-position:30% center}.por-page-shell{padding:28px 0 38px;background-attachment:scroll}.por-content{padding:14px!important}.por-filters{display:grid}.por-filters label{min-width:0}.por-round-grid{grid-template-columns:1fr}.por-card{border-right:0;border-bottom:1px solid #e3e5e8}}


/* =========================================================
   v2 - Players of the Round card polish
   ========================================================= */

.por-page-shell{
    padding-top:62px!important;
    padding-bottom:78px!important;
}

.por-content{
    border:1px solid rgba(15,22,29,.08);
    border-radius:2px;
    padding:38px!important;
}

.por-filters{
    padding:22px 24px!important;
    margin:0 0 38px!important;
    border:1px solid #e1e4e8;
    border-left:4px solid #e21d3b;
    box-shadow:0 8px 20px rgba(14,20,28,.04);
}

.por-round-group{
    border:1px solid #d9dde2;
    box-shadow:0 14px 34px rgba(13,18,24,.08);
    overflow:hidden;
}

.por-round-head{
    min-height:84px;
    padding:20px 24px!important;
    background:
        linear-gradient(120deg,rgba(8,11,15,.98),rgba(21,12,16,.98));
}

.por-round-head h2{
    font-size:34px!important;
    letter-spacing:.3px;
}

.por-round-divisions{
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-end;
    gap:7px;
    max-width:55%;
}

.por-round-divisions b{
    display:inline-flex;
    align-items:center;
    min-height:31px;
    padding:6px 11px!important;
    color:#fff;
    background:#e21d3b;
    border:1px solid #ff4961!important;
    font-size:10px!important;
    line-height:1;
    text-transform:uppercase;
    letter-spacing:.5px;
    border-radius:999px;
}

.por-round-grid{
    background:#eef0f3;
    gap:1px;
}

.por-card{
    position:relative;
    padding:26px!important;
    background:
        radial-gradient(circle at 88% 8%,rgba(226,29,59,.07),transparent 30%),
        linear-gradient(180deg,#fff,#fafbfc);
    border-right:0!important;
    transition:transform .18s ease, box-shadow .18s ease;
    overflow:hidden;
}

.por-card:before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    width:4px;
    background:#e21d3b;
}

.por-card:hover{
    z-index:2;
    transform:translateY(-3px);
    box-shadow:0 14px 28px rgba(9,14,20,.13);
}

.por-division{
    margin-bottom:20px!important;
    padding:7px 11px!important;
    border-radius:999px;
    box-shadow:0 5px 12px rgba(226,29,59,.15);
}

.por-person{
    gap:16px!important;
    min-height:80px!important;
}

.por-person img,
.por-avatar{
    width:72px!important;
    height:72px!important;
    flex:0 0 72px!important;
    border:4px solid #fff!important;
    outline:3px solid #e21d3b;
    box-shadow:0 8px 22px rgba(0,0,0,.18);
}

.por-person h3{
    font-size:23px!important;
    line-height:1.05!important;
    margin-bottom:6px!important;
}

.por-person p{
    font-size:12px!important;
    color:#69717a!important;
    font-weight:700;
}

.por-eff{
    margin:24px 0 17px!important;
    padding:12px 14px;
    background:#0f141a;
    color:#fff;
    border-left:4px solid #e21d3b;
}

.por-eff strong{
    color:#fff!important;
    font-size:38px!important;
}

.por-eff span{
    color:#e21d3b!important;
    letter-spacing:1px;
}

.por-stats{
    background:#f2f4f6;
    border:1px solid #e1e4e8!important;
}

.por-stats div{
    padding:13px 7px!important;
}

.por-stats b{
    font-size:19px!important;
    color:#10151b;
}

.por-stats span{
    margin-top:4px!important;
    font-weight:900!important;
}

.por-foot{
    margin-top:12px;
    padding-top:13px!important;
    border-top:1px dashed #d7dbe0;
}

/* Better inner spacing for public listing/filter cards */
.public-page-safe-space{
    padding-top:38px!important;
    padding-bottom:46px!important;
}

.public-page-safe-space .filterbar,
.public-page-safe-space form[class*="filter"],
.public-page-safe-space .filters,
.public-page-safe-space .page-filter,
.public-page-safe-space .search-panel{
    margin-top:8px!important;
    margin-bottom:24px!important;
}

.public-page-safe-space > section:first-child,
.public-page-safe-space > .section:first-child{
    padding-top:20px!important;
}

@media(max-width:650px){
    .por-content{padding:18px!important}
    .por-filters{padding:18px!important;margin-bottom:26px!important}
    .por-round-head{display:block!important}
    .por-round-divisions{max-width:none;margin-top:12px;justify-content:flex-start}
    .por-card{padding:22px!important}
}
