:root{font-family:Arial,Helvetica,sans-serif;color:#0a2630;background:#edf4f0}*{box-sizing:border-box}body{margin:0}.page{max-width:1180px;width:calc(100% - 36px);margin:22px auto 55px}.back{display:flex;justify-content:space-between;gap:15px;margin-bottom:14px}.back a{font-size:12px;font-weight:900;color:#16533d;text-decoration:none}.back a:hover{text-decoration:underline}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #34b479;outline-offset:3px}.hero{position:relative;isolation:isolate;min-height:236px;overflow:hidden;display:flex;align-items:center;padding:34px 44px;border:1px solid #95cdb53e;border-radius:17px;color:#fff;background:linear-gradient(90deg,#061921 0%,#061921ef 40%,#061921a3 67%,#06192121 100%),url('../assets/tzp-ekstraklasa-hero-20260927.png') center/cover no-repeat;box-shadow:0 17px 40px #071e202a}.hero:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:#38d492}.hero:after{content:"";position:absolute;inset:auto 0 0;height:2px;background:linear-gradient(90deg,#38d492,transparent 75%)}.hero-copy{position:relative;z-index:1}.eyebrow{display:flex;gap:12px;align-items:center;font-size:10px;letter-spacing:.18em;font-weight:900;color:#c0eddb}.eyebrow i{height:1px;width:24px;background:#49d99d}.hero h1{margin:18px 0 11px;font:900 clamp(32px,4.8vw,59px)/1 'Arial Black',Arial,sans-serif;letter-spacing:-.065em;text-shadow:0 3px 14px #0008}.hero h1 span{color:#51dd9b}.hero p{margin:0;max-width:490px;font-size:13px;line-height:1.5;color:#dceae5}.hero-tag{position:absolute;right:22px;bottom:17px;padding-left:12px;border-left:2px solid #38d492;color:#f0fff6;font-size:14px;font-weight:900;letter-spacing:.09em}.summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0}.summary>div{min-width:0;padding:17px 19px;border:1px solid #d8e7dd;border-radius:13px;background:#fff}.summary small,.summary span{display:block;color:#516d5d;font-size:10px;font-weight:900;letter-spacing:.05em}.summary strong{display:block;overflow-wrap:anywhere;margin:8px 0 5px;color:#0f754b;font:900 clamp(21px,2.7vw,32px)/1.15 'Arial Black',Arial,sans-serif}.summary span{color:#789082;font-size:10px;font-weight:700}.panel{border:1px solid #d8e7dd;border-radius:16px;background:#fff;overflow:hidden;box-shadow:0 16px 32px #103b2310}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:21px 24px;border-bottom:1px solid #e1ede5}.panel-head span:first-child{font-size:10px;letter-spacing:.16em;font-weight:900;color:#138454}.panel h2{margin:6px 0 4px;font:900 25px/1.1 'Arial Black',Arial,sans-serif;letter-spacing:-.05em;text-transform:uppercase}.panel-head p{margin:0;color:#62796c;font-size:12px;line-height:1.45}.range{flex:none;padding:9px 12px;border-radius:8px;border:1px solid #c2e1cf;background:#eff9f3;color:#116e45;font-size:11px;font-weight:900}.toolbar{display:flex;align-items:center;gap:13px;padding:15px 24px}.toolbar label{flex:none;color:#3a5948;font-size:10px;font-weight:900;letter-spacing:.03em}.toolbar input,.toolbar select{height:42px;border:1px solid #cfdfd4;border-radius:8px;padding:0 12px;background:#fafdfe;color:#193a2b;font:700 12px Arial,sans-serif}.toolbar input{flex:1;min-width:0}.toolbar select{max-width:172px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:12px 14px;text-align:left;border-top:1px solid #eaf1eb}th{background:#f1f8f3;color:#4d6958;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}td{font-size:13px}th:first-child,td:first-child{width:90px;text-align:center}th:nth-child(2),td:nth-child(2){width:45%}th:nth-child(n+3),td:nth-child(n+3){text-align:center}tbody tr:hover{background:#f4faf6}.rank{display:inline-grid;place-items:center;width:36px;height:30px;border-radius:7px;background:#0c3340;color:#fff;font-weight:900}.team{display:block;color:#0b2630;font-size:13px;line-height:1.35;overflow-wrap:anywhere}.manager{display:block;margin-top:3px;color:#607e6b;font-size:11px;font-weight:700;overflow-wrap:anywhere}.gold{color:#a46e0d;font-weight:900}.silver{color:#5b6c7a;font-weight:900}.bronze{color:#906543;font-weight:900}.total{color:#0e6943;font-weight:900}.status{text-align:center!important;padding:30px!important;color:#567465}footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 24px;border-top:1px solid #e2eee5;color:#54715d;font-size:12px;font-weight:700}button{padding:10px 15px;border:1px solid #118353;border-radius:8px;background:#118353;color:#fff;font:900 12px Arial,sans-serif;cursor:pointer}button:hover{background:#07643e}button[hidden]{display:none}
@media(max-width:700px){.page{width:calc(100% - 18px);margin:10px auto 26px}.hero{min-height:194px;padding:25px 19px;background-position:67% center}.hero h1{font-size:clamp(29px,7vw,44px)}.hero p{font-size:11px;max-width:330px}.eyebrow{font-size:8px;letter-spacing:.1em}.hero-tag{display:none}.summary{gap:7px}.summary>div{padding:12px 10px}.summary small,.summary span{font-size:8px}.summary strong{font-size:clamp(17px,3.7vw,24px)}.panel-head{padding:17px 15px}.panel-head p{font-size:10px}.panel h2{font-size:20px}.range{display:none}.toolbar{flex-wrap:wrap;padding:13px 15px}.toolbar label:not(.sr-only){width:100%}.toolbar select{max-width:none}.table-scroll{overflow:visible}table,tbody,tr,td{display:block;width:100%}thead{display:none}tbody{padding:1px 10px 13px}tbody tr{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:9px;border:1px solid #dce9df;border-radius:10px;overflow:hidden;background:#fff}tbody td{width:100%;min-width:0;padding:8px;border-top:0;border-right:1px solid #ecf2ed;text-align:center!important}tbody td:before{content:attr(data-label);display:block;margin-bottom:4px;color:#68806f;font-size:9px;font-weight:800}tbody td:first-child{grid-column:1;grid-row:1;padding:13px 6px;border-bottom:1px solid #ecf2ed;background:#f3f9f5}tbody td:nth-child(2){grid-column:2/5;grid-row:1;text-align:left!important;padding:11px 9px;border-bottom:1px solid #ecf2ed}tbody td:nth-child(2):before,tbody td:first-child:before{display:none}tbody td:nth-child(n+3){grid-row:2}tbody td:last-child{border-right:0}.team{font-size:12px}.manager{font-size:10px}.status{grid-column:1/-1}.rank{width:32px;height:27px}footer{flex-direction:column;align-items:stretch;padding:13px 15px}footer button{width:100%}}
@media(max-width:420px){.back a{font-size:10px}.toolbar input{width:100%;flex:auto}.toolbar select{width:100%}.summary{grid-template-columns:repeat(2,minmax(0,1fr))}.summary>div:first-child{grid-column:1/-1}.hero h1{font-size:clamp(27px,8vw,36px)}}
