.l3-att-public{--att-neon:#e4f202;--att-blue:#27b7ff;--att-bg:#080c10;--att-panel:#11171c;max-width:1320px;margin:0 auto;padding:24px 16px 60px;color:#f4f7f8;font-family:inherit}
.l3-att-public *{box-sizing:border-box}
.l3-att-public a{color:inherit}
.l3-att-public__hero{display:grid;grid-template-columns:minmax(0,1fr) 250px;background:radial-gradient(circle at 80% 20%,rgba(228,242,2,.12),transparent 34%),linear-gradient(130deg,#141c23,#070a0d);border:1px solid rgba(255,255,255,.11)}
.l3-att-public__hero>div{padding:clamp(26px,5vw,64px)}
.l3-att-public__hero>div>span,.l3-att-public small{color:#9ca8b1;font-size:11px;font-weight:900;letter-spacing:.13em}
.l3-att-public__hero h1{max-width:800px;margin:10px 0;font-size:clamp(36px,6vw,78px);line-height:.94;letter-spacing:-.05em}
.l3-att-public__hero p{max-width:650px;color:#aeb8bf;font-size:18px}
.l3-att-public__hero nav{display:flex;gap:10px;margin-top:24px}
.l3-att-public__hero nav a,.l3-att-public__hero nav button,.l3-att-public__filters button{padding:12px 16px;border:1px solid var(--att-neon);background:var(--att-neon);color:#080a0c;font-weight:900;text-decoration:none;cursor:pointer}
.l3-att-public__hero nav button{background:transparent;color:#fff}
.l3-att-public__hero aside{display:grid;align-content:center;padding:30px;border-left:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.25)}
.l3-att-public__hero aside b{margin:7px 0;font-size:28px}
.l3-att-public__hero aside span{color:#9ba7b0}
.l3-att-public__filters{display:flex;align-items:end;gap:12px;padding:16px;background:#11171c;border:1px solid rgba(255,255,255,.1)}
.l3-att-public__filters label{display:grid;flex:1;gap:6px;color:#9ca8b1;font-size:12px;font-weight:900}
.l3-att-public__filters select{width:100%;padding:11px;border:1px solid #35414a;background:#090d11;color:#fff}
.l3-att-public__filters>a{padding:11px;color:#aab4bc}
.l3-att-public__favorite{display:flex;align-items:center;justify-content:space-between;margin-top:14px;padding:15px 18px;border:1px solid rgba(228,242,2,.4);background:rgba(228,242,2,.06)}
.l3-att-public__favorite strong{display:block;margin-top:3px}
.l3-att-public__favorite a{color:var(--att-neon);font-weight:900;text-decoration:none}
.l3-att-public__stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:16px 0}
.l3-att-public__stats article{padding:20px;background:var(--att-panel);border:1px solid rgba(255,255,255,.1)}
.l3-att-public__stats b{display:block;margin:7px 0;font-size:clamp(25px,3vw,38px)}
.l3-att-public__stats span{color:#9ca8b1;font-size:13px}
.l3-att-public__records,.l3-att-public__matches,.l3-att-public__ranking{margin-top:18px;padding:clamp(15px,3vw,28px);background:#090d11;border:1px solid rgba(255,255,255,.1)}
.l3-att-public section>header{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:16px}
.l3-att-public section>header h2{margin:5px 0 0;font-size:clamp(24px,4vw,40px)}
.l3-att-public section>header>span{color:#9da8b0}
.l3-att-public__records>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.l3-att-public__records article{padding:20px;background:#131a20}
.l3-att-public__records b{display:block;margin:7px 0;font-size:31px;color:var(--att-neon)}
.l3-att-public__records span{color:#b7c0c6}
.l3-att-public__match-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.l3-att-match{padding:18px;background:#12191f;border:1px solid rgba(255,255,255,.1)}
.l3-att-match.is-my-club,.l3-att-table__row.is-my-club{border-color:rgba(228,242,2,.7);box-shadow:inset 3px 0 var(--att-neon)}
.l3-att-match>header,.l3-att-match>footer{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#9ca8b1;font-size:12px}
.l3-att-match__teams{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px;margin:18px 0}
.l3-att-match__teams>span{display:flex;align-items:center;gap:8px}
.l3-att-match__teams>span:last-child{justify-content:flex-end;text-align:right}
.l3-att-crest{display:grid!important;place-items:center;width:40px;height:40px;flex:0 0 40px}
.l3-att-crest img{width:100%;height:100%;object-fit:contain}
.l3-att-match__numbers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:14px;border:1px solid rgba(255,255,255,.08)}
.l3-att-match__numbers span{padding:11px;border-right:1px solid rgba(255,255,255,.08)}
.l3-att-match__numbers b{display:block;margin-top:4px;font-size:20px}
.l3-att-meter{margin:10px 0}
.l3-att-meter>span{display:flex;justify-content:space-between}
.l3-att-meter>i{display:block;height:7px;margin-top:5px;overflow:hidden;background:#29323a}
.l3-att-meter>i>b{display:block;height:100%;background:var(--att-neon)}
.l3-att-meter>i>b.is-home{background:var(--att-blue)}
.l3-att-meter>i>b.is-away{background:#ff5f9e}
.l3-att-match>footer{margin-top:16px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}
.l3-att-match>footer>span{display:flex;align-items:center;gap:6px}
.l3-att-match>footer i,.l3-att-public__method i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#ffad42}
.l3-att-match>footer .is-confirmed i,.l3-att-public__method i.is-confirmed{background:#65e79a}
.l3-att-match>footer .is-estimated i,.l3-att-public__method i.is-estimated{background:#ff7f68}
.l3-att-match>footer a{margin-left:10px;color:#b8c2c9}
.l3-att-public__ranking nav{display:flex;gap:7px;overflow:auto;margin-bottom:12px}
.l3-att-public__ranking nav a{white-space:nowrap;padding:9px 12px;background:#151d23;text-decoration:none}
.l3-att-public__ranking nav a.is-active{background:var(--att-neon);color:#070a0d;font-weight:900}
.l3-att-table__head,.l3-att-table__row{display:grid;grid-template-columns:50px minmax(180px,1fr) 140px 80px 70px;align-items:center;gap:8px;padding:12px;border-bottom:1px solid rgba(255,255,255,.08)}
.l3-att-table__head{color:#89959e;font-size:11px;font-weight:900}
.l3-att-table__club{display:flex;align-items:center;gap:10px}
.l3-att-table__row em{font-style:normal}
.l3-att-table__row em.is-up{color:#65e79a}
.l3-att-table__row em.is-down{color:#ff7769}
.l3-att-public__method{margin-top:18px;padding:20px;border:1px solid rgba(255,255,255,.1);background:#10161b}
.l3-att-public__method p{color:#a5b0b7}
.l3-att-public__method>div{display:flex;gap:15px}
.l3-att-public__method span{display:flex;align-items:center;gap:6px}
.l3-att-public__empty{grid-column:1/-1;padding:35px;text-align:center}
.l3-att-public__empty span{display:block;color:#9ca8b1}
@media(max-width:850px){.l3-att-public__hero{grid-template-columns:1fr}
.l3-att-public__hero aside{border-top:1px solid rgba(255,255,255,.1);border-left:0}
.l3-att-public__stats{grid-template-columns:repeat(2,minmax(0,1fr))}
.l3-att-public__match-grid{grid-template-columns:1fr}
.l3-att-public__records>div{grid-template-columns:1fr}
.l3-att-public__filters{align-items:stretch;flex-direction:column}
.l3-att-table{overflow:auto}
.l3-att-table__head,.l3-att-table__row{min-width:650px}
}
@media(max-width:520px){.l3-att-public{padding:10px 8px 40px}
.l3-att-public__hero nav{align-items:stretch;flex-direction:column}
.l3-att-public__stats{grid-template-columns:1fr 1fr}
.l3-att-public__stats article{padding:14px}
.l3-att-match{padding:13px}
.l3-att-match__teams b{font-size:13px}
.l3-att-match__numbers{grid-template-columns:1fr}
.l3-att-match__numbers span{border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}
.l3-att-match>footer{align-items:flex-start;flex-direction:column}
.l3-att-match>footer a{margin:0 10px 0 0}
}

/* 1.107.1 responsive, empty-state and favorite visibility refinements. */
body.l3-attendance-page .l3-main>.wp-block-post-title{display:none}
.l3-att-public__favorite[hidden]{display:none!important}
.l3-att-public__hero aside b.is-empty{font-size:20px;line-height:1.25}
.l3-att-public__matches.is-empty,.l3-att-public__ranking.is-empty{padding-bottom:18px}
.l3-att-public__empty--compact{padding:18px 10px}
.l3-att-table__row{grid-template-columns:50px minmax(180px,1fr) minmax(290px,auto)}
.l3-att-table__meta{display:grid;grid-template-columns:140px 80px 70px;align-items:center;gap:8px}
.l3-att-table__meta i{display:none;font-style:normal}
@media(max-width:850px){
 .l3-att-public__hero>div{padding:32px 24px}
 .l3-att-public__hero h1{font-size:clamp(34px,10vw,58px);line-height:1}
 .l3-att-public section>header{align-items:flex-start;flex-direction:column}
 .l3-att-public__ranking nav{padding-bottom:4px;scrollbar-width:thin}
 .l3-att-table{overflow:visible}
 .l3-att-table__head{display:none}
 .l3-att-table__row{min-width:0;grid-template-columns:38px minmax(0,1fr);gap:10px;padding:15px 10px}
 .l3-att-table__row>b{grid-row:1/3;align-self:start;padding-top:8px;color:var(--att-neon);font-size:20px}
 .l3-att-table__club{grid-column:2;min-width:0}
 .l3-att-table__meta{grid-column:2;display:flex;align-items:center;flex-wrap:wrap;grid-template-columns:none;gap:8px 16px}
 .l3-att-table__meta span,.l3-att-table__meta em{display:flex;gap:5px;color:#d5dce0}
 .l3-att-table__meta i{display:inline;color:#89959e;font-size:10px;font-weight:900;text-transform:uppercase}
}
@media(max-width:520px){
 .l3-att-public{padding-bottom:calc(44px + env(safe-area-inset-bottom))}
 .l3-att-public__hero>div{padding:26px 20px}
 .l3-att-public__hero h1{font-size:36px;letter-spacing:-.035em}
 .l3-att-public__hero p{font-size:16px}
 .l3-att-public__hero aside{padding:20px}
 .l3-att-public__filters{padding:13px}
 .l3-att-public__favorite{align-items:flex-start;flex-direction:column;gap:10px}
 .l3-att-public__favorite a{width:100%}
 .l3-att-public__stats{grid-template-columns:1fr}
 .l3-att-public__records,.l3-att-public__matches,.l3-att-public__ranking{padding:15px 13px}
 .l3-att-public__method>div{align-items:flex-start;flex-direction:column;gap:8px}
}
