.app-shell{position:relative;width:100%;max-width:var(--tk-size-shell-max-width);min-height:100dvh;margin:0 auto;padding-bottom:calc(var(--tk-size-page-bottom) + var(--tk-layout-safe-bottom));overflow-x:clip;background:var(--tk-color-canvas)}.app-shell.is-secondary{padding-bottom:var(--tk-layout-safe-bottom)}.app-header{position:sticky;z-index:var(--tk-z-header);top:0;display:flex;align-items:center;justify-content:space-between;height:var(--tk-size-header);padding:0 var(--page-gutter);background:var(--tk-surface-color-header-bg);border-bottom:1px solid var(--tk-surface-color-header-border);backdrop-filter:blur(16px)}@media (max-width:1023px){.app-header{background:var(--tk-color-surface);backdrop-filter:none}}.dark .app-header{background:var(--tk-surface-color-header-bg-dark)}.brand-block{display:flex;align-items:center;gap:var(--tk-space-2);min-width:0}.brand-logo{display:block;width:var(--tk-size-brand-logo-width);max-width:100%;height:auto}.brand-logo-dark,.dark .brand-logo-light{display:none}.dark .brand-logo-dark{display:block}.header-menu-wrap{position:relative;display:flex;flex:0 0 auto;align-items:center}.header-action{display:inline-flex;align-items:center;justify-content:center;width:var(--tk-size-header-action);height:var(--tk-size-header-action);min-height:var(--tk-size-touch);padding:0;color:var(--tk-color-ink);background:transparent;border:0;border-radius:0}.header-action svg{width:var(--tk-size-header-action-icon);height:var(--tk-size-header-action-icon);fill:none;stroke:currentColor;stroke-width:2.8;stroke-linecap:round}.app-view{padding:var(--tk-size-app-view-padding-top) var(--page-gutter) var(--tk-size-app-view-padding-bottom)}.app-view.is-matches{padding-top:var(--tk-size-matches-view-padding-top)}.page-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--tk-size-page-intro-gap);margin-bottom:var(--tk-size-page-intro-margin-bottom)}.page-intro.matches-intro{align-items:center}@media (max-width:1023px){.matches-intro{box-shadow:0 -18px 0 var(--tk-color-canvas)}}.page-intro h1{min-width:0;margin:0;overflow:hidden;color:var(--tk-color-ink);font-size:var(--tk-type-page-size);font-weight:var(--tk-weight-bold);line-height:var(--tk-type-page-line);letter-spacing:var(--tk-letter-spacing-page-title);text-overflow:ellipsis;white-space:nowrap}.page-intro-actions{display:flex;flex:0 0 auto;align-items:center;justify-content:flex-end;gap:var(--tk-space-1);min-width:0}.app-view-body{display:flex;flex-direction:column;gap:var(--tk-space-4)}.app-view-body.is-league-trend-detail{gap:12px}.app-view-body.is-league-trend-item{gap:10px}.bottom-dock{position:fixed;z-index:var(--tk-z-dock);right:var(--tk-size-dock-inset-x);bottom:var(--tk-layout-dock-bottom);left:var(--tk-size-dock-inset-x);display:grid;grid-template-columns:minmax(0,1fr) var(--tk-size-dock-search-slot);align-items:center;gap:var(--tk-size-dock-gap);width:auto;max-width:var(--tk-size-dock-max-width);margin:0 auto}.bottom-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));min-width:0;height:var(--tk-size-bottom-nav);padding:var(--tk-size-bottom-nav-padding);background:var(--tk-surface-color-bottom-nav-bg);border:1px solid var(--tk-color-border);border-radius:var(--tk-radius-pill);box-shadow:var(--tk-shadow-overlay);backdrop-filter:blur(16px)}.dark .bottom-nav{background:var(--tk-surface-color-bottom-nav-bg-dark)}.bottom-nav>a{display:grid;justify-items:center;align-content:center;gap:var(--tk-size-bottom-nav-item-gap);min-height:var(--tk-size-bottom-nav-item-min-height);min-width:0;color:var(--tk-color-muted);font-size:var(--tk-type-caption-size);font-weight:var(--tk-weight-semibold);line-height:var(--tk-type-caption-line);text-decoration:none;background:transparent;border:0;border-radius:var(--tk-radius-pill)}.bottom-nav>a>span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bottom-nav>a[aria-current=page]{color:var(--tk-color-brand-dark);background:var(--tk-color-brand-soft)}.bottom-nav svg{width:var(--tk-size-bottom-nav-icon);height:var(--tk-size-bottom-nav-icon);fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.bottom-nav>a[data-surface=favorites][aria-current=page] svg{fill:var(--tk-surface-color-bottom-nav-active-star-fill)}.search-toggle{display:grid;place-items:center;width:var(--tk-size-search-toggle);height:var(--tk-size-search-toggle);padding:0;color:var(--tk-color-ink);background:var(--tk-surface-color-search-toggle-bg);border:1px solid var(--tk-color-border);border-radius:50%;box-shadow:var(--tk-shadow-overlay);backdrop-filter:blur(16px)}.dark .search-toggle{background:var(--tk-surface-color-search-toggle-bg-dark);border-color:var(--tk-color-border)}.search-toggle.is-active{color:var(--tk-color-brand-dark);background:var(--tk-color-brand-soft);border-color:var(--tk-surface-color-search-toggle-active-border)}.dark .search-toggle.is-active{background:var(--tk-color-brand-soft);border-color:var(--tk-surface-color-search-toggle-active-border-dark)}.search-toggle svg{width:var(--tk-size-search-toggle-icon);height:var(--tk-size-search-toggle-icon);fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.search-toggle-icon{grid-area:1/1;opacity:1;transform:scale(1);transition:opacity var(--tk-motion-feedback) var(--tk-ease-enter),transform var(--tk-motion-feedback) var(--tk-ease-enter)}.search-toggle-icon.is-close,.search-toggle.is-active .search-toggle-icon.is-search{opacity:0;transform:scale(.88)}.search-toggle.is-active .search-toggle-icon.is-close{opacity:1;transform:scale(1)}.more-detail-view{min-height:var(--tk-layout-secondary-view-min-height)}.more-detail-head{display:grid;grid-template-columns:var(--tk-size-secondary-back) minmax(0,1fr) var(--tk-size-secondary-back);align-items:center;min-height:var(--tk-size-secondary-head);padding:var(--tk-size-secondary-head-padding-top) var(--tk-size-secondary-head-padding-x) var(--tk-size-secondary-head-padding-bottom);background:var(--tk-color-surface);border-bottom:1px solid var(--tk-color-border)}.more-detail-head h1{min-width:0;margin:0;overflow:hidden;color:var(--tk-color-ink);font-size:var(--tk-type-page-size);font-weight:var(--tk-weight-bold);line-height:var(--tk-type-page-line);letter-spacing:var(--tk-letter-spacing-page-title);text-align:left;text-overflow:ellipsis;white-space:nowrap}.more-detail-back{display:grid;place-items:center;width:var(--tk-size-secondary-back);height:var(--tk-size-secondary-back);padding:0;color:var(--tk-color-ink);background:transparent;border:0;border-radius:0}.more-detail-back svg{width:var(--tk-size-secondary-back-icon);height:var(--tk-size-secondary-back-icon);fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.more-detail-scroll{padding:var(--tk-size-secondary-scroll-padding-top) var(--tk-size-secondary-scroll-padding-x) var(--tk-size-secondary-scroll-padding-bottom)}