.yt{--yt-cols:6;--yt-gap:4px;--yt-band:14px;--yt-tile-h:60px;--yt-faint:color-mix(in srgb, var(--color-card) 66%, transparent);--yt-fainter:color-mix(in srgb, var(--color-card) 60%, transparent);--yt-well:color-mix(in srgb, var(--color-card) 4.5%, transparent);--yt-rule:color-mix(in srgb, var(--color-card) 55%, transparent);color:var(--color-card)}@media (min-width:640px){.yt{--yt-cols:8}}@media (min-width:768px){.yt{--yt-cols:10;--yt-tile-h:66px}}@media (min-width:1024px){.yt{--yt-cols:14;--yt-band:15px;--yt-tile-h:70px}}.yt-grid{grid-template-columns:repeat(var(--yt-cols), minmax(0, 1fr));column-gap:var(--yt-gap);row-gap:var(--yt-gap);margin:0;padding:0;list-style:none;display:grid}.yt-grid>li{flex-direction:column;min-width:0;display:flex;position:relative}.yt-band{height:var(--yt-band);position:relative}.yt-era{white-space:nowrap;pointer-events:none;align-items:baseline;gap:5px;line-height:1;display:flex;position:absolute;bottom:2px;left:0}.yt-era-ja{letter-spacing:.12em;color:var(--color-card);font-size:10px;font-weight:700}.yt-era-en{font-family:var(--font-num);letter-spacing:.2em;color:var(--yt-faint);font-size:10px;font-weight:500}.yt-boundary:before{content:"";top:0;bottom:0;left:calc(var(--yt-gap) / -2 - .5px);background:var(--yt-rule);width:1px;position:absolute}.yt-boundary .yt-era{left:4px}.yt-tile{height:var(--yt-tile-h);border-radius:1px;flex-direction:column;justify-content:center;align-items:center;gap:3px;line-height:1;text-decoration:none;transition:box-shadow .18s,background-color .18s;display:flex}.yt-year{font-family:var(--font-num);font-variant-numeric:tabular-nums;letter-spacing:.01em;font-size:21px;font-weight:600;line-height:1}.yt-wareki{letter-spacing:0;white-space:nowrap;font-size:10px;line-height:1}.yt-state{letter-spacing:.08em;white-space:nowrap;font-size:9px;line-height:1}@media (min-width:768px){.yt-year{font-size:24px}.yt-wareki{font-size:11px}}@media (min-width:1024px){.yt-year{font-size:26px}}.yt-off{background:var(--yt-well);color:var(--yt-faint)}.yt-off .yt-wareki{color:var(--yt-faint)}.yt-off .yt-state{color:var(--yt-fainter)}.yt-on{background:var(--color-card);color:var(--color-indigo);box-shadow:inset 0 2px 0 var(--color-gold)}.yt-on .yt-wareki{color:var(--color-ink)}.yt-on .yt-state{color:color-mix(in srgb, var(--color-gold) 62%, var(--color-ink));font-weight:700}.yt-on:hover{box-shadow:inset 0 2px 0 var(--color-gold), inset 0 0 0 2px var(--color-indigo)}.yt-on:focus-visible{outline:2px solid var(--color-card);outline-offset:2px;box-shadow:inset 0 2px 0 var(--color-gold), inset 0 0 0 2px var(--color-indigo)}.yt-legend{letter-spacing:.08em;color:color-mix(in srgb, var(--color-card) 72%, transparent);flex-wrap:wrap;gap:.5rem 1.5rem;margin:0;padding:0;font-size:11px;line-height:1;list-style:none;display:flex}.yt-legend li{align-items:center;gap:.5rem;display:inline-flex}.yt-swatch{border-radius:1px;flex:none;width:14px;height:14px}.yt-swatch-on{background:var(--color-card);box-shadow:inset 0 2px 0 var(--color-gold)}.yt-swatch-off{background:color-mix(in srgb, var(--color-card) 4.5%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-card) 26%, transparent)}.yt[data-compact]{--yt-tile-h:48px}.yt[data-compact] .yt-state{display:none}@media (min-width:768px){.yt[data-compact]{--yt-tile-h:54px}}