.loading{padding:30px}.form-stack{display:grid;gap:16px}.form-stack label{display:grid;gap:8px}input,select{max-width:100%}.player-card{min-width:0}.player-card form{display:flex;flex-wrap:wrap;gap:8px}.player-card input{min-width:0;width:150px}.value-info{display:block;margin:8px 0;line-height:1.6}.roster-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:16px}.roster-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:16px}.roster-row .player-info{flex:1;min-width:130px}.roster-row small{display:block}.roster-row input{width:auto}.filters{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0}.filters input{flex:1}.table-wrap{overflow:auto}.status-grid{display:grid;gap:14px}.status-grid p{margin:4px 0}.error[hidden]{display:none}.auth-card{max-width:460px;margin:30px auto}.fixture{padding:16px 0;border-bottom:1px solid var(--line)}.fixture strong{display:block}.topbar{height:auto;min-height:85px;flex-wrap:wrap}.top-right{flex-wrap:wrap}pre{white-space:pre-wrap;overflow-wrap:anywhere}.sidebar-bottom{padding-top:30px}.ledger-row{gap:14px}.ledger-row small{display:block}@media(max-width:600px){main{padding:22px 16px}.topbar{padding:16px}.top-right{gap:8px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stat{padding:14px}.stat strong{font-size:20px;white-space:normal}.roster-grid{grid-template-columns:minmax(0,1fr)}.panel{padding:18px}.page-heading{flex-wrap:wrap}.username{max-width:120px;overflow-wrap:anywhere}}

.portrait-wrap{display:inline-flex;flex-direction:column;gap:6px;vertical-align:middle;max-width:100%;margin:0 10px 10px 0}.portrait-avatar{position:relative;display:inline-grid;place-items:center;width:96px;height:96px;overflow:hidden;border-radius:50%;background:#c9ddcf url('/assets/placeholder-head.svg') center/cover no-repeat;color:#194b37;font-size:16px;font-weight:700;flex-shrink:0}.portrait-avatar.compact{width:44px;height:44px;font-size:12px}.portrait-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 20%}.photo-credit{font-size:11px;line-height:1.5;max-width:250px;overflow-wrap:anywhere;color:var(--muted)}.photo-credit summary{cursor:pointer}.photo-credit a{text-decoration:underline}.player-card>.portrait-wrap{display:flex;align-items:flex-start}.roster-row .portrait-wrap{margin:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.rules-nav{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.rules-nav a{padding:8px 12px;border:1px solid var(--line);border-radius:8px}.rules-page section{scroll-margin-top:20px;margin:30px 0}.rules-example{background:rgba(34,115,75,.08);padding:16px;border-radius:10px}.rules-page h2{margin-top:24px}.rules-page table{width:100%;border-collapse:collapse}.rules-page th,.rules-page td{text-align:left;padding:12px;border-bottom:1px solid var(--line)}

.portrait-avatar>span[aria-hidden]{position:absolute;z-index:1;left:50%;bottom:4px;transform:translateX(-50%);min-width:28px;padding:1px 5px;border-radius:8px;background:rgba(255,255,255,.86);font-size:12px;line-height:16px;text-align:center}.portrait-avatar.compact>span[aria-hidden]{bottom:1px;font-size:9px;line-height:12px}.portrait-avatar:has(img)>span[aria-hidden]{display:none}

/* The four tactical lines share the same coordinates in every formation. */
.pitch{position:relative;isolation:isolate;overflow:hidden;width:min(100%,680px);height:640px;margin:20px auto 28px;border:5px solid #d7efe0;border-radius:16px;background:repeating-linear-gradient(0deg,#217b4c 0 80px,#268956 80px 160px);box-shadow:0 18px 42px #123f2933;color:#fff}
.pitch-markings{position:absolute;inset:17px;border:2px solid #ffffff88;border-radius:2px;pointer-events:none}
.pitch-markings:before{content:"";position:absolute;left:0;right:0;top:50%;border-top:2px solid #ffffff88}
.pitch-circle{position:absolute;left:50%;top:50%;width:150px;height:150px;border:2px solid #ffffff88;border-radius:50%;transform:translate(-50%,-50%)}
.pitch-box{position:absolute;left:27%;right:27%;height:80px;border:2px solid #ffffff88}
.pitch-box.top{top:-2px;border-top:0}.pitch-box.bottom{bottom:-2px;border-bottom:0}
.pitch-line{position:absolute;z-index:1;left:5%;right:5%;display:grid;grid-template-columns:repeat(var(--slots),minmax(0,1fr));align-items:center;justify-items:center;gap:4px;transform:translateY(-50%)}
.pitch-line[data-line="FWD"]{top:15%}.pitch-line[data-line="MID"]{top:38%}.pitch-line[data-line="DEF"]{top:64%}.pitch-line[data-line="GK"]{top:87%}
.pitch-place{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0;max-width:130px;width:100%;min-height:98px;padding:6px;border-radius:12px;text-align:center;background:#113d2dbb;border:1px solid #ffffff4d;box-shadow:0 3px 12px #12372466}
.pitch-place .portrait-wrap{margin:0}.pitch-place .portrait-avatar.compact{width:48px;height:48px;border:2px solid white}
.pitch-name{display:block;width:100%;font-size:12px;line-height:1.25;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pitch-place.empty{background:#ffffff1c;border:2px dashed #ffffff91;box-shadow:none}.pitch-empty{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#ffffff30;font-size:27px;font-weight:300}
@media(max-width:600px){.pitch{height:520px;border-width:3px}.pitch-markings{inset:10px}.pitch-line{left:2%;right:2%}.pitch-place{min-height:76px;padding:3px;gap:2px}.pitch-place .portrait-avatar.compact,.pitch-empty{width:36px;height:36px}.pitch-name{font-size:10px}.pitch-box{left:23%;right:23%}}
.bench-controls,.bench-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.bench-controls label{min-width:0}.bench-controls select{width:100%}
.bench-place{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.5rem;padding:1rem;border:1px solid var(--line);border-radius:12px}
.bench-place small{display:block}
@media(max-width:640px){.bench-controls{grid-template-columns:1fr}.bench-preview{gap:.35rem}.bench-place{padding:.6rem;font-size:.8rem}}

.league-admin-member{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--line)}.admin-member-actions{display:flex;flex-wrap:wrap;gap:.75rem}.admin-member-actions form{margin:0}

#players-filters{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr auto;gap:1rem;align-items:end}#players-filters label{min-width:0}#players-filters input,#players-filters select{width:100%}.players-table{width:100%;border-collapse:collapse;white-space:nowrap}.players-table th,.players-table td{padding:.8rem;border-bottom:1px solid var(--line);text-align:left}.players-table td small{display:block}.players-table .portrait-wrap{margin:0 .5rem 0 0}.column-sort{border:0;background:transparent;color:inherit;font:inherit;font-weight:700;cursor:pointer;padding:0}.players-pagination{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem}.players-table caption{text-align:left;margin:1rem 0;color:var(--muted)}@media(max-width:1000px){#players-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:500px){#players-filters{grid-template-columns:1fr}.players-pagination{gap:.5rem;font-size:.8rem}}

.market-ticker{margin-bottom:24px}.ticker-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.ticker-heading h2{margin:0}#ticker-status{font-size:.8rem;color:var(--muted)}.activity-list{list-style:none;padding:0;margin:16px 0 0;max-height:340px;overflow-y:auto;overflow-wrap:anywhere}.activity-row{display:grid;grid-template-columns:145px minmax(0,1fr) auto;gap:16px;padding:14px 0;border-top:1px solid var(--line);align-items:center}.activity-row time{font-size:.8rem;color:var(--muted)}.activity-row small{display:block;color:var(--muted);margin-top:4px}.activity-row>span{font-size:.9rem;white-space:nowrap}.activity-empty{padding:12px 0}@media(max-width:600px){.activity-row{grid-template-columns:minmax(0,1fr) auto;gap:8px}.activity-row time{grid-column:1/-1}.market-ticker{padding:18px}}
.formation-deadline{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:24px;margin-bottom:24px;border-left:4px solid var(--green,#22734b)}.formation-deadline h2{margin:8px 0}.formation-deadline p{margin:8px 0}.formation-deadline small,.formation-clock>span{color:var(--muted)}.formation-clock{display:grid;gap:8px}.formation-clock strong{font-size:clamp(1.4rem,3vw,2rem);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}@media(max-width:600px){.formation-deadline{gap:16px}.formation-clock{width:100%}}