.teamsPage{display:grid;gap:22px}.teamsIntro{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(220px,.55fr);gap:18px}.teamsIntro>div,.teamsIntro>aside,.teamHero,.teamPanel,.teamDirectory{border:1px solid rgba(255,255,255,.12);border-radius:22px;background:rgba(22,27,23,.92);box-shadow:0 18px 60px rgba(0,0,0,.25)}.teamsIntro>div,.teamsIntro>aside{padding:clamp(22px,4vw,38px)}.teamsIntro h1,.teamHero h1{font-size:clamp(42px,8vw,84px);line-height:.92;margin:10px 0 18px;text-transform:uppercase;letter-spacing:-.04em}.teamsIntro p{font-size:clamp(16px,2vw,21px);line-height:1.55;color:#c7cdc4;max-width:760px}.teamsIntro>aside{display:grid;align-content:start;gap:8px}.teamsIntro>aside span,.teamsIntro>aside small{color:#9da79b;font-size:12px;text-transform:uppercase;letter-spacing:.09em;font-weight:850}.teamsIntro>aside strong{font-size:26px}.teamCurrent{display:grid;gap:16px}.teamHero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(220px,.55fr);gap:20px;padding:clamp(22px,4vw,38px)}.teamHero p{color:#b8c0b5}.teamHero aside{display:grid;align-content:start;gap:6px;padding:18px;border-radius:16px;background:#0f130f}.teamHero aside span,.teamHero aside small{color:#8f998d}.teamHero aside strong{font-size:28px;letter-spacing:.06em;color:#c8e443}.teamBadges{display:flex;gap:8px;flex-wrap:wrap}.teamBadges span{padding:7px 9px;border-radius:999px;background:#101610;color:#cbd2c8;font-size:11px;font-weight:850}.teamStats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.teamStats article{padding:18px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(22,27,23,.92)}.teamStats span{display:block;color:#9ca69a;font-size:11px;text-transform:uppercase;letter-spacing:.09em;font-weight:900}.teamStats strong{display:block;margin-top:5px;font-size:30px}.teamPanel,.teamDirectory{padding:clamp(18px,3vw,28px)}.teamRequestList,.teamRoster{display:grid;gap:8px}.teamRequestList article,.teamRoster article{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px;border-radius:12px;background:#0f130f}.teamRequestList article>div:first-child,.teamRoster article>div{display:grid;gap:4px}.teamRequestList small,.teamRoster small{color:#929d90}.teamRequestList article>div:last-child{display:flex;gap:7px}.teamRequestList button,.teamDirectory button,.teamCodeForm button,.teamManagement button{border:1px solid #3b4438;border-radius:10px;background:#171c18;color:#f4f0e5;padding:10px 12px;font-weight:850;cursor:pointer}.teamRequestList .teamPrimary,.teamDirectory .teamPrimary,.teamManagement .teamPrimary{background:#c8e443;color:#111;border-color:#c8e443}.teamRequestList button:hover,.teamDirectory button:hover,.teamCodeForm button:hover,.teamManagement button:hover{border-color:#c8e443}.teamRequestList button:disabled,.teamDirectory button:disabled,.teamCodeForm button:disabled,.teamManagement button:disabled{opacity:.55;cursor:wait}.teamRank{display:grid;place-items:center;flex:0 0 36px;height:36px;border-radius:50%;background:#151b13;color:#c8e443;font-weight:950}.teamRoster article{justify-content:flex-start}.teamDirectory .sectionHeading{align-items:flex-start}.teamDirectory .sectionHeading>div{display:grid}.teamSearch,.teamCodeForm label,.teamSettingsForm label,.teamTransferForm label{display:grid;gap:7px;font-weight:850}.teamSearch input,.teamCodeForm input,.teamSettingsForm input,.teamSettingsForm select,.teamTransferForm input,.teamTransferForm select,.teamRemovalList input{width:100%;border:1px solid #3b4438;border-radius:12px;background:#0e120f;color:#f4f0e5;padding:13px;font:inherit}.teamSearch input:focus,.teamCodeForm input:focus,.teamSettingsForm input:focus,.teamSettingsForm select:focus,.teamTransferForm input:focus,.teamTransferForm select:focus,.teamRemovalList input:focus{outline:2px solid #c8e443;outline-offset:1px}.teamCodeForm{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;margin:14px 0}.teamDirectoryGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}.teamDirectoryGrid article{display:grid;align-content:start;gap:8px;padding:18px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:#0f130f}.teamDirectoryGrid h3{font-size:22px;margin:6px 0 0}.teamDirectoryGrid p{margin:0;color:#b8c0b5}.teamDirectoryGrid small{color:#8f998d}.teamCardTop{display:flex;align-items:center;justify-content:space-between;gap:10px}.teamCardTop span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#9ca69a;font-weight:900}.teamManagement{display:grid;gap:18px}.teamSettingsForm{display:grid;grid-template-columns:2fr .7fr 1.2fr 1fr auto;gap:10px;align-items:end}.teamTransferForm{display:grid;grid-template-columns:1.3fr 1.7fr auto;gap:10px;align-items:end;padding:16px;border-radius:14px;background:#0f130f}.teamTransferForm small{grid-column:1/-1;color:#929d90}.teamLeaveRow{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px;border:1px solid rgba(226,113,102,.25);border-radius:14px;background:#171110}.teamLeaveRow>div{display:grid;gap:4px}.teamLeaveRow small{color:#bba39f}.teamRemovalList{display:grid;gap:8px}.teamRemovalList h3{margin:0 0 4px}.teamRemovalList form{display:grid;grid-template-columns:minmax(180px,.7fr) minmax(220px,1.4fr) auto;gap:8px;align-items:center;padding:10px;border-radius:12px;background:#0f130f}.teamRemovalList form>div{display:grid;gap:3px}.teamRemovalList small{color:#929d90}.teamSuccess{border-left-color:#c8e443}.teamError{border-left-color:#e27166;color:#f0a59d}@media(max-width:1000px){.teamSettingsForm{grid-template-columns:1fr 1fr}.teamSettingsForm button{grid-column:1/-1}.teamTransferForm{grid-template-columns:1fr}.teamTransferForm small{grid-column:auto}.teamRemovalList form{grid-template-columns:1fr auto}.teamRemovalList form>div{grid-column:1/-1}}@media(max-width:900px){.teamsIntro,.teamHero{grid-template-columns:1fr}.teamStats{grid-template-columns:1fr 1fr}.teamDirectoryGrid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.teamsIntro h1,.teamHero h1{font-size:42px}.teamStats,.teamDirectoryGrid,.teamSettingsForm{grid-template-columns:1fr}.teamSettingsForm button{grid-column:auto}.teamCodeForm{grid-template-columns:1fr}.teamRequestList article,.teamLeaveRow{align-items:flex-start;flex-direction:column}.teamRequestList article>div:last-child{width:100%}.teamRequestList button,.teamLeaveRow button{width:100%}.teamRemovalList form{grid-template-columns:1fr}.teamHero aside strong{font-size:22px}}