:root{--ink:#091b2a;--green:#159b60;--line:#dae8e1;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0;background:#edf4f0;color:var(--ink)}.page{width:min(1180px,calc(100% - 34px));margin:24px auto 56px}.back-nav{display:flex;justify-content:space-between;gap:12px;margin-bottom:13px}.back-nav a{color:#17533d;text-decoration:none;font-size:12px;font-weight:900}.back-nav a:hover{text-decoration:underline}.hero{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:240px;padding:34px 44px;overflow:hidden;border-radius:19px;color:#fff;background:linear-gradient(96deg,#071720 0%,#0b2c31d8 62%,#0c3a3266 100%),url('../assets/tzp-ekstraklasa-hero-20260927.png') center/cover no-repeat;box-shadow:0 20px 40px #05151d2c}.hero:after{content:"";position:absolute;left:0;bottom:0;width:65%;height:4px;background:linear-gradient(90deg,#24ce79,transparent)}.hero-copy{position:relative;z-index:1;max-width:800px}.kicker{display:flex;align-items:center;gap:10px;color:#bbebcd;font-size:11px;letter-spacing:.19em;font-weight:900}.kicker i{width:35px;height:2px;background:#54d997;transform:skew(-20deg)}.hero h1{margin:16px 0 12px;font:italic 900 clamp(36px,5vw,66px)/.96 Impact,'Arial Narrow',Arial,sans-serif;letter-spacing:-.03em;transform:skew(-4deg);text-shadow:0 3px 12px #0009}.hero h1 span{color:#4ee18e}.hero p{max-width:570px;margin:0;color:#dcece8;font-size:14px;line-height:1.5}.hero-cup{position:relative;z-index:1;width:94px;height:94px;display:grid;place-items:center;flex:none;border:1px solid #a4edbb69;border-radius:20px;background:#092c30c7;font-size:45px;box-shadow:0 12px 28px #0007}.summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0}.summary>div{min-width:0;padding:17px 21px;border:1px solid var(--line);border-radius:14px;background:#fff}.summary span,.summary small{display:block;font-size:10px;font-weight:900;letter-spacing:.05em}.summary span{color:#416054}.summary strong{display:block;margin:7px 0;font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:32px;line-height:1;color:#106d49}.summary small{color:#6c8278;font-weight:700}.summary-podium strong{font-family:Arial,sans-serif;font-size:28px}.panel{border:1px solid var(--line);border-radius:17px;background:#fff;overflow:hidden;box-shadow:0 15px 38px #142f2412}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 26px;border-bottom:1px solid var(--line)}.panel-heading span:first-child{color:#118353;font-size:10px;font-weight:900;letter-spacing:.16em}.panel h2{margin:5px 0 3px;font:900 25px/1.1 Impact,'Arial Narrow',Arial,sans-serif;text-transform:uppercase}.panel-heading p{margin:0;color:#667a70;font-size:12px;line-height:1.4}.season-badge{flex:none;border:1px solid #bddfc9;border-radius:9px;background:#eef9f2;padding:9px 13px;color:#11683f;font-size:11px;font-weight:900}.controls{display:flex;align-items:center;gap:18px;padding:16px 26px}.controls label{flex:none;color:#385647;font-size:11px;font-weight:900;letter-spacing:.05em}.controls input{width:100%;height:43px;border:1px solid #cbded2;border-radius:9px;padding:0 14px;color:#112d22;background:#fafdfe;font:600 13px Arial,sans-serif;outline:none}.controls input:focus{border-color:#169359;box-shadow:0 0 0 3px #149b6033}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;table-layout:fixed}th,td{text-align:left;padding:13px 17px;border-top:1px solid #edf3ee;vertical-align:top}th{background:#f3f8f5;color:#50685a;font-size:11px;text-transform:uppercase;letter-spacing:.05em}th:first-child,td:first-child{width:90px;text-align:center}td{font-size:13px;overflow-wrap:anywhere}tbody tr:hover{background:#f8fcf9}.season{display:inline-grid;place-items:center;width:40px;height:32px;border-radius:7px;background:#0d3140;color:#fff;font:900 16px/1 Impact,Arial,sans-serif}.team{display:block;font-weight:900;color:#0b2630;line-height:1.35}.manager{display:block;margin-top:3px;color:#577264;font-size:11px;font-weight:700}.unknown .team,.unknown .manager{color:#7b9185}.loading{text-align:center!important;padding:35px!important;color:#587365}.panel footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 26px;border-top:1px solid var(--line);color:#526e5e;font-size:12px;font-weight:700}.panel button{border:1px solid #118353;border-radius:9px;background:#118353;color:#fff;padding:10px 14px;font:900 12px Arial,sans-serif;cursor:pointer}.panel button:hover{background:#086943}.panel button[hidden]{display:none}.panel a:focus-visible,.panel button:focus-visible,.back-nav a:focus-visible{outline:3px solid #47d78d;outline-offset:3px}
@media(max-width:720px){.page{width:calc(100% - 18px);margin:12px auto 30px}.hero{min-height:180px;padding:25px 18px;background-position:70% center}.hero h1{font-size:clamp(31px,7vw,47px);margin:12px 0}.hero p{font-size:12px}.hero-cup{display:none}.kicker{font-size:9px;letter-spacing:.1em}.summary{gap:7px}.summary>div{padding:12px}.summary span,.summary small{font-size:9px}.summary strong{font-size:25px}.summary-podium strong{font-size:19px}.panel-heading{padding:17px 15px}.season-badge{display:none}.controls{display:block;padding:13px 15px}.controls label{display:block;margin-bottom:8px}.panel footer{padding:14px 15px}}
@media(max-width:610px){table,tbody,tr,td{display:block;width:100%}thead{display:none}tbody{padding:4px 10px 14px}tbody tr{display:grid;grid-template-columns:1fr;gap:0;margin-top:10px;border:1px solid #dbe9df;border-radius:11px;overflow:hidden;background:#fff}tbody tr:hover{background:#fff}tbody td{position:relative;padding:10px 12px 10px 83px;border-top:1px solid #edf3ee;min-height:54px;font-size:12px}tbody td:before{content:attr(data-label);position:absolute;left:11px;top:13px;width:66px;color:#56705f;font-size:9px;font-weight:900;letter-spacing:.02em}tbody td:first-child{width:100%;min-height:35px;padding:6px 12px;text-align:left;border-top:0;background:#eef7f1}tbody td:first-child:before{display:none}.season{width:auto;height:auto;background:none;color:#075c3d;font-size:18px}.manager{font-size:10px}.panel footer{align-items:flex-start;flex-direction:column}.panel button{width:100%}.summary>div{padding:10px 8px}.summary span{font-size:8px;line-height:1.2}.summary small{font-size:8px;line-height:1.2}.summary strong{font-size:24px}.summary-podium strong{font-size:16px}}
@media(max-width:375px){.hero h1{font-size:30px}.hero p{font-size:11px}.summary{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-podium{grid-column:1/-1}}
.hero h1{background-image:url('../assets/tzp-type-grit.svg'),linear-gradient(#fff,#e8efec);background-size:260px 110px,100% 100%;background-repeat:repeat,no-repeat;background-blend-mode:multiply;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero h1 span{background-image:url('../assets/tzp-type-grit.svg'),linear-gradient(#34e594,#0db56b);background-size:260px 110px,100% 100%;background-blend-mode:multiply;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}

/* Nagłówek archiwum: czytelna typografia i wolna przestrzeń wokół piłki. */
.hero{
  min-height:274px;
  padding:34px 48px;
  isolation:isolate;
  border:1px solid rgba(132,207,178,.20);
  border-radius:18px;
  background:linear-gradient(90deg,#061921 0%,rgba(6,25,33,.97) 35%,rgba(6,25,33,.75) 55%,rgba(6,25,33,.08) 84%),url('../assets/tzp-ekstraklasa-hero-20260927.png') center 49%/cover no-repeat;
  box-shadow:0 16px 38px rgba(4,25,26,.20);
}
.hero:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(180deg,transparent 8%,#43d596 38%,#138d63 76%,transparent 98%)}
.hero:after{width:100%;height:2px;background:linear-gradient(90deg,#48d799 0%,rgba(72,215,153,.34) 38%,transparent 74%)}
.hero-copy{max-width:min(635px,69%)}
.hero .kicker{gap:14px;color:#c7e8d9;font:800 10px/1.3 Arial,Helvetica,sans-serif;letter-spacing:.17em;text-shadow:0 1px 5px #06151f}
.hero .kicker i{width:26px;height:1px;flex:none;background:#58d79f;transform:none}
.hero h1{
  display:flex;flex-direction:column;align-items:flex-start;gap:2px;
  margin:18px 0 17px;
  color:#f4f8f7;
  font:900 clamp(39px,4.55vw,62px)/.98 'Arial Black',Arial,Helvetica,sans-serif;
  letter-spacing:-.065em;
  transform:none;
  text-shadow:0 3px 14px rgba(0,0,0,.35);
  background:none;
  background-clip:border-box;
  -webkit-background-clip:border-box;
  -webkit-text-fill-color:currentColor;
}
.hero h1 span{display:block;max-width:100%;background:none;background-clip:border-box;-webkit-background-clip:border-box;-webkit-text-fill-color:currentColor}
.hero h1 .hero-title-main{color:#f4f8f7}
.hero h1 .hero-title-accent{color:#48d995}
.hero p{max-width:505px;color:#d0e1dc;font-size:13px;line-height:1.55;text-shadow:0 2px 10px rgba(0,0,0,.4)}
.hero-edition{position:absolute;right:26px;bottom:23px;z-index:1;display:flex;align-items:baseline;gap:8px;padding:7px 0 7px 12px;border-left:2px solid #4bd39b;color:#d9f0e5;font-size:9px;font-weight:800;letter-spacing:.14em;text-shadow:0 2px 9px #061919}
.hero-edition b{font-size:18px;letter-spacing:-.04em;color:#fff}
@media(max-width:850px){
  .hero{min-height:245px;padding:30px 33px}
  .hero-copy{max-width:75%}
  .hero h1{font-size:clamp(35px,5.2vw,51px)}
  .hero-edition{right:20px;bottom:18px}
}
@media(max-width:610px){
  .hero{min-height:242px;padding:27px 22px;background:linear-gradient(90deg,#061921 0%,rgba(6,25,33,.96) 44%,rgba(6,25,33,.56) 100%),url('../assets/tzp-ekstraklasa-hero-20260927.png') 63% center/auto 100% no-repeat}
  .hero-copy{max-width:100%}
  .hero .kicker{font-size:8px;gap:9px;letter-spacing:.12em}
  .hero .kicker i{width:17px}
  .hero h1{margin:20px 0 13px;font-size:clamp(28px,8vw,42px);letter-spacing:-.07em;line-height:1.04}
  .hero p{max-width:340px;padding-right:18px;font-size:11px;line-height:1.45}
  .hero-edition{display:none}
}
@media(max-width:375px){.hero{padding:24px 17px}.hero h1{font-size:clamp(27px,8vw,32px)}.hero p{font-size:11px}}
