.team-picker{width:min(1180px,calc(100% - 32px));max-width:none;max-height:calc(100svh - 32px);padding:0;border:1px solid #4f6c83;border-radius:8px;background:#0b1c2d;color:#eef4e8;box-shadow:0 24px 100px #000b;overflow:auto;font-family:var(--font-ui)}.team-picker::backdrop{background:#020a15df;backdrop-filter:blur(7px)}.team-picker-heading{position:relative;padding:27px 32px 20px;background:linear-gradient(110deg,#25415b,#0d2336);border-bottom:1px solid #415665}.team-picker-heading .eyebrow{color:#e5c47c;letter-spacing:2px}.team-picker-heading h2{font:800 clamp(32px,4vw,50px)/1 var(--font-display),Impact,sans-serif;margin:13px 0 8px}.team-picker-heading p{font-size:12px;color:#a7bfcc;max-width:85%;margin:0;line-height:1.6}.team-picker-close{position:absolute;right:20px;top:19px;width:36px;height:36px;font-size:25px;border:1px solid #58758a;background:#102a3f;color:#c6d7df;border-radius:50%}.team-picker-steps{display:flex;gap:18px;margin-top:18px;font:700 10px var(--font-ui);color:#819aac}.team-picker-steps button,.team-picker-steps span{padding:8px 12px;border:1px solid #4c6375;border-radius:3px;background:#0c2134;color:#9cb2bf}.team-picker-steps .current{color:#ffe4a0;border-color:#d4b66d;background:#3d392c}.team-picker-tools{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:18px 32px 4px;font:700 9px var(--font-ui);color:#91b2c4;letter-spacing:1.2px}.team-picker-tools button{background:#243d4b;border:1px solid #587180;color:#dce9e9;padding:9px 14px;font:700 10px var(--font-ui);border-radius:3px}.team-picker-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:16px 32px 22px}.club-card{position:relative;display:block;width:100%;text-align:left;padding:15px 14px 0;overflow:hidden;background:radial-gradient(ellipse at 50% 52%,color-mix(in srgb,var(--club) 21%,transparent),transparent 70%),linear-gradient(145deg,#233b4d,#112635);border:1px solid #456070;border-radius:5px;color:#f4f2e2;transition:border-color .15s,transform .15s;box-shadow:0 4px 10px #0003}.club-card:hover{border-color:var(--club);transform:translateY(-2px)}.club-card:focus-visible{outline:3px solid #fff0ba;outline-offset:3px}.club-card.chosen{border:2px solid #ffe19a;padding:14px 13px 0;box-shadow:0 0 0 2px #ffe19a20,0 6px 20px #0005}.club-card-top{display:flex;align-items:center;gap:7px;min-height:38px;font:700 8px var(--font-ui);letter-spacing:.3px;color:#b9cbd3}.club-badge{display:grid;place-items:center;flex-shrink:0;width:29px;height:33px;border:1px solid var(--club);border-radius:3px 3px 13px 13px;font:800 25px Georgia;color:var(--club);background:#0b1c2d66}.club-card-top>b{margin-left:auto;font:800 27px/.9 var(--font-display),Impact,sans-serif;color:var(--club)}.club-card-top>b small{display:block;text-align:center;font:600 7px var(--font-ui);margin-top:4px;letter-spacing:1px;color:#c4d5dc}.club-card h3{font:800 clamp(20px,2.2vw,28px)/1.1 var(--font-display),Impact,sans-serif;margin:11px 0 0;text-transform:uppercase;letter-spacing:.4px}.club-portraits{height:114px;display:flex;justify-content:center;align-items:end;margin:3px -3px 0;isolation:isolate}.club-portraits img{object-fit:contain;width:38%;max-width:112px;height:104px;filter:drop-shadow(0 6px 5px #0008);margin:0 -9px}.club-portraits img.captain{width:45%;max-width:128px;height:118px;z-index:1}.club-rating{display:flex;align-items:center;gap:11px;border-top:1px solid #ffffff1a;padding:11px 0;font:700 8px var(--font-ui);color:#98b4c1}.club-rating b{font-size:13px;color:#e3e7d8;margin-left:3px}.club-rating>span:last-child{margin-left:auto;font-size:7px}.club-rating .club-stars{letter-spacing:1px;font-size:10px!important;color:var(--club)}.club-card-foot{display:flex;align-items:center;justify-content:space-between;margin:0 -14px;padding:9px 14px;background:#06142266;border-top:1px solid #ffffff12;color:var(--club);font:700 8px var(--font-ui);letter-spacing:.7px;min-height:34px}.club-check{color:#f5d88e;font-size:16px}.chosen .club-card-foot{margin:0 -13px}.team-picker-selection{padding:0 32px 20px;display:grid;grid-template-columns:1fr auto;gap:6px 20px}.team-picker-selection>strong{font:800 25px var(--font-display),Impact,sans-serif;color:#f1d18c}.team-picker-selection>p{grid-column:1;font-size:12px;color:#a8c2ce;margin:0}.team-picker-selection>small{grid-column:2;grid-row:1/3;align-self:center;text-align:right;font:700 9px var(--font-ui);color:#9db8c5;max-width:310px;line-height:1.6}.team-picker-scout{margin:0 32px 22px;border-top:1px solid #3c5260;padding-top:13px}.team-picker-scout summary{cursor:pointer;font:700 10px var(--font-ui);letter-spacing:1px;color:#bad2dc;padding:8px 0}.team-picker-roster{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:10px}.team-picker-roster>div{display:flex;align-items:center;gap:8px;padding:6px;background:#162e3e;border:1px solid #344e5d;border-radius:3px;min-width:0}.team-picker-roster img{width:38px;height:38px;object-fit:contain}.team-picker-roster span{font:600 8px var(--font-ui);color:#84d1dc;min-width:0}.team-picker-roster b{display:block;color:#e7eddf;font:700 12px var(--font-ui);overflow:hidden;text-overflow:ellipsis}.team-picker-roster strong{margin-left:auto;color:#d9c68e;font:700 12px var(--font-ui)}.team-picker-actions{position:sticky;bottom:0;z-index:2;display:flex;align-items:center;gap:12px;padding:16px 32px;border-top:1px solid #526477;background:#10273af5;backdrop-filter:blur(12px)}.team-picker-actions button{font:800 11px var(--font-ui);padding:14px 18px;min-height:45px;border-radius:3px;letter-spacing:.5px}.team-picker-actions .quiet-button{background:#1c3444;color:#d0e0e3;border:1px solid #486477}.team-picker-actions .lime-button{margin-left:auto;background:linear-gradient(110deg,#ffe4a0,#edbd62);border:1px solid #ffedb7;color:#142435;box-shadow:0 3px #96703d}.team-picker button:disabled{opacity:.5}.choose-teams{font:700 12px var(--font-ui);border:1px solid #c7b06f;background:#333d32;color:#ffe2a0;padding:12px 18px;border-radius:3px;margin:0 0 20px}.team-picker [hidden]{display:none!important}
@media(max-width:900px){.team-picker-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.team-picker-roster{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.team-picker{width:calc(100% - 14px);max-height:calc(100svh - 14px);border-radius:5px}.team-picker-heading{padding:22px 17px 15px}.team-picker-heading h2{font-size:37px}.team-picker-heading p{font-size:11px;max-width:94%}.team-picker-close{right:12px;top:12px;width:30px;height:30px;font-size:22px}.team-picker-tools{padding:14px 15px 0;font-size:8px;letter-spacing:.3px}.team-picker-tools button{font-size:9px;padding:8px}.team-picker-cards{grid-template-columns:repeat(2,minmax(0,1fr));padding:13px 14px 17px;gap:10px}.club-card{padding:11px 9px 0}.club-card.chosen{padding:10px 8px 0}.club-card h3{font-size:21px;min-height:46px;margin-top:8px}.club-card-top{gap:5px;font-size:6px;min-height:33px}.club-badge{width:23px;height:28px;font-size:21px}.club-card-top>b{font-size:25px}.club-card-top>b small{font-size:6px}.club-portraits{height:93px;margin-top:0}.club-portraits img{height:83px;margin:0 -5px}.club-portraits img.captain{height:97px}.club-rating{gap:7px;font-size:7px;padding:9px 0}.club-rating b{font-size:11px;margin-left:1px}.club-rating>span:last-child{font-size:6px}.club-rating .club-stars{font-size:7px!important;letter-spacing:0}.club-card-foot{margin:0 -9px;padding:8px 9px;font-size:6px;letter-spacing:.2px}.chosen .club-card-foot{margin:0 -8px}.team-picker-selection{padding:0 17px 16px;display:block}.team-picker-selection>strong{font-size:25px}.team-picker-selection>p{font-size:11px;line-height:1.6;margin:4px 0}.team-picker-selection>small{display:block;text-align:left;font-size:8px;margin-top:8px}.team-picker-actions{padding:12px;gap:7px;flex-wrap:wrap}.team-picker-actions button{font-size:9px;padding:12px 10px;min-height:42px}.team-picker-actions #teamPickerCustomize{order:3;width:100%;padding:6px;min-height:29px;background:none;border:0}.team-picker-actions .lime-button{min-width:54%}.team-picker-scout{margin:0 17px 18px}.team-picker-scout summary{font-size:8px}.team-picker-roster{grid-template-columns:repeat(2,minmax(0,1fr))}.team-picker-roster img{width:30px;height:30px}.team-picker-roster b{font-size:10px}.team-picker-steps{gap:8px;font-size:9px;margin-top:14px}}
@media(prefers-reduced-motion:reduce){.club-card{transition:none}.club-card:hover{transform:none}}
@media(max-height:500px) and (min-width:601px){.team-picker-heading{padding:12px 20px}.team-picker-heading .eyebrow{font-size:8px}.team-picker-heading h2{font-size:30px;margin:6px 0 0}.team-picker-heading p{display:none}.team-picker-steps{position:absolute;right:75px;top:25px;margin:0;gap:8px;font-size:8px}.team-picker-steps button,.team-picker-steps span{padding:7px 9px}.team-picker-close{top:18px;right:18px;width:30px;height:30px;font-size:22px}.team-picker-tools{padding:10px 20px 0;font-size:8px}.team-picker-tools button{padding:6px 10px;font-size:8px}.team-picker-cards{padding:10px 20px 15px;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.club-card{padding:10px 10px 0}.club-card.chosen{padding:9px 9px 0}.club-card-top{min-height:26px;font-size:6px}.club-badge{width:21px;height:25px;font-size:19px}.club-card-top>b{font-size:22px}.club-card h3{font-size:21px;margin-top:6px;min-height:46px}.club-portraits{height:65px}.club-portraits img{height:65px;margin:0 -5px}.club-portraits img.captain{height:76px}.club-rating{padding:7px 0;font-size:7px;gap:6px}.club-rating b{font-size:11px}.club-rating .club-stars{font-size:7px!important;letter-spacing:0}.club-card-foot{padding:6px 10px;margin:0 -10px;font-size:6px;letter-spacing:.2px;min-height:27px}.chosen .club-card-foot{margin:0 -9px}.team-picker-actions{padding:8px 20px}.team-picker-actions button{padding:9px 14px;min-height:34px;font-size:9px}}