:root{--color-background:oklch(13% .028 261.692);--color-text:#fff;--color-primary:#a855f7;--color-primary-strong:#6366f1;--color-primary-strong-rgb:99 102 241;--color-card:#ffffff0a;--color-card-border:#ffffff14;--color-panel:#ffffff05;--color-panel-border:#ffffff14;--color-border-soft:#ffffff0a;--color-border-strong:#ffffff1a;--color-muted:#ffffffb3;--color-muted-strong:#ffffffdb}body{font-optical-sizing:auto;font-variation-settings:"wdth" 100;background-color:var(--color-background);min-height:100vh;color:var(--color-text);margin:0;font-family:Roboto,sans-serif;font-style:normal;font-weight:400}main{min-height:100vh;padding:2rem 1.5rem 3rem}.card{background:var(--color-card);border:1px solid var(--color-card-border);border-radius:20px;padding:2rem;box-shadow:0 25px 60px #0000004d}.nav{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.nav a{color:var(--color-text);border-bottom:1px solid var(--color-muted);padding-bottom:2px;font-weight:600;text-decoration:none}.nav a:hover{border-bottom-color:var(--color-text)}.srOnly{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}footer{border:1px solid var(--color-card-border);background:var(--color-card);grid-template-columns:minmax(0,1fr) minmax(0,1.6fr) minmax(0,1fr);padding:1rem;display:grid}footer a{color:var(--color-primary);text-decoration:none}footer p:first-of-type{text-align:center}footer p:last-of-type{text-align:right}footer .logo{width:clamp(32px,7vw,48px)}.home{flex-direction:column;gap:2rem;max-width:1200px;margin:0 auto;display:flex}.hero{text-align:left;background:radial-gradient(circle at top, rgba(var(--color-primary-strong-rgb), .2), transparent), var(--color-card);flex-wrap:wrap;align-items:center;gap:1.5rem;animation:.42s ease-out both content-rise;display:flex}.heroLogo{filter:drop-shadow(0 12px 30px #00000059);width:clamp(180px,28vw,260px);height:auto;animation:5.2s ease-in-out .6s infinite hero-logo-breathe;display:block}.heroText{flex:1;min-width:260px}.eyebrow{text-transform:uppercase;letter-spacing:.2rem;color:var(--color-muted);margin-bottom:.5rem;font-size:.75rem}.hero h1{margin:0 0 1rem;font-size:clamp(2rem,6vw,3rem)}.lead{color:var(--color-muted-strong);margin-bottom:1.5rem;font-size:1.1rem}.ctaGroup{flex-direction:column;gap:.75rem;display:flex}.primaryButton{background:linear-gradient(135deg, var(--color-primary-strong), var(--color-primary));color:var(--color-text);border-radius:999px;justify-content:center;align-items:center;padding:.9rem 1.75rem;font-weight:600;text-decoration:none;transition:transform .15s,opacity .15s;display:inline-flex}.primaryButton:hover{transform:translateY(-2px)}.secondaryHint{color:var(--color-muted);font-size:.9rem}.panelGrid{gap:1.5rem;animation:.42s ease-out 80ms both content-rise;display:grid}.panel h2{margin-top:0;margin-bottom:.75rem}.teamList{grid-template-columns:1fr;gap:1rem;margin:0;padding:0;list-style:none;display:grid}@media (width>=720px){.teamList{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1320px){.teamList{grid-template-columns:repeat(5,minmax(0,1fr))}}.teamCard{background:0 0;border-radius:8px;padding:0;animation:.36s ease-out both content-rise;overflow:hidden}.teamCardLink{border:1px solid var(--color-panel-border);min-height:6.25rem;color:inherit;background:0 0;border-radius:8px;grid-template-columns:5rem 1fr;align-items:center;gap:1rem;padding:.75rem 1rem .75rem .75rem;text-decoration:none;transition:transform .15s,border-color .15s,box-shadow .15s,background-color .15s;display:grid}.teamCardLink:hover,.teamCardLink:focus-visible{background-color:#ffffff0f;border-color:#ffffff29;transform:translateY(-3px);box-shadow:0 18px 34px #00000038}.teamThumb{object-fit:contain;filter:drop-shadow(0 10px 14px #00000059);width:4rem;height:4rem;transition:filter .18s,transform .18s;display:block}.teamCardLink:hover .teamThumb,.teamCardLink:focus-visible .teamThumb{filter:drop-shadow(0 14px 18px #0000006b);transform:scale(1.05)}.teamCard strong{line-height:1.2;display:block}.teamCardLink:focus-visible{outline:2px solid var(--color-primary-strong);outline-offset:2px}@keyframes content-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-logo-breathe{0%,to{filter:drop-shadow(0 12px 30px #00000059);transform:translateY(0)scale(1)}50%{filter:drop-shadow(0 16px 36px rgba(var(--color-primary-strong-rgb), .18));transform:translateY(-2px)scale(1.012)}}.team{max-width:1200px;margin:0 auto}.teamHeader{z-index:20;justify-content:center;align-items:center;min-width:0;margin-bottom:2.75rem;animation:.36s ease-out both team-content-rise;display:flex;position:relative}.teamHeader .logoLink{align-items:center;display:inline-flex;position:absolute;left:0}.teamHeader .teamLogoMark{width:clamp(64px,7vw,96px);height:auto}.headerSearchToggle{border:1px solid var(--color-card-border);background:var(--color-background);width:48px;height:48px;color:var(--color-text);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;transition:border-color .15s,box-shadow .15s,transform .15s;display:inline-flex;position:absolute;right:0}.headerSearchToggle:hover{border-color:var(--color-primary);box-shadow:0 0 20px rgba(var(--color-primary-strong-rgb), .22);transform:translateY(-2px)}.headerSearchToggle:disabled{cursor:wait;opacity:.6}.headerSearchToggle:disabled:hover{border-color:var(--color-card-border);box-shadow:none;transform:none}.headerSearchToggle:focus-visible{outline:2px solid var(--color-primary-strong);outline-offset:2px}.headerSearchToggle svg{width:21px;height:21px}.headerSearchSlot{box-sizing:border-box;flex:0 min(900px,100% - 180px);justify-content:center;align-items:center;min-width:0;min-height:clamp(73px,5.6vw + .7rem,81px);display:flex;position:relative}.headerSearchSlot[data-search-open=true]{animation:.24s ease-out both search-slot-open}.headerSearch{transform-origin:100%;width:100%;min-width:0;max-width:720px;position:relative}.headerSearch[data-search-state=open]{animation:.26s cubic-bezier(.16,1,.3,1) both search-open}.headerSearch[data-search-state=closing]{pointer-events:none;animation:.22s cubic-bezier(.7,0,.84,0) both search-close}.headerSearch[data-search-state=closing] .headerSearchResults{display:none}.headerSearch[data-search-state=open] .headerSearchInput{animation:.26s cubic-bezier(.16,1,.3,1) both search-input-open,.38s ease-out 80ms both search-input-focus-ring}.headerSearch[data-search-state=closing] .headerSearchInput{animation:.22s cubic-bezier(.7,0,.84,0) both search-input-close}.headerSearchInput{border:1px solid var(--color-card-border);background:var(--color-background);width:100%;min-height:54px;color:var(--color-text);font:inherit;box-shadow:0 0 0 rgba(var(--color-primary-strong-rgb), 0);border-radius:12px;padding:0 1rem}.headerSearchInput:focus-visible{outline:2px solid var(--color-primary-strong);outline-offset:2px;border-color:var(--color-primary)}.headerSearchInput::placeholder{color:var(--color-muted-strong)}.headerSearchInput::-webkit-search-cancel-button{appearance:none}.headerSearchInput::-webkit-search-decoration{appearance:none}.headerSearchResults{z-index:100;border:1px solid var(--color-panel-border);transform-origin:top;background:#070b16f2;border-radius:12px;max-height:min(430px,100vh - 9rem);animation:.16s ease-out both search-results-open;position:absolute;top:calc(100% + .5rem);left:0;right:0;overflow-y:auto;box-shadow:0 28px 70px #000000b8,0 0 0 1px #ffffff0a}.headerSearchState{color:var(--color-muted-strong);margin:0;padding:.95rem 1rem}.headerSearchList{flex-direction:column;margin:0;padding:.35rem;list-style:none;display:flex}.headerSearchListItem{animation:.18s ease-out both search-result-rise}.headerSearchResult{min-width:0;color:inherit;border-radius:10px;align-items:center;gap:.75rem;padding:.55rem .65rem;text-decoration:none;transition:background-color .15s,transform .15s;display:flex}.headerSearchResult:hover,.headerSearchResult:focus,.headerSearchResult[data-active=true],.headerSearchResult:focus-visible{background:#ffffff14;transform:translate(2px)}.headerSearchResult:focus-visible{outline:2px solid var(--color-primary-strong);outline-offset:2px}.headerSearchResultImage{border:1px solid var(--color-border-soft);background:var(--color-background);object-fit:contain;border-radius:10px;flex:none;width:42px;height:42px}.headerSearchResultText{flex-direction:column;gap:.2rem;min-width:0;display:flex}.headerSearchResultTitle,.headerSearchResultMeta{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.headerSearchResultTitle{font-weight:700}.headerSearchResultMeta{color:var(--color-muted-strong);gap:.35rem;font-size:.85rem;display:flex}.headerSearchResult mark{-webkit-box-decoration-break:clone;box-decoration-break:clone;color:#111827;background:#facc15;border-radius:4px;padding:0 .14em;font-weight:800}.teamHero{text-align:left;flex-direction:row;justify-content:flex-start;align-items:center;gap:clamp(1rem,3vw,2rem);margin:2rem 0 2.25rem;animation:.42s ease-out 70ms both team-content-rise;display:flex}.teamHero h1{margin:0;font-size:clamp(2.5rem,5vw,4.5rem);line-height:1}.playerHero{align-items:flex-end}.playerHeroMeta{color:var(--color-muted-strong);margin:.5rem 0 0;font-size:1.05rem}.team .teamLogoFrame{background-color:var(--color-background);border:1px solid var(--color-border-soft);border-radius:12px;flex:none;justify-content:center;align-items:center;width:clamp(90px,9vw,120px);height:clamp(90px,9vw,120px);padding:clamp(.6rem,1.4vw,.9rem);display:flex;box-shadow:0 20px 52px #00000038}.team .teamLogo{object-fit:contain;width:100%;height:100%;display:block}.team .playerPortraitFrame{padding:0;overflow:hidden}.team .playerHeroPortrait{object-fit:contain;background:var(--color-card);width:100%;height:100%;display:block}.teamSelector{scrollbar-width:thin;justify-content:center;gap:.6rem;width:max-content;min-width:0;max-width:100%;margin:0;padding:.35rem 0;animation:.18s ease-out both selector-return;display:flex;overflow-x:auto}.teamSelectorLink{border:1px solid var(--color-card-border);background:var(--color-background);border-radius:12px;flex:none;justify-content:center;align-items:center;width:clamp(59px,5.6vw,70px);height:clamp(59px,5.6vw,70px);transition:border-color .15s,transform .15s,box-shadow .15s;display:inline-flex;position:relative}.teamSelectorLink:after{background:var(--color-primary);height:2px;box-shadow:0 0 14px rgba(var(--color-primary-strong-rgb), .7);content:"";opacity:0;border-radius:999px;transition:opacity .15s,transform .15s;position:absolute;bottom:7px;left:12px;right:12px;transform:scaleX(.4)}.teamSelectorLink:hover,.teamSelectorLink[data-active=true]{border-color:var(--color-primary);box-shadow:0 0 24px rgba(var(--color-primary-strong-rgb), .28);transform:translateY(-3px)}.teamSelectorLink[data-active=true]:after{opacity:1;transform:scaleX(1)}.teamSelectorLink:focus-visible{outline:2px solid var(--color-primary-strong);outline-offset:2px}.teamSelectorLogo{object-fit:contain;width:calc(100% - 14px);height:calc(100% - 14px);transition:filter .15s,transform .15s}.teamSelectorLink:hover .teamSelectorLogo,.teamSelectorLink[data-active=true] .teamSelectorLogo{filter:drop-shadow(0 8px 14px #00000059);transform:scale(1.04)}.team .rosters{flex-direction:column;gap:1.5rem;display:flex}.team .teamNotes{flex-direction:column;gap:.75rem;margin-top:1.5rem;animation:.38s ease-out .26s both team-content-rise;display:flex}.team .teamNote{border:1px solid var(--color-panel-border);background:var(--color-panel);border-radius:12px;padding:1rem}.team .teamNote h2{margin:0 0 .35rem;font-size:1rem}.team .teamNote p{color:var(--color-muted-strong);margin:0}.team .roleHeaders{border:1px solid var(--color-panel-border);background:var(--color-panel);border-radius:12px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));align-items:stretch;gap:.75rem;margin:2rem 0 .75rem;padding:.65rem 1rem;animation:.38s ease-out .12s both team-content-rise;display:grid}.team .roster{border:1px solid var(--color-panel-border);background:var(--color-panel);border-radius:12px;padding:1rem;animation:.38s ease-out both team-content-rise}.team .roster>div:first-child{margin-bottom:1rem;font-weight:600}.playerRosterTitle{align-items:center;gap:.45rem;display:inline-flex}.playerRosterTeamLink{color:inherit;align-items:center;gap:.45rem;text-decoration:none;display:inline-flex}.playerRosterTeamLink:hover,.playerRosterTeamLink:focus-visible{color:var(--color-primary)}.playerRosterTeamLink:focus-visible{outline:2px solid var(--color-primary-strong);outline-offset:3px;border-radius:6px}.playerRosterLogo{object-fit:contain;width:1.35rem;height:1.35rem}.team .playersGrid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));grid-auto-flow:row;align-items:start;gap:.75rem;display:grid}.team .roleHeaders,.team .playersGrid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.team .roleHeader{background:var(--color-card);border:1px solid var(--color-card-border);border-radius:10px;align-items:center;gap:.6rem;min-height:48px;padding:.35rem .75rem;display:inline-flex}.team .roleColumn{flex-direction:column;gap:.5rem;display:flex}.team .roleLabel{text-transform:uppercase;letter-spacing:.06em;color:var(--color-muted-strong);font-size:.85rem}@media (width<=900px){.teamHeader{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:1rem}.teamHeader .logoLink{position:static}.headerSearchToggle{top:0}.headerSearchSlot{flex:auto;align-self:stretch;width:100%;padding-right:4rem}.headerSearch{max-width:none}.teamSelector{justify-content:center;align-self:stretch}}@media (width<=720px){.teamHeader{gap:1rem;margin-bottom:1.5rem}.teamHero{margin:1.25rem 0 1.75rem}.teamHero h1{font-size:clamp(2rem,12vw,3rem)}.teamSelector{justify-content:flex-start}.teamSelectorLink{width:58px;height:58px}}@media (width<=560px){.teamHero{gap:.85rem}.teamHero h1{font-size:clamp(2rem,11vw,2.75rem)}.team .teamLogo{width:100%}.team .teamLogoFrame{width:96px;height:96px}}.team .rolePlayers{flex-direction:column;gap:.35rem;display:flex}.team .player{background:var(--color-panel);border:1px solid var(--color-border-soft);color:inherit;border-radius:10px;flex-direction:column;align-items:stretch;gap:.4rem;padding:.6rem;text-decoration:none;transition:border-color .15s,transform .15s,box-shadow .15s;display:flex;overflow:hidden}.team .player:hover,.team .player:focus-visible{border-color:var(--color-primary);box-shadow:0 16px 34px #0003, 0 0 22px rgba(var(--color-primary-strong-rgb), .24);transform:translateY(-2px)}.team .player:focus-visible{outline:2px solid var(--color-primary-strong);outline-offset:2px}.team .player[data-highlighted=true]{border-color:var(--color-primary);box-shadow:0 0 26px rgba(var(--color-primary-strong-rgb), .3);animation:.9s ease-out .38s both player-highlight}.team .playerAvatar{aspect-ratio:1;object-fit:cover;object-position:center top;background:var(--color-card);border:1px solid var(--color-border-soft);border-radius:12px;width:100%;height:auto;transition:filter .18s,transform .18s;display:block}.team .player:hover .playerAvatar,.team .player:focus-visible .playerAvatar{filter:saturate(1.08);transform:scale(1.025)}.team .playerInfo{text-align:center;flex-direction:column;gap:.2rem;display:flex}.team .player.placeholder{color:#fff6;border-style:dashed;justify-content:center}.roleBadge{background:var(--color-card);border:1px solid var(--color-border-strong);width:34px;height:34px;color:var(--color-primary);border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.roleBadge svg{width:18px;height:18px}.roleBadgeText{color:var(--color-muted-strong);font-size:.75rem}@media (width<=720px){main{padding:1.25rem 1rem 2rem}.teamHeader{gap:.75rem;margin-bottom:1rem}.teamHeader .teamLogoMark{width:54px}.headerSearchToggle{width:44px;height:44px}.headerSearchSlot{padding-right:3.25rem}.headerSearchSlot[data-search-open=false]{padding-right:0}.teamSelector{gap:.45rem;width:100%;max-width:100%;padding:.15rem 0 .25rem}.teamSelectorLink{border-radius:10px;width:54px;height:54px}.teamHero{gap:.6rem;margin:.9rem 0 1rem}.teamHero h1{overflow-wrap:anywhere;font-size:clamp(1.6rem,8vw,2.1rem)}.team .teamLogoFrame{border-radius:10px;width:61px;height:61px;padding:.35rem}.team .playerPortraitFrame{padding:0}.playerHeroMeta{font-size:.95rem}.team .roleHeaders{background:0 0;border:0;grid-template-columns:repeat(5,minmax(0,1fr));gap:.3rem;margin:0 0 .65rem;padding:0;display:grid}.team .rosters{gap:.65rem}.team .roster{background:0 0;border:0;border-radius:0;padding:0}.team .roster>div:first-child{margin-bottom:.65rem;font-size:.95rem}.playerRosterTitle{flex-wrap:wrap;row-gap:.25rem;display:flex}.team .playersGrid{grid-template-columns:repeat(5,minmax(0,1fr));gap:.25rem}.team .roleColumn{min-width:0}.team .roleColumn[data-role=other]{grid-column:1/-1;margin-top:.25rem}.team .roleColumn[data-role=other] .rolePlayers{grid-template-columns:repeat(auto-fit,minmax(56px,1fr));display:grid}.team .rolePlayers{gap:.2rem}.team .roleHeader{border-radius:8px;justify-content:center;gap:0;min-height:0;padding:.3rem .1rem}.team .roleHeader .roleBadge{display:none}.team .roleLabel{text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:.58rem;font-weight:700;line-height:1;overflow:hidden}.team .player{border-radius:8px;align-items:center;gap:.22rem;min-width:0;min-height:78px;padding:.3rem .25rem}.team .player:hover,.team .player:focus-visible{transform:translateY(-1px)}.team .playerAvatar{aspect-ratio:1;object-fit:cover;object-position:center top;border-radius:7px;width:min(100%,48px);height:auto;display:block}.team .playerInfo{align-items:center;gap:.08rem;width:100%;min-width:0}.playerName{text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:.68rem;font-weight:700;line-height:1.15;overflow:hidden}.team .player .roleBadgeText{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.58rem;line-height:1.1;overflow:hidden}.team .player.placeholder{min-height:78px}}@keyframes team-content-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes search-open{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes search-close{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}@keyframes search-input-open{0%{clip-path:inset(0 0 0 calc(100% - 54px) round 12px)}to{clip-path:inset(0 round 12px)}}@keyframes search-input-close{0%{clip-path:inset(0 round 12px)}to{clip-path:inset(0 0 0 calc(100% - 54px) round 12px)}}@keyframes search-slot-open{0%{filter:drop-shadow(0 0 0 rgba(var(--color-primary-strong-rgb), 0))}45%{filter:drop-shadow(0 0 18px rgba(var(--color-primary-strong-rgb), .2))}to{filter:drop-shadow(0 0 0 rgba(var(--color-primary-strong-rgb), 0))}}@keyframes search-input-focus-ring{0%{border-color:var(--color-card-border);box-shadow:0 0 0 rgba(var(--color-primary-strong-rgb), 0)}45%{border-color:var(--color-primary);box-shadow:0 0 22px rgba(var(--color-primary-strong-rgb), .22)}to{border-color:var(--color-card-border);box-shadow:0 0 0 rgba(var(--color-primary-strong-rgb), 0)}}@keyframes selector-return{0%{opacity:0;transform:translate(-8px)scale(.99)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes search-results-open{0%{opacity:0;transform:translateY(-4px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes search-result-rise{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes player-highlight{0%{box-shadow:0 0 0 rgba(var(--color-primary-strong-rgb), 0);transform:translateY(0)}35%{box-shadow:0 0 0 3px rgba(var(--color-primary-strong-rgb), .18), 0 0 32px rgba(var(--color-primary-strong-rgb), .34);transform:translateY(-2px)}to{box-shadow:0 0 26px rgba(var(--color-primary-strong-rgb), .3);transform:translateY(0)}}