@layer components{.star-chart-scroll{scrollbar-width:thin;border-radius:10px;overflow-x:auto}.star-chart{aspect-ratio:948/397;background:var(--board-deep);border-radius:10px;min-width:720px;position:relative;overflow:hidden}.star-chart>img{width:100%;height:100%;position:absolute;inset:0}.star-chart-star{cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;padding:0;display:grid;position:absolute}.star-chart-star>[data-sprite]{width:100%;height:auto}.star-chart-star[data-state="0"]{cursor:default}.star-chart-star[aria-pressed=true]{outline:3px solid var(--gold);outline-offset:2px}.star-chart-star:focus-visible{outline:3px solid var(--ring);outline-offset:2px}.star-chart-mark{pointer-events:none;position:absolute}.star-chart-tab{cursor:pointer;background:0 0;border:0;border-radius:6px;padding:0;line-height:0;transition:transform .12s ease-out}.star-chart-tab[aria-pressed=false]{filter:brightness(.82);transform:translateY(4px)}.star-chart-tab:disabled{filter:brightness(.6)grayscale(.4);cursor:not-allowed;transform:translateY(6px)}.star-chart-tab:focus-visible{outline:3px solid var(--ring);outline-offset:2px}}