@layer ui{
.sched{display:grid;gap:.5rem}.row{display:grid;grid-template-columns:8rem 1fr auto;gap:1rem;align-items:center;padding:1.1rem 1.3rem;border-radius:1.1rem;background:var(--k2);border:1px solid #ffffff14;transition:.2s}
.row:hover{border-color:var(--o)}.row .dt{font:800 1.5rem var(--d);letter-spacing:-.04em;color:var(--o)}.row small{color:#bfae9d;display:block}
.row.home{background:color-mix(in oklab,var(--o) 20%,var(--k2));border-color:color-mix(in oklab,var(--o) 45%,transparent)}
@media(max-width:620px){.row{grid-template-columns:1fr;gap:.3rem}}
/* roster */
.roster{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,190px),1fr));gap:.9rem}
.pl{position:relative;background:#fff;color:var(--ink);border-radius:var(--r);padding:1.2rem;overflow:hidden;transition:rotate .25s,translate .25s}
.pl:hover{rotate:-1.5deg;translate:0 -6px}
.pl b{display:block;font:800 5.5rem/.8 var(--d);letter-spacing:-.08em;color:var(--o);margin-bottom:.7rem}
.pl .nm{font:800 1.2rem var(--d);letter-spacing:-.03em}.pl .pos{font:500 .66rem var(--m);text-transform:uppercase;color:var(--mut)}
.pl .st{display:flex;gap:.8rem;margin-top:.8rem;font:500 .72rem var(--m);text-transform:uppercase;color:var(--mut)}.pl .st strong{display:block;font:800 1.4rem var(--d);color:var(--ink);letter-spacing:-.04em}
.pl.star{background:var(--o);color:var(--k)}.pl.star b{color:var(--k)}.pl.star .pos,.pl.star .st,.pl.star .st strong{color:var(--k)}
}