.team-recent-form{background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:8px;margin:0 0 1rem;padding:.875rem 1rem}.team-recent-form__title{color:var(--text-primary);margin:0 0 .625rem;font-size:.95rem;font-weight:600}.team-recent-form__scroll{-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb)transparent;overflow-x:auto;overflow-y:hidden}.team-recent-form__scroll::-webkit-scrollbar{height:6px}.team-recent-form__scroll::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}.team-recent-form__track{align-items:center;gap:.5rem;min-width:min-content;min-height:2.75rem;padding:.125rem .25rem;display:inline-flex;position:relative}.team-recent-form__track:before{content:"";left:0;right:0;background:var(--border-color);pointer-events:none;height:1px;position:absolute;top:50%}.team-recent-form__slot{z-index:1;flex-shrink:0;display:flex;position:relative}.team-recent-form__slot--home{align-self:flex-start;margin-bottom:.875rem}.team-recent-form__slot--away{align-self:flex-end;margin-top:.875rem}.team-recent-form__dot{border:2px solid var(--bg-primary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:1.625rem;height:1.625rem;padding:0;font-size:.6875rem;font-weight:700;line-height:1;transition:transform .12s,box-shadow .12s;display:inline-flex}.team-recent-form__dot:hover{transform:scale(1.08);box-shadow:0 1px 4px rgba(0,0,0,.15)}.team-recent-form__dot:focus-visible{outline:2px solid var(--date-selector-color);outline-offset:2px}.team-recent-form__dot--W{color:#fff;background:#16a34a}.team-recent-form__dot--L{background:var(--error-color);color:#fff}.team-recent-form__dot--D{color:#fff;background:#6b7280}@media (prefers-color-scheme:dark){.team-recent-form{border-color:var(--border-subtle)}.team-recent-form__dot{border-color:var(--bg-primary)}}html[data-theme=dark] .team-recent-form{border-color:var(--border-subtle)}html[data-theme=dark] .team-recent-form__dot{border-color:var(--bg-primary)}
.team-detail-container{background-color:var(--bg-secondary)}.team-detail-content,.team-detail-header{flex-direction:column;display:flex}.team-detail-header .header-actions{justify-content:center;align-items:center;width:100%;margin-top:4px;display:flex}.team-detail-header .header-actions .open-full-page-button:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:0}.team-detail-header .header-actions .open-full-page-button:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:0}.team-detail-header .header-actions .open-full-page-button:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:0}.team-detail-header .header-actions .open-full-page-button:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:0}.team-detail-header .header-actions .open-full-page-button:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:0}.team-detail-header .header-actions .open-full-page-button:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:0}.team-detail-title-row{justify-content:center;align-items:center;width:100%;min-width:0;display:flex}.team-detail-title-photo{flex-shrink:0}.team-detail-title-avatar{object-fit:cover;border:2px solid var(--border-color);border-radius:50%;width:56px;height:56px;display:block}.team-detail-title-avatar--placeholder{background:var(--bg-hover);color:var(--text-secondary);justify-content:center;align-items:center;font-weight:700;display:flex}.team-detail-title-meta{flex-direction:column;flex:0 auto;min-width:0;max-width:100%;display:flex}.team-detail-header .team-detail-title-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.team-detail-title-country{align-items:center;min-width:0;display:inline-flex}.team-detail-title-country-flag.fi{aspect-ratio:4/3;border:1px solid var(--border-color);box-sizing:border-box;background-position:50%;background-size:cover;border-radius:3px;flex-shrink:0;width:22px;display:inline-block;overflow:hidden}.team-detail-title-country-flag.fi:before{display:none}.team-detail-title-country-text{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:500;overflow:hidden}.team-matches-list{flex-direction:column;display:flex;overflow:hidden}.team-info-panel{overflow-y:auto}.team-info-panel .team-detail-container{max-width:100%}.team-detail-page .loading-container,.team-detail-container .loading-container{flex-direction:column;justify-content:center;align-items:center;display:flex}.team-detail-page .loading-spinner,.team-detail-container .loading-spinner{border:4px solid var(--border-color);border-top:4px solid var(--accent-color);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.team-detail-page .loading-text,.team-detail-container .loading-text{color:var(--text-muted)}.team-detail-page .error-container,.team-detail-container .error-container{flex-direction:column;justify-content:center;align-items:center;display:flex}.team-detail-page .error-message,.team-detail-container .error-message{color:var(--error-color)}.team-detail-page .no-matches,.team-detail-container .no-matches{text-align:center}.team-detail-page .no-matches-text,.team-detail-container .no-matches-text{color:var(--text-secondary)}@media (max-width:450px){.team-detail-container{margin:0 auto}.team-detail-content{gap:16px}.team-detail-header{margin-bottom:12px;padding-top:8px}.team-detail-container .team-detail-header{gap:12px}.team-detail-header .header-actions{gap:16px}.team-detail-title-row{gap:14px}.team-detail-title-avatar--placeholder{font-size:20px}.team-detail-title-meta{gap:4px}.team-detail-header .team-detail-title-name{text-align:start;font-size:19.2px}.team-detail-title-country{gap:8px}.team-detail-title-country-flag.fi{line-height:0}.team-detail-title-country-text{font-size:14px}.team-detail-page .loading-container,.team-detail-container .loading-container{gap:16px;padding:80px 0}.team-detail-page .loading-text,.team-detail-container .loading-text{font-size:16px}.team-detail-page .error-container,.team-detail-container .error-container{gap:16px;padding:80px 0}.team-detail-page .error-message,.team-detail-container .error-message{font-size:18px}.team-detail-page .no-matches,.team-detail-container .no-matches{padding:80px 0}.team-detail-page .no-matches-text,.team-detail-container .no-matches-text{font-size:16px}}@media (min-width:450px){.team-detail-container{margin:0 auto}.team-detail-content{gap:16px}.team-detail-header{gap:12px;margin-bottom:16px;padding-top:16px}.team-detail-header .header-actions{gap:16px}.team-detail-title-row{gap:14px}.team-detail-title-avatar--placeholder{font-size:20px}.team-detail-title-meta{gap:4px}.team-detail-header .team-detail-title-name{text-align:start;font-size:20.8px;font-weight:600}.team-detail-title-country{gap:8px}.team-detail-title-country-flag.fi{line-height:0}.team-detail-title-country-text{font-size:14px}.team-detail-page .loading-container,.team-detail-container .loading-container{gap:16px;padding:80px 0}.team-detail-page .loading-text,.team-detail-container .loading-text{font-size:16px}.team-detail-page .error-container,.team-detail-container .error-container{gap:16px;padding:80px 0}.team-detail-page .error-message,.team-detail-container .error-message{font-size:18px}.team-detail-page .no-matches,.team-detail-container .no-matches{padding:80px 0}.team-detail-page .no-matches-text,.team-detail-container .no-matches-text{font-size:16px}}
