.teams-page{padding-bottom:88px}
.teams-main{width:min(760px,100%);margin:0 auto;padding:14px}
.teams-back{display:grid;place-items:center;text-decoration:none;font-size:1.8rem;line-height:1}
.teams-hero{display:grid;gap:7px;margin:4px 2px 16px}
.teams-hero h1{font-size:1.7rem}
.teams-hero>p{color:var(--pitch-muted,var(--muted));font-size:.88rem;line-height:1.45;max-width:620px}
.team-add-card{position:relative;padding:16px;border:1px solid var(--pitch-line,var(--line));border-radius:20px;background:var(--pitch-surface,var(--card));box-shadow:var(--shadow)}
.team-add-heading{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:14px}
.team-add-fields{display:grid;grid-template-columns:170px minmax(0,1fr);gap:12px;align-items:end}
.team-picker-field{display:grid;gap:6px;min-width:0}
.team-picker-field>span,.team-picker-field>label{color:var(--pitch-muted,var(--muted));font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.team-picker-field select{width:100%;height:46px;border:1px solid var(--pitch-line,var(--line));border-radius:13px;background:var(--pitch-surface-soft,var(--bg-soft));color:var(--pitch-ink,var(--ink));padding:0 13px;font:inherit;outline:none}
.team-picker-field select:focus{border-color:var(--pitch-blue,var(--blue));box-shadow:0 0 0 3px color-mix(in srgb,var(--pitch-blue,var(--blue)) 18%,transparent)}
.school-picker-trigger{width:100%;height:46px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--pitch-line,var(--line));border-radius:13px;background:var(--pitch-surface-soft,var(--bg-soft));color:var(--pitch-ink,var(--ink));padding:0 13px;font:inherit;text-align:left}
.school-picker-trigger:focus-visible{border-color:var(--pitch-blue,var(--blue));box-shadow:0 0 0 3px color-mix(in srgb,var(--pitch-blue,var(--blue)) 18%,transparent);outline:none}
.school-picker-trigger span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--pitch-muted,var(--muted))}
.school-picker-chevron{font-size:1.05rem;color:var(--pitch-muted,var(--muted));flex:0 0 auto}
.school-picker-hint{margin:9px 2px 0;color:var(--pitch-muted,var(--muted));font-size:.68rem;line-height:1.35}
.school-picker-dialog{width:min(720px,calc(100% - 24px));height:min(76dvh,720px);max-height:calc(100dvh - 48px);padding:0;border:1px solid var(--pitch-line,var(--line));border-radius:22px;background:var(--pitch-surface,var(--card));color:var(--pitch-ink,var(--ink));box-shadow:0 24px 70px rgba(0,0,0,.5);overflow:hidden}
.school-picker-dialog::backdrop{background:rgba(2,9,18,.72);backdrop-filter:blur(2px)}
.school-picker-sheet{height:100%;min-height:0;display:grid;grid-template-rows:auto auto minmax(0,1fr);background:var(--pitch-surface,var(--card))}
.school-picker-header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 18px 13px;border-bottom:1px solid var(--pitch-line,var(--line))}
.school-picker-header h2{margin-top:2px;font-size:1.15rem}
.school-picker-close{width:40px;height:40px;display:grid;place-items:center;flex:0 0 auto;border:1px solid var(--pitch-line,var(--line));border-radius:999px;background:var(--pitch-surface-soft,var(--bg-soft));color:var(--pitch-ink,var(--ink));font-size:1.65rem;line-height:1}
.school-picker-close:focus-visible{outline:2px solid var(--pitch-blue,var(--blue));outline-offset:2px}
.school-picker-search-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--pitch-line,var(--line));background:var(--pitch-surface,var(--card))}
.school-picker-search-row input{width:100%;height:46px;border:1px solid var(--pitch-line,var(--line));border-radius:13px;background:var(--pitch-surface-soft,var(--bg-soft));color:var(--pitch-ink,var(--ink));padding:0 13px;font:inherit;outline:none}
.school-picker-search-row input:focus{border-color:var(--pitch-blue,var(--blue));box-shadow:0 0 0 3px color-mix(in srgb,var(--pitch-blue,var(--blue)) 18%,transparent)}
.school-picker-visible-count{color:var(--pitch-muted,var(--muted));font-size:.67rem;font-weight:900;white-space:nowrap;text-transform:uppercase;letter-spacing:.04em}
.school-search-results{min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;padding:7px 8px calc(12px + env(safe-area-inset-bottom));background:var(--pitch-surface,var(--card))}
.school-result{width:100%;display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;align-items:center;border-bottom:1px solid var(--pitch-line,var(--line));background:transparent;color:var(--pitch-ink,var(--ink));padding:10px 7px;text-align:left}
.school-result:last-child{border-bottom:0}
.school-result:hover,.school-result:focus-within{background:var(--pitch-surface-soft,var(--bg-soft));outline:none}
.school-result-logo,.followed-team-logo{position:relative;display:grid;place-items:center;overflow:hidden;background:var(--pitch-surface-soft,var(--bg-soft));border:1px solid var(--pitch-line,var(--line));font-weight:900}
.school-result-logo{width:40px;height:40px;border-radius:10px}
.school-result-logo img,.followed-team-logo img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#fff;padding:4px;box-sizing:border-box}
.school-result-copy{min-width:0}
.school-result-copy strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.82rem}
.school-result-copy small{display:block;margin-top:3px;color:var(--pitch-muted,var(--muted));font-size:.66rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.school-result-follow{min-width:68px;height:36px;border:1px solid color-mix(in srgb,var(--pitch-blue,var(--blue)) 72%,var(--pitch-line,var(--line)));border-radius:999px;background:color-mix(in srgb,var(--pitch-blue,var(--blue)) 16%,var(--pitch-surface-soft,var(--bg-soft)));color:var(--pitch-blue,var(--blue));font:inherit;font-size:.68rem;font-weight:900;padding:0 12px}
.school-result-follow:hover,.school-result-follow:focus-visible{background:var(--pitch-blue,var(--blue));color:#fff;outline:none}
.school-result-follow.is-following,.school-result-follow:disabled{border-color:var(--pitch-line,var(--line));background:var(--pitch-surface-soft,var(--bg-soft));color:var(--pitch-muted,var(--muted));opacity:.72}
.school-results-empty{padding:28px 14px;text-align:center;color:var(--pitch-muted,var(--muted));font-size:.78rem;line-height:1.45}
.team-add-status{min-height:18px;margin-top:7px;color:var(--pitch-muted,var(--muted));font-size:.72rem;text-align:center}
.teams-section-title{margin-top:22px}
.followed-teams-grid{display:grid;gap:10px}
.followed-team-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:stretch;border:1px solid var(--pitch-line,var(--line));border-radius:18px;background:var(--pitch-surface,var(--card));box-shadow:var(--shadow);overflow:hidden}
.followed-team-open{display:grid;grid-template-columns:62px minmax(0,1fr);gap:12px;align-items:center;border:0;background:transparent;color:var(--pitch-ink,var(--ink));padding:13px;text-align:left;min-width:0}
.followed-team-open:hover,.followed-team-open:focus-visible{background:color-mix(in srgb,var(--pitch-blue,var(--blue)) 7%,transparent);outline:none}
.followed-team-logo{width:60px;height:60px;border-radius:15px}
.followed-team-copy{min-width:0}
.followed-team-copy strong{display:block;font-size:.92rem;line-height:1.2}
.followed-team-copy .mascot{display:block;margin-top:4px;color:var(--pitch-muted,var(--muted));font-size:.72rem}
.followed-team-copy .view-schedule{display:block;margin-top:7px;color:var(--pitch-blue,var(--blue));font-size:.68rem;font-weight:900}
.unfollow-team{align-self:stretch;width:72px;border:0;border-left:1px solid var(--pitch-line,var(--line));background:var(--pitch-surface-soft,var(--bg-soft));color:var(--pitch-muted,var(--muted));font-size:.64rem;font-weight:900;padding:8px}
.unfollow-team:hover,.unfollow-team:focus-visible{color:var(--pitch-ink,var(--ink));outline:none}
.teams-empty{padding:24px 16px;border:1px dashed var(--pitch-line,var(--line));border-radius:18px;background:var(--pitch-surface-soft,var(--bg-soft));color:var(--pitch-muted,var(--muted));text-align:center;line-height:1.45}
.teams-empty strong{display:block;color:var(--pitch-ink,var(--ink));margin-bottom:5px}
.teams-bottom-nav{grid-template-columns:repeat(5,1fr)}
@media(min-width:700px){.teams-main{padding-top:24px}.followed-teams-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.team-add-fields{grid-template-columns:1fr}.school-picker-dialog{position:fixed;inset:auto 0 0 0;margin:0;width:100%;max-width:none;height:min(78dvh,680px);max-height:calc(100dvh - 48px);border-radius:22px 22px 0 0;border-left:0;border-right:0;border-bottom:0}.school-picker-header{padding:14px 15px 11px}.school-picker-search-row{grid-template-columns:1fr;padding:10px 12px}.school-picker-visible-count{justify-self:start}.school-result{grid-template-columns:40px minmax(0,1fr) auto;padding:10px 5px}.school-result-follow{min-width:64px;padding:0 10px}.followed-team-open{grid-template-columns:54px minmax(0,1fr);padding:11px}.followed-team-logo{width:52px;height:52px;border-radius:13px}.unfollow-team{width:64px}}
