.ft-tabs{display:flex;flex-wrap:wrap;gap:var(--s-2);border-bottom:1px solid var(--line);margin-bottom:var(--s-6)}.ft-tabs button{position:relative;border:1px solid transparent;border-bottom:0;padding:8px var(--s-5);color:var(--dim);font-size:var(--fs-sm);font-weight:700;transition:color var(--t-fast) var(--e-std),background var(--t-fast) var(--e-std)}.ft-tabs button:hover{background:var(--tint);color:var(--head)}.ft-tabs [aria-pressed=true]{border-color:var(--line-2);background:#fff;color:var(--head)}.ft-tabs [aria-pressed=true]:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:1px;background:#fff}.ft-grid{display:grid;gap:var(--s-5) var(--s-4);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));margin:0;padding:0;list-style:none}.ft-grid>li>a{display:grid;height:100%;align-content:start;gap:var(--s-2);border:1px solid var(--line);padding:var(--s-3);transition:border-color var(--t-fast) var(--e-std)}.ft-grid>li>a:hover{border-color:var(--line-2)}.ft-shot{position:relative;display:block;overflow:hidden;aspect-ratio:9/4;background:var(--ph)}.ft-art{position:absolute;inset:0;background-position:50%;background-size:cover;transition:transform var(--t-slow) var(--e-out)}.ft-grid>li>a:hover .ft-art{transform:scale(1.04)}.ft-grid>li>a:hover b{color:var(--jp-cyan-ink);text-decoration:none}.ft-flag{position:absolute;z-index:1;top:0;left:0;padding:4px var(--s-3);color:#fff;font-size:var(--fs-micro);font-style:normal;font-weight:700}.ft-flag[data-status=live]{background:var(--ev-live)}.ft-flag[data-status=upcoming]{background:var(--ev-soon)}.ft-flag[data-status=ended]{background:var(--ev-done)}.ft-grid b{margin-top:var(--s-1);color:var(--head);font-size:var(--fs-sm);font-weight:700;line-height:1.5;transition:color var(--t-fast) var(--e-std)}.ft-sum{color:var(--text);font-size:var(--fs-xs);line-height:1.7}.ft-when{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--s-1) var(--s-3);margin-top:auto;border-top:1px solid var(--line);padding-top:var(--s-2);color:var(--dim);font-size:var(--fs-micro);font-variant-numeric:tabular-nums}.ft-left{color:var(--head);font-weight:700}.ft-left[data-status=ended]{color:var(--dim);font-weight:400}.ft-grid>li>a[data-status=ended] .ft-shot:after{content:"";position:absolute;inset:0;background:rgb(255 255 255/50%);transition:opacity var(--t-fast) var(--e-std)}.ft-grid>li>a[data-status=ended]:hover .ft-shot:after{opacity:0}.ft-empty{margin:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:56px var(--s-4);color:var(--dim);text-align:center}