:root{--palette-orange: #d17a22;--palette-green: #44af69;--palette-slate: #49516f;--palette-teal: #2b9eb3;--palette-blue: #59a5d8;--bg: #f4f7fa;--bg-card: #ffffff;--bg-elevated: #ebf0f6;--text: var(--palette-slate);--text-muted: #6d7794;--accent: var(--palette-teal);--accent-hover: #248fa1;--accent-light: #e6f4f7;--accent-dim: var(--palette-blue);--border: #d5dce8;--shadow-sm: 0 1px 2px rgba(73, 81, 111, .05);--shadow-md: 0 4px 12px rgba(73, 81, 111, .08);--shadow-lg: 0 8px 24px rgba(73, 81, 111, .1);--radius: 12px;--radius-lg: 16px;--nav-height: 64px;--header-height: 56px;--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-top: env(safe-area-inset-top, 0px)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;background:var(--bg);color:var(--text);line-height:1.5;min-height:100dvh;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none;transition:color .15s ease}a:hover{color:var(--accent-hover)}.app-shell{min-height:100dvh;padding-top:calc(var(--header-height) + var(--safe-top));padding-bottom:calc(var(--nav-height) + var(--safe-bottom))}.top-bar{position:fixed;top:0;left:0;right:0;height:calc(var(--header-height) + var(--safe-top));padding-top:var(--safe-top);background:#ffffffeb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding-left:1rem;padding-right:1rem;z-index:100;box-shadow:0 4px 16px #49516f0a}.top-bar-brand{display:inline-flex;align-items:center;gap:.4rem;font-size:.95rem;font-weight:700;letter-spacing:-.02em;color:var(--text);min-width:0}.top-bar-brand:hover{color:var(--accent)}.top-bar-logo{display:inline-flex;align-items:center;color:var(--palette-orange);flex-shrink:0;filter:drop-shadow(0 1px 2px rgba(209,122,34,.35))}.top-bar-brand:hover .top-bar-logo{color:#b86818}.top-bar-actions{display:flex;align-items:center;gap:.65rem;flex-shrink:0}.top-bar-notifications{position:relative;display:inline-flex;align-items:center;justify-content:center;color:var(--text-muted);background:none;border:none;padding:0;cursor:pointer;transition:color .15s ease}.top-bar-notifications:hover:not(:disabled){color:var(--accent)}.top-bar-notifications.is-active{color:var(--accent)}.top-bar-notifications:disabled{opacity:.45;cursor:not-allowed}.top-bar-notifications-dot{position:absolute;top:-1px;right:-1px;width:7px;height:7px;border-radius:50%;background:var(--palette-green);border:1.5px solid rgba(255,255,255,.95)}.top-bar-profile{display:inline-flex;align-items:center;justify-content:center;color:var(--text-muted);transition:color .15s ease}.top-bar-profile:hover,.top-bar-profile.active{color:var(--accent)}.top-bar-profile-icon{font-size:1.1rem;line-height:1}.main-content{padding:1.25rem 1rem 1rem;max-width:640px;margin:0 auto}.page-header{margin-bottom:1.25rem}.page-header-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.35rem}.page-header-row .page-toolbar{margin-bottom:0;margin-left:auto;flex-shrink:0}.page-header-row .page-toolbar-search{flex:0 1 auto;width:9.5rem;min-width:6.5rem}.page-header-row--end{justify-content:flex-end;margin-bottom:.75rem}.page-title{font-size:1.625rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.35rem;color:var(--text)}.page-header .page-title{margin-bottom:0;min-width:0}.page-toolbar{display:flex;align-items:center;gap:.4rem;margin-bottom:1.25rem}.page-toolbar-search{flex:1;min-width:0}.page-toolbar-search .search-input{margin-bottom:0}.page-toolbar-actions{display:flex;align-items:center;gap:.15rem;flex-shrink:0}.page-header-actions{display:flex;align-items:center;gap:.25rem;flex-shrink:0}.page-header .page-subtitle{margin-bottom:.75rem}.page-header>.date-picker{margin-bottom:.75rem}.page-header>:last-child:not(.page-header-row){margin-bottom:0}.page-subtitle{color:var(--text-muted);font-size:.9rem;margin-bottom:1.25rem}.matches-timezone{color:var(--text-muted);font-size:.85rem;margin-bottom:.65rem}.matches-timezone-link{color:var(--accent);text-decoration:none}.matches-timezone-link:hover{text-decoration:underline}.matches-schedule{display:flex;flex-direction:column}.matches-date-heading{font-size:1rem;font-weight:700;margin:1.5rem 0 .75rem;color:var(--text);scroll-margin-top:calc(var(--header-height) + var(--safe-top) + .75rem)}.matches-date-section:first-child .matches-date-heading{margin-top:0}.matches-date-heading.is-today{color:var(--accent)}.search-input{position:relative;display:flex;align-items:center;margin-bottom:1.25rem}.search-input-icon{position:absolute;left:.7rem;color:var(--text-muted);pointer-events:none}.search-input-field{width:100%;min-height:2.1rem;padding:.45rem 2rem .45rem 2.15rem;border:1px solid var(--border);border-radius:8px;background:var(--bg-card);color:var(--text);font:inherit;font-size:.875rem;font-weight:500;line-height:1.35;transition:border-color .15s ease,background .15s ease}.search-input-field::placeholder{color:var(--text-muted)}.search-input-field:hover{border-color:#cbd5e1}.search-input-field:focus{outline:none;border-color:var(--accent-dim);background:#fff}.search-input-clear{position:absolute;right:.35rem;display:inline-flex;align-items:center;justify-content:center;width:1.4rem;height:1.4rem;border:none;border-radius:6px;background:transparent;color:var(--text-muted);font-size:.7rem;cursor:pointer;transition:background .15s ease,color .15s ease}.search-input-clear:hover{background:var(--bg-elevated);color:var(--text)}.page-toolbar-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:2.1rem;height:2.1rem;padding:0;border-radius:8px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;transition:background .15s ease,color .15s ease}.page-toolbar-btn:hover{background:var(--bg-elevated);color:var(--text)}.page-toolbar-btn.is-open,.page-toolbar-btn.has-selection:not(.is-open):hover{background:var(--accent-light);color:var(--accent)}.page-toolbar-btn.is-open{color:var(--accent)}.page-toolbar-btn-dot{position:absolute;top:.3rem;right:.3rem;width:.35rem;height:.35rem;border-radius:50%;background:var(--accent)}.segmented-tabs{position:relative;display:grid;grid-template-columns:repeat(var(--segmented-tab-count, 2),1fr);gap:.35rem;padding:.25rem;margin-bottom:1rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);isolation:isolate}.segmented-tabs-indicator{position:absolute;top:.25rem;bottom:.25rem;left:0;border-radius:8px;background:var(--accent);box-shadow:0 2px 10px #2b9eb347;transition:transform .28s cubic-bezier(.4,0,.2,1),width .28s cubic-bezier(.4,0,.2,1);z-index:0;pointer-events:none}.segmented-tabs button{position:relative;z-index:1;border:none;background:transparent;color:var(--text-muted);font-size:.85rem;font-weight:600;padding:.55rem .75rem;border-radius:8px;cursor:pointer;transition:color .2s ease}.segmented-tabs button.active{color:#fff}.history-year-picker{display:flex;flex-direction:column;gap:.6rem;margin-bottom:1rem}.team-treemap{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1rem;margin-bottom:1.5rem;box-shadow:var(--shadow-sm)}.team-treemap-canvas{position:relative;width:100%;aspect-ratio:4 / 3;border-radius:var(--radius);overflow:hidden;background:var(--bg-elevated)}.team-treemap-tile{position:absolute;box-sizing:border-box;border:1px solid rgba(255,255,255,.35);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:.15rem;overflow:hidden;color:#fff}.team-treemap-team{font-size:.62rem;font-weight:700;line-height:1.15;text-shadow:0 1px 2px rgba(0,0,0,.35)}.team-treemap-meta{font-size:.55rem;font-weight:600;opacity:.9}.team-treemap-legend{display:flex;flex-wrap:wrap;gap:.45rem .75rem;margin-top:.85rem}.date-picker{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:.35rem;box-shadow:var(--shadow-sm)}.date-picker-arrow{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border:none;border-radius:10px;background:var(--bg-elevated);color:var(--text);font-size:1.35rem;line-height:1;cursor:pointer;flex-shrink:0;transition:background .15s ease,color .15s ease}.date-picker-arrow:hover:not(:disabled){background:var(--accent-light);color:var(--accent)}.date-picker-arrow:disabled{opacity:.35;cursor:not-allowed}.date-picker-value{flex:1;position:relative;border:none;background:transparent;padding:.5rem .75rem;font-size:.95rem;font-weight:600;color:var(--text);cursor:pointer;border-radius:8px;transition:background .15s ease,color .15s ease}.date-picker-value:hover{background:var(--bg-elevated);color:var(--accent)}.date-picker-input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;width:100%;height:100%;cursor:pointer;pointer-events:none}.empty-state{color:var(--text-muted);font-size:.9rem;text-align:center;padding:2rem 1rem}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:calc(var(--nav-height) + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:#ffffffeb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--border);display:flex;justify-content:space-around;align-items:center;z-index:100;box-shadow:0 -4px 16px #49516f0a}.bottom-nav a{color:var(--text-muted);font-size:.65rem;font-weight:500;display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.5rem;border-radius:10px;transition:color .15s ease,background .15s ease;flex:1;min-width:0}.bottom-nav a:hover{color:var(--accent)}.bottom-nav a.active{color:var(--accent);background:var(--accent-light)}.bottom-nav .nav-icon{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;line-height:1}.bottom-nav .nav-icon svg{display:block;transition:stroke-width .15s ease,transform .15s ease}.bottom-nav a.active .nav-icon svg{transform:scale(1.05)}.hero{background:var(--bg-card);border-radius:var(--radius-lg);padding:1.75rem 1.5rem;margin-bottom:1.25rem;border:1px solid var(--border);box-shadow:var(--shadow-md);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--palette-orange),var(--palette-teal),var(--palette-green));border-radius:4px 0 0 4px}.hero .page-header-row{margin-bottom:0;align-items:flex-start}.hero .page-header-row>div{min-width:0;flex:1}.hero h1{font-size:1.75rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.35rem;color:var(--text)}.hero p{color:var(--text-muted);font-size:.95rem}.team-detail-hero{margin-bottom:1rem}.team-detail-tabs{margin-bottom:1.25rem}.team-detail-tabs .segmented-tabs{margin-bottom:1rem}.team-detail-panel{min-width:0}.team-detail-hero-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem}.team-detail-hero-flag{width:4.5rem;height:3rem;border-radius:6px;flex-shrink:0}.team-history-panel{margin-top:.25rem}.team-history-stats-row{margin-bottom:.75rem}.team-history-stats-row .stat-chip{padding:.75rem .5rem}.team-history-stats-row .stat-chip .value{font-size:1.1rem;line-height:1.2}.team-history-debut{margin:0 0 1rem;padding:.85rem 1rem;border-radius:var(--radius);background:var(--bg-elevated);color:var(--text-muted);font-size:.9rem}.team-history-details{display:grid;gap:1rem;margin-bottom:1rem}.team-history-block{min-width:0}.team-history-heading{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--accent);margin-bottom:.45rem}.team-history-text{font-size:.85rem;color:var(--text);line-height:1.45}.team-history-text+.team-history-text{margin-top:.25rem}.team-history-highlight{color:var(--accent);font-weight:600}.team-history-tags{display:flex;flex-wrap:wrap;gap:.4rem}.team-history-tag{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .55rem;border-radius:999px;background:var(--bg-elevated);border:1px solid var(--border);font-size:.75rem;font-weight:600;color:var(--text)}.team-history-tag-count{color:var(--text-muted);font-weight:500}.team-history-tournaments{margin-bottom:1rem}.team-history-tournament-list{display:flex;flex-direction:column;gap:.45rem}.team-history-tournament-row{display:grid;grid-template-columns:3.5rem 1fr;gap:.35rem .75rem;padding:.55rem .65rem;border-radius:var(--radius);background:var(--bg-elevated);border:1px solid var(--border)}.team-history-year{font-weight:700;color:var(--text);font-size:.85rem}.team-history-finish{font-size:.85rem;font-weight:600;color:var(--text)}.team-history-finish--champion{color:#b45309}.team-history-finish--runner-up{color:var(--accent)}.team-history-finish--podium{color:#15803d}.team-history-record{grid-column:1 / -1;font-size:.75rem;color:var(--text-muted)}@media (min-width: 640px){.team-history-details{grid-template-columns:1fr 1fr}.team-history-tournament-row{grid-template-columns:4rem 9rem 1fr;align-items:center}.team-history-record{grid-column:auto;text-align:right}}.stats-row{display:flex;gap:.75rem;margin-bottom:1.25rem}.stat-chip{flex:1;background:var(--bg-card);border-radius:var(--radius);padding:1rem .75rem;text-align:center;border:1px solid var(--border);box-shadow:var(--shadow-sm)}.stat-chip .value{font-size:1.5rem;font-weight:700;color:var(--accent);letter-spacing:-.02em}.stat-chip .label{font-size:.7rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-top:.15rem}.filter-chips{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.5rem;margin-bottom:1rem;-webkit-overflow-scrolling:touch;scrollbar-width:none}.filter-chips::-webkit-scrollbar{display:none}.filter-chip{flex-shrink:0;padding:.45rem 1rem;border-radius:999px;background:var(--bg-card);border:1px solid var(--border);color:var(--text-muted);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .15s ease;box-shadow:var(--shadow-sm)}.filter-chip:hover{border-color:var(--accent-dim);color:var(--accent)}.filter-chip.active{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 2px 8px #2b9eb34d}.team-group-panel{margin-bottom:1.35rem;padding-top:1.1rem;border-top:1px solid var(--border)}.team-group-panel:first-child{padding-top:0;border-top:none}.team-group-panel:last-child{margin-bottom:0}.team-group-heading{display:flex;align-items:baseline;gap:.4rem;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin:0 0 .65rem}.team-group-count{font-size:.68rem;font-weight:500;color:var(--text-muted);opacity:.75}.team-group-count:before{content:"·";margin-right:.4rem}.team-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.team-grid>div,.team-grid>a{min-width:0}.team-list{display:flex;flex-direction:column;gap:.5rem}.team-list>div{min-width:0}.team-row{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);color:inherit;text-decoration:none;box-shadow:var(--shadow-sm);transition:border-color .15s ease,box-shadow .15s ease}.team-row:hover{border-color:var(--accent-dim);box-shadow:var(--shadow-md)}.team-row--static{cursor:default}.team-row--static:hover{border-color:var(--border);box-shadow:var(--shadow-sm)}.team-row-flag{width:2.5rem;height:1.75rem}.team-row-info{min-width:0;flex:1}.team-row-name{font-weight:700;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.team-row-meta{font-size:.8rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.team-card-wrap{display:flex;flex-direction:column;width:100%;color:inherit;text-decoration:none}.team-card{position:relative;overflow:hidden;aspect-ratio:3 / 2;width:100%;background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);color:inherit;box-shadow:var(--shadow-sm);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.team-card-flag{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none}.team-card-flag--fallback{background:var(--bg-elevated);opacity:.45}.team-flag-badge{width:1.75rem;height:1.25rem;border-radius:4px;object-fit:cover;flex-shrink:0;border:1px solid var(--border);box-shadow:var(--shadow-sm)}.team-flag-badge--fallback{background:var(--bg-elevated)}.team-card-wrap:hover .team-card{border-color:var(--accent-dim);box-shadow:var(--shadow-md)}.team-card-wrap:active .team-card{transform:scale(.98)}.team-card-static{cursor:default}.team-card-wrap--static:hover .team-card,.team-card-wrap--static:active .team-card{transform:none;border-color:var(--border);box-shadow:var(--shadow-sm)}.team-card-name{flex-shrink:0;margin-top:.45rem;width:100%;text-align:center}.team-card-name-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:.8rem;font-weight:700;line-height:1.2;color:var(--text)}.team-card-meta{flex-shrink:0;margin-top:.2rem;font-size:.65rem;line-height:1.2;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.squad-section{margin-bottom:1.5rem}.squad-section h3{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;font-weight:600;color:var(--accent);margin-bottom:.75rem}.player-avatar{display:flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0;background:var(--bg-elevated);color:var(--text-muted);border:2px solid var(--border)}.player-avatar--sm{width:40px;height:40px}.player-avatar--lg{width:120px;height:120px;border-width:3px;box-shadow:var(--shadow-sm)}.player-row{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--bg-card);border-radius:var(--radius);margin-bottom:.5rem;border:1px solid var(--border);color:inherit;box-shadow:var(--shadow-sm);transition:border-color .15s ease,box-shadow .15s ease}.player-row:hover{border-color:var(--accent-dim);box-shadow:var(--shadow-md)}.player-row .number{width:2rem;text-align:center;font-weight:700;color:var(--accent);font-size:.9rem}.player-row .info{flex:1;min-width:0}.player-row .name{font-weight:600;font-size:.95rem;color:var(--text)}.player-row-club{font-size:.8rem;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-row-team{display:flex;align-items:center;gap:.4rem;min-width:0;font-size:.75rem;font-weight:600;color:var(--text-muted)}.player-row-team span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-row-team-flag{width:1.1rem;height:.8rem;flex-shrink:0}.player-row-meta{font-size:.75rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.match-card{background:var(--bg-card);border-radius:var(--radius);padding:1rem 1.25rem;margin-bottom:.75rem;border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:box-shadow .15s ease}.match-card-link{display:block;color:inherit;text-decoration:none;cursor:pointer}.match-card-link:hover{color:inherit}.match-card:hover,.match-card-link:hover{box-shadow:var(--shadow-md)}.section-title{font-size:1.1rem;font-weight:700;margin:1.25rem 0 .75rem;color:var(--text)}.predicted-lineup{margin-bottom:1rem}.predicted-lineup-formation{color:var(--text-muted);font-size:.85rem;margin-bottom:.75rem}.formation-pitch{position:relative;aspect-ratio:2 / 3;border-radius:var(--radius-lg);overflow:hidden;background:repeating-linear-gradient(90deg,rgba(255,255,255,.03) 0,rgba(255,255,255,.03) 8%,transparent 8%,transparent 16%),linear-gradient(180deg,#3f9f4d,#2f7f3b 45%,#358842);border:1px solid #267334;box-shadow:var(--shadow-md)}.formation-pitch-markings{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.formation-pitch-player{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:.2rem;width:4.5rem;color:#fff;text-decoration:none;z-index:1}.formation-pitch-player:hover{color:#fff}.formation-pitch-player-avatar{position:relative}.formation-pitch-player-avatar .player-avatar{background:#ffffffeb;color:#64748b;border:2px solid rgba(255,255,255,.9);box-shadow:0 2px 8px #00000040}.formation-pitch-player-number{position:absolute;right:-.2rem;bottom:-.15rem;min-width:1.1rem;height:1.1rem;padding:0 .2rem;border-radius:999px;background:#0f172ad9;color:#fff;font-size:.6rem;font-weight:700;line-height:1.1rem;text-align:center;border:1px solid rgba(255,255,255,.35)}.formation-pitch-player-name{max-width:100%;font-size:.62rem;font-weight:700;line-height:1.15;text-align:center;text-shadow:0 1px 3px rgba(0,0,0,.55);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.predicted-lineup-subs{margin-top:1.25rem}.predicted-lineup-subs-title{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-bottom:.5rem}.history-chart{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1rem 1rem .75rem;margin-bottom:1.5rem;box-shadow:var(--shadow-sm)}.history-chart-title{font-size:1rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.2rem}.history-chart-subtitle{font-size:.75rem;color:var(--text-muted);margin-bottom:.85rem}.history-chart-legend{display:flex;flex-wrap:wrap;gap:.45rem .75rem;margin-bottom:.85rem}.history-chart-legend-item{display:inline-flex;align-items:center;gap:.3rem;font-size:.65rem;font-weight:600;color:var(--text-muted)}.history-chart-legend-swatch{width:.9rem;height:.9rem;border-radius:3px;flex-shrink:0}.chart-hatch{--chart-hatch-line: rgba(255, 255, 255, .2);background-color:var(--chart-fill);background-repeat:repeat}.chart-hatch--group-stage{--chart-fill: var(--palette-slate);background-image:repeating-linear-gradient(-45deg,transparent 0 3px,var(--chart-hatch-line) 3px 4px)}.chart-hatch--round-of-16,.chart-hatch--round-of-16-finish{--chart-fill: var(--palette-blue);background-image:repeating-linear-gradient(45deg,transparent 0 3px,var(--chart-hatch-line) 3px 4px)}.chart-hatch--quarter-finals,.chart-hatch--quarter-finals-finish{--chart-fill: var(--palette-green);background-image:repeating-linear-gradient(90deg,transparent 0 3px,var(--chart-hatch-line) 3px 4px)}.chart-hatch--semi-finals,.chart-hatch--semi-finals-finish{--chart-fill: var(--palette-teal);background-image:repeating-linear-gradient(0deg,transparent 0 3px,var(--chart-hatch-line) 3px 4px)}.chart-hatch--third-place,.chart-hatch--third-place-finish{--chart-fill: var(--palette-orange);background-image:repeating-linear-gradient(-45deg,transparent 0 4px,var(--chart-hatch-line) 4px 5px),repeating-linear-gradient(45deg,transparent 0 4px,var(--chart-hatch-line) 4px 5px)}.chart-hatch--final{--chart-fill: var(--palette-orange);background-image:repeating-linear-gradient(-45deg,transparent 0 2px,var(--chart-hatch-line) 2px 3px)}.chart-hatch--champion{--chart-fill: var(--palette-orange);background-image:repeating-linear-gradient(-45deg,transparent 0 3px,var(--chart-hatch-line) 3px 4px)}.chart-hatch--runner-up{--chart-fill: var(--palette-orange);background-image:repeating-linear-gradient(45deg,transparent 0 3px,var(--chart-hatch-line) 3px 4px)}.chart-hatch--fourth-place{--chart-fill: var(--palette-teal);background-image:repeating-linear-gradient(135deg,transparent 0 3px,var(--chart-hatch-line) 3px 4px)}.history-chart-rows{display:flex;flex-direction:column;gap:.3rem}.history-chart-row{display:grid;grid-template-columns:5.5rem 1fr 1.75rem;align-items:center;gap:.5rem}.history-chart-team{font-size:.7rem;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-chart-bar-track{height:1.1rem;min-width:0;border-radius:4px;background:var(--bg-elevated)}.history-chart-bar{display:flex;height:100%;min-width:0;border-radius:4px;overflow:hidden}.history-chart-segment{display:flex;align-items:center;justify-content:center;min-width:0;transition:opacity .15s ease}.history-chart-segment:hover{opacity:.85}.history-chart-segment-label{font-size:.55rem;font-weight:700;color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.25);padding:0 .15rem;white-space:nowrap}.history-chart-total{font-size:.7rem;font-weight:700;color:var(--text-muted);text-align:right}.history-chart-axis{display:flex;justify-content:space-between;margin-top:.5rem;padding-left:6rem;padding-right:1.75rem;font-size:.6rem;color:var(--text-muted)}.team-success-chart{margin-bottom:1rem}.team-success-timeline-wrap{margin-bottom:1rem;padding-bottom:.25rem}.team-success-timeline{container-type:inline-size;display:flex;align-items:flex-end;gap:clamp(.08rem,calc(2.5cqw / var(--timeline-count, 10)),.2rem);width:100%;min-width:0;padding:.25rem 0 0}.team-success-timeline-item{display:flex;flex-direction:column;align-items:center;flex:1 1 0;min-width:0;gap:.2rem}.team-success-timeline-column{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;width:100%;height:5.5rem}.team-success-timeline-stack{display:flex;flex-direction:column;align-items:center;width:100%;gap:.1rem}.team-success-timeline-bar{width:100%;min-height:.35rem;flex-shrink:0;border-radius:4px 4px 0 0;transition:opacity .15s ease}.team-success-timeline-bar-label{flex-shrink:0}.team-success-timeline-item:hover .team-success-timeline-bar{opacity:.85}.team-success-timeline-bar-label{font-size:clamp(.55rem,calc(13cqw / var(--timeline-count, 10)),.82rem);font-weight:700;line-height:1;color:var(--text)}.team-success-timeline-year-wrap{display:flex;align-items:flex-start;justify-content:center;width:100%;height:2.35rem;overflow:hidden}.team-success-timeline-year{font-size:clamp(.62rem,calc(15.5cqw / var(--timeline-count, 10)),.9rem);font-weight:700;color:var(--text);line-height:1;white-space:nowrap;writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg)}.team-success-round-legend{margin-top:.25rem;flex-wrap:nowrap;justify-content:space-between;gap:.15rem;width:100%}.team-success-round-legend .history-chart-legend-item{flex:1 1 0;min-width:0;flex-direction:column;align-items:center;gap:.2rem;font-size:clamp(.48rem,2.4vw,.62rem);line-height:1.15;text-align:center}.team-success-round-legend .history-chart-legend-swatch{width:1.15rem;height:1.15rem;border-radius:4px}.team-success-round-legend .history-chart-legend-label{display:block;width:100%;white-space:normal;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}.team-success-round-section{width:100%}.team-success-round-heading{margin-bottom:.5rem;font-size:.8rem;color:var(--text);line-height:1.3}.team-success-round-heading-bold{font-weight:700}.team-success-round-heading-count{font-weight:400;color:var(--text-muted)}.team-success-round-bar-track{width:100%;height:1.25rem;border-radius:4px;background:var(--bg-elevated)}.history-year-section{margin-bottom:1.5rem}.history-year-heading{font-size:1.125rem;font-weight:700;letter-spacing:-.02em;color:var(--text);margin-bottom:.75rem;padding-bottom:.35rem;border-bottom:2px solid var(--accent-light)}.match-card .round{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-bottom:.5rem}.match-teams{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.match-team{flex:1;text-align:center;font-weight:600;font-size:.9rem;color:var(--text)}.match-score{font-size:1.25rem;font-weight:700;color:var(--accent);min-width:3rem;text-align:center}.match-meta{font-size:.75rem;color:var(--text-muted);margin-top:.5rem;text-align:center}.player-detail-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:1.75rem 1.5rem;border:1px solid var(--border);text-align:center;box-shadow:var(--shadow-md)}.player-detail-card .photo{margin:0 auto 1rem;display:block}.player-detail-card h2{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.25rem;color:var(--text)}.player-detail-team{display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.player-detail-flag{width:2rem;height:1.35rem}.bio-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:1.25rem;text-align:left}.bio-item{background:var(--bg-elevated);padding:.75rem;border-radius:10px;border:1px solid var(--border)}.bio-item .label{font-size:.65rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.bio-item .value{font-weight:600;margin-top:.2rem;color:var(--text);font-size:.9rem}.ad-container{margin:1rem 0;min-height:50px;display:flex;justify-content:center;overflow:hidden}.cookie-consent{position:fixed;bottom:calc(var(--nav-height) + var(--safe-bottom) + .5rem);left:1rem;right:1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem;z-index:200;box-shadow:var(--shadow-lg)}.cookie-consent p{font-size:.85rem;color:var(--text-muted);margin-bottom:.75rem;line-height:1.5}.cookie-consent-actions{display:flex;gap:.5rem}.btn{flex:1;padding:.65rem 1rem;border-radius:10px;border:none;font-weight:600;font-size:.9rem;cursor:pointer;transition:background .15s ease,color .15s ease,box-shadow .15s ease,transform .1s ease}.btn:active{transform:scale(.98)}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 2px 8px #2b9eb340}.btn-primary:hover{background:var(--accent-hover);box-shadow:0 4px 12px #2b9eb359}.btn-secondary{background:var(--bg-elevated);color:var(--text-muted);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg);color:var(--text);border-color:var(--text-muted)}.btn-block{display:block;text-align:center;margin-top:1rem}.loading,.error{text-align:center;padding:2.5rem 1rem;color:var(--text-muted);font-size:.95rem}.error{color:var(--palette-orange);background:#fdf4ec;border-radius:var(--radius);border:1px solid #f0d4b8}.back-link{display:inline-flex;align-items:center;gap:.25rem;margin-bottom:1rem;font-size:.9rem;font-weight:500;color:var(--accent);padding:.35rem .6rem;border-radius:8px;transition:background .15s ease}.back-link:hover{background:var(--accent-light);color:var(--accent-hover)}.filter-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#49516f66;z-index:150;opacity:0;pointer-events:none;transition:opacity .2s ease}.filter-backdrop.open{opacity:1;pointer-events:auto}.filter-panel{position:fixed;top:0;right:0;bottom:0;width:min(300px,88vw);background:var(--bg-card);border-left:1px solid var(--border);z-index:160;display:flex;flex-direction:column;transform:translate(100%);transition:transform .25s ease;box-shadow:var(--shadow-lg)}.filter-panel.open{transform:translate(0)}.filter-panel-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1rem 1rem;border-bottom:1px solid var(--border)}.filter-panel-header h2{font-size:1.1rem;font-weight:700;letter-spacing:-.02em}.filter-panel-close{width:2rem;height:2rem;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:8px;background:var(--bg-elevated);color:var(--text-muted);font-size:.9rem;cursor:pointer;transition:background .15s ease,color .15s ease}.filter-panel-close:hover{background:var(--accent-light);color:var(--accent)}.filter-panel-body{flex:1;overflow-y:auto;padding:1rem;-webkit-overflow-scrolling:touch}.filter-section{margin-bottom:1.5rem}.filter-section:last-child{margin-bottom:0}.filter-section-title{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:.6rem}.filter-options,.filter-select{display:flex;flex-direction:column;gap:.4rem}.filter-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%;min-height:2.85rem;padding:.75rem .9rem;border:1px solid var(--border);border-radius:10px;background:var(--bg-card);color:var(--text);font:inherit;font-size:.95rem;font-weight:600;line-height:1.35;text-align:left;cursor:pointer;box-shadow:var(--shadow-sm);transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.filter-select-trigger:hover,.filter-select.open .filter-select-trigger{border-color:var(--accent-dim);box-shadow:var(--shadow-md)}.filter-select-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.filter-select-value{flex:1;min-width:0}.filter-select-chevron{flex-shrink:0;color:var(--text-muted);transition:transform .18s ease,color .15s ease}.filter-select-chevron.open,.filter-select-trigger:hover .filter-select-chevron{color:var(--accent)}.filter-select-chevron.open{transform:rotate(180deg)}.filter-select-menu{display:flex;flex-direction:column;gap:.35rem;margin:0;padding:0;list-style:none}.filter-select-option{display:block;width:100%;text-align:left;padding:.7rem .85rem;border-radius:10px;border:1px solid var(--border);background:var(--bg-card);color:var(--text);font:inherit;font-size:.95rem;font-weight:500;line-height:1.35;cursor:pointer;transition:border-color .15s ease,color .15s ease,background .15s ease}.filter-select-option:hover{border-color:var(--accent-dim);color:var(--accent);background:var(--accent-light)}.filter-select-option.active{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 2px 8px #2b9eb340}.filter-option{display:block;width:100%;text-align:left;padding:.65rem .85rem;border-radius:10px;border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .15s ease}.filter-option:hover{border-color:var(--accent-dim);color:var(--accent)}.filter-option.active{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 2px 8px #2b9eb340}.profile-header{display:flex;align-items:center;gap:1rem;padding:1.25rem;margin-bottom:.75rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.profile-avatar{display:inline-flex;align-items:center;justify-content:center;width:4rem;height:4rem;border-radius:50%;background:linear-gradient(135deg,var(--palette-teal),var(--palette-blue));color:#fff;font-size:1.25rem;font-weight:700;letter-spacing:.02em;flex-shrink:0;box-shadow:0 4px 12px #2b9eb340}.profile-header-copy{min-width:0}.profile-header-copy h2{font-size:1.25rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.15rem;color:var(--text)}.profile-header-copy p{font-size:.85rem;color:var(--text-muted);margin-bottom:.45rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-badge{display:inline-flex;align-items:center;padding:.2rem .55rem;border-radius:999px;background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-muted);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.profile-sign-in{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;min-height:2.75rem;margin-bottom:1.25rem;padding:.75rem 1rem;border:1px dashed var(--border);border-radius:var(--radius);background:var(--bg-card);color:var(--text-muted);font:inherit;font-size:.9rem;font-weight:600;cursor:not-allowed}.profile-sign-in--active{border-style:solid;border-color:var(--accent);color:var(--accent);cursor:pointer;transition:background .15s ease,box-shadow .15s ease,transform .1s ease}.profile-sign-in--active:hover{background:var(--accent-light);box-shadow:0 2px 8px #2b9eb326}.profile-sign-in--active:active{transform:scale(.99)}.profile-sign-out{border-style:solid;border-color:var(--border);color:var(--text);cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .1s ease}.profile-sign-out:hover{background:var(--bg-elevated);border-color:var(--text-muted)}.profile-sign-out-error{margin:-.75rem 0 1rem}.profile-badge--signed-in{background:var(--accent-light);border-color:#2b9eb340;color:var(--accent)}.profile-sign-in-note{margin-left:auto;font-size:.75rem;font-weight:500;color:var(--text-muted)}.sign-in-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:flex;align-items:flex-end;justify-content:center;padding:1rem;background:#0f172a73;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sign-in-modal{position:relative;width:min(100%,28rem);max-height:calc(100vh - 2rem);overflow:auto;padding:1.25rem;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-card);box-shadow:var(--shadow-lg)}.sign-in-close{position:absolute;top:.75rem;right:.75rem;display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;border-radius:999px;background:var(--bg-elevated);color:var(--text-muted);cursor:pointer}.sign-in-close:hover{color:var(--text);background:var(--bg)}.sign-in-header{margin-bottom:1rem;padding-right:2rem}.sign-in-icon{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;margin-bottom:.65rem;border-radius:999px;background:var(--accent-light);color:var(--accent)}.sign-in-header h2{font-size:1.25rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.25rem}.sign-in-header p{font-size:.85rem;color:var(--text-muted)}.sign-in-form .profile-field{padding:0;margin-bottom:.75rem}.sign-in-submit{margin-top:0}.sign-in-divider{display:flex;align-items:center;gap:.75rem;margin:1rem 0;color:var(--text-muted);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.sign-in-divider:before,.sign-in-divider:after{content:"";flex:1;height:1px;background:var(--border)}.sign-in-social{display:flex;flex-direction:column;gap:.65rem}.sign-in-social-btn{display:flex;align-items:center;justify-content:center;gap:.55rem;width:100%;min-height:2.75rem;padding:.7rem 1rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);color:var(--text);font:inherit;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .1s ease}.sign-in-social-btn:hover:not(:disabled){background:var(--bg-elevated);border-color:var(--text-muted)}.sign-in-social-btn:disabled{opacity:.7;cursor:wait}.sign-in-social-btn--apple{background:#111827;border-color:#111827;color:#fff}.sign-in-social-btn--apple:hover:not(:disabled){background:#1f2937;border-color:#1f2937}.sign-in-message{display:flex;gap:.75rem;padding:.85rem .95rem;border-radius:var(--radius);font-size:.85rem;line-height:1.45}.sign-in-message strong{display:block;margin-bottom:.2rem}.sign-in-message p{margin:0;color:inherit}.sign-in-message span{font-weight:600}.sign-in-message--info{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-muted)}.sign-in-message--info code{font-size:.78rem}.sign-in-message--success{align-items:flex-start;background:var(--accent-light);border:1px solid rgba(43,158,179,.25);color:var(--text)}.sign-in-error{margin-top:.85rem;font-size:.82rem;color:#b91c1c}.auth-callback-status{display:inline-flex;align-items:center;gap:.65rem;margin-top:1rem;padding:.85rem 1rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);color:var(--text-muted);font-size:.9rem}.auth-callback-spinner{width:1rem;height:1rem;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:auth-callback-spin .8s linear infinite}@keyframes auth-callback-spin{to{transform:rotate(360deg)}}@media (min-width: 640px){.sign-in-overlay{align-items:center}}.profile-section{margin-bottom:1.25rem}.profile-section-title{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:.5rem;padding-left:.15rem}.profile-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.profile-field{display:flex;flex-direction:column;gap:.35rem;padding:.85rem 1rem}.profile-field+.profile-field{border-top:1px solid var(--border)}.profile-field-label{font-size:.75rem;font-weight:600;color:var(--text-muted)}.profile-field-input{width:100%;min-height:2.35rem;padding:.55rem .75rem;border:1px solid var(--border);border-radius:10px;background:var(--bg);color:var(--text);font:inherit;font-size:.95rem;transition:border-color .15s ease,background .15s ease}.profile-field-input::placeholder{color:var(--text-muted)}.profile-field-input:focus{outline:none;border-color:var(--accent-dim);background:#fff}.profile-field-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,var(--text-muted) 50%),linear-gradient(135deg,var(--text-muted) 50%,transparent 50%);background-position:calc(100% - 1.1rem) calc(50% + .1rem),calc(100% - .8rem) calc(50% + .1rem);background-size:.35rem .35rem,.35rem .35rem;background-repeat:no-repeat;padding-right:2rem}.profile-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.85rem 1rem}.profile-row+.profile-row,.profile-row+.profile-actions,.profile-actions+.profile-nav-link{border-top:1px solid var(--border)}.profile-row-copy{min-width:0}.profile-row-label{font-size:.9rem;font-weight:600;color:var(--text)}.profile-row-description{margin-top:.15rem;font-size:.78rem;color:var(--text-muted);line-height:1.4}.profile-row-control{flex-shrink:0}.profile-meta{font-size:.85rem;color:var(--text-muted);text-align:right}.profile-status{display:inline-flex;align-items:center;padding:.25rem .55rem;border-radius:999px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.profile-status--accepted{background:#e8f7ef;color:#2f7f4f}.profile-status--declined{background:#fdf4ec;color:var(--palette-orange)}.profile-status--pending{background:var(--bg-elevated);color:var(--text-muted)}.profile-actions{display:flex;gap:.5rem;padding:.85rem 1rem 1rem}.profile-actions .btn{flex:1}.profile-empty{display:flex;flex-direction:column;align-items:center;gap:.45rem;padding:1.5rem 1rem;text-align:center;color:var(--text-muted)}.profile-empty p{font-size:.9rem}.profile-link,.profile-nav-link{display:inline-flex;align-items:center;gap:.15rem;font-size:.85rem;font-weight:600}.profile-nav-link{justify-content:space-between;width:100%;padding:.85rem 1rem;color:var(--text)}.profile-nav-link:hover{color:var(--accent)}.profile-toggle{position:relative;width:2.75rem;height:1.55rem;padding:0;border:1px solid var(--border);border-radius:999px;background:var(--bg-elevated);cursor:pointer;transition:background .15s ease,border-color .15s ease}.profile-toggle.is-on{background:var(--accent);border-color:var(--accent)}.profile-toggle-thumb{position:absolute;top:50%;left:.15rem;width:1.15rem;height:1.15rem;border-radius:50%;background:#fff;box-shadow:0 1px 3px #49516f33;transform:translateY(-50%);transition:transform .15s ease}.profile-toggle.is-on .profile-toggle-thumb{transform:translate(1.15rem,-50%)}.profile-reset{width:100%;padding:.75rem 1rem;border:1px solid #f0c9a8;border-radius:var(--radius);background:#fdf4ec;color:var(--palette-orange);font:inherit;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .15s ease,border-color .15s ease}.profile-reset:hover{background:#fce8d8;border-color:#e8b48a}.profile-footnote{display:flex;align-items:flex-start;gap:.4rem;margin-top:.75rem;font-size:.78rem;color:var(--text-muted);line-height:1.45}.profile-footnote svg{flex-shrink:0;margin-top:.1rem}