.team-kit-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;text-align:left;padding:14px;background:linear-gradient(125deg,#0d354d,#10283d);border:1px solid #60c6eb90;border-radius:6px 16px;color:#e5f8ff;cursor:pointer;transition:border-color .16s,background .16s}.team-kit-trigger small{font-size:8px;color:#78d6fa;letter-spacing:1.5px;display:block;margin-bottom:7px}.team-kit-trigger strong{font-size:14px;font-weight:600;line-height:1.5}.team-kit-trigger>span:last-child{color:#ffba78;font-size:24px}.team-kit-trigger:hover{border-color:#ffba78;background:#16445e}.team-fit-note{display:block;color:#8bb7ce;font-size:10px;line-height:1.7;margin:10px 0 4px}.team-size-control{display:flex;flex-direction:column;gap:10px;color:#a4dff5;font-size:11px}.team-choice-chips{display:flex;flex-wrap:wrap;gap:7px}.team-choice-chips button{border:1px solid #568aa4;background:#0c2b42;color:#aed5e7;border-radius:5px 11px;padding:10px 14px;font-size:11px;cursor:pointer}.team-choice-chips button[aria-pressed=true]{color:#15202b;background:linear-gradient(115deg,#ffbb71,#ff9945);border-color:#ffd394;box-shadow:0 0 16px #ff9e3120}.team-option-group{display:flex;flex-direction:column;gap:10px}.team-option-group>span{font-size:11px;color:#9bdcf5}.team-settings{align-items:center}.team-picker{color:#e2f7ff}.team-kit-picker{width:min(780px,calc(100vw - 30px));max-width:780px;max-height:88vh;padding:26px;border:1px solid #5cccf0;border-radius:8px 27px;background:linear-gradient(135deg,#102c44,#071828 80%);color:#d9f4ff;box-shadow:0 24px 100px #000a}.team-kit-picker::backdrop{background:#020a15bd;backdrop-filter:blur(8px)}.team-picker-header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.team-picker-header h2{font-family:inherit;font-size:30px;letter-spacing:-1px;margin:5px 0;color:#f0fbff}.team-picker-header .eyebrow{font-size:9px;color:#ffb66b}.team-picker-header p:not(.eyebrow){color:#8bb9d1;font-size:12px;line-height:1.7;margin:9px 0 17px}.team-picker-close{width:34px;height:34px;border-radius:50%;border:1px solid #5684a0;background:#0c1f32;color:#d7f3ff;font-size:22px;cursor:pointer}.team-picker-search{display:flex;align-items:center;gap:12px;background:#071a2b;border:1px solid #548eaf;border-radius:6px 14px;padding:0 14px;margin:5px 0 16px}.team-picker-search>span{font-size:26px;color:#65d9ff}.team-picker-search input{width:100%;background:transparent;border:0;border-radius:0;padding:15px 0;color:#e3f8ff;font-family:inherit;font-size:14px;outline:0;min-width:0}.team-picker-search:focus-within{outline:2px solid #ffb873;outline-offset:2px}.team-picker-search input::placeholder{color:#7197b2}.team-picker-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:17px}.team-picker-filters button{padding:8px 13px;color:#9fc7df;border:1px solid #47718c;background:#0a2338;border-radius:20px;font-size:11px;cursor:pointer}.team-picker-filters button[aria-pressed=true]{color:#101b29;border-color:#ffbd7d;background:#ffb976}.team-picker-filters>span{margin-left:auto;color:#8cbcd4;font-size:11px}.team-picker-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;max-height:48vh;min-height:100px;overflow-y:auto;padding:3px 6px 3px 2px;scrollbar-width:thin;scrollbar-color:#428bab #071a2b}.team-kit-option{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid #38617d;background:#10314b;border-radius:6px 14px;color:#d7efff;text-align:left;cursor:pointer;min-width:0}.team-kit-option:hover{border-color:#7bdcff;background:#194763}.team-kit-option.selected{border-color:#ffbe7d;background:linear-gradient(115deg,#5c442b66,#17374e)}.team-kit-option-art{width:43px;min-width:43px;height:55px;display:grid;place-items:center}.team-kit-option-art img{width:100%;height:100%;object-fit:contain}.team-kit-option-name{font-size:12px;font-weight:600;flex:1;line-height:1.5}.team-kit-option-name small{display:block;font-size:9px;color:#8fb9d0;font-weight:400;margin-top:5px}.team-kit-option-tier{font-size:9px;border:1px solid #7096b0;border-radius:4px;padding:3px 5px;color:#c4e7f8}.team-kit-option-check{font-size:17px;color:#ffbf7e}.team-picker-footer{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid #35536c;margin-top:18px;padding-top:16px}.team-picker-footer>span{font-size:10px;color:#8cb5cb;line-height:1.7}.team-picker-footer button{white-space:nowrap;font-size:11px}.team-picker-empty{grid-column:1/-1;text-align:center;padding:35px 10px;color:#b0d5e9}.team-picker-empty strong{font-size:16px}.team-picker-empty p{font-size:12px;color:#7da5bf}.team-kit-trigger:focus-visible,.team-choice-chips button:focus-visible,.team-kit-option:focus-visible,.team-picker-filters button:focus-visible,.team-picker-close:focus-visible{outline:2px solid #ffc786;outline-offset:3px}
@media(max-width:650px){.team-kit-picker{padding:20px 16px;border-radius:9px 22px;max-height:92vh}.team-picker-header h2{font-size:26px}.team-picker-results{grid-template-columns:1fr;max-height:51vh}.team-picker-footer{align-items:flex-start}.team-picker-filters{gap:6px}.team-picker-filters button{padding:8px 11px}.team-option-group{width:100%}.team-choice-chips button{flex:1;text-align:center;padding:10px}.team-size-control{width:100%;margin-top:16px}.team-kit-option-name{font-size:13px}.team-picker-results{padding-right:3px}.team-picker-header p:not(.eyebrow){font-size:11px}}
@media(prefers-reduced-motion:reduce){.team-kit-trigger{transition:none}}