@layer modules{.gl-grid{columns:17rem 4;column-gap:var(--space-5)}.gl-card{gap:var(--space-3);margin-bottom:var(--space-6);break-inside:avoid;display:grid}.gl-card__media{background:var(--color-ground-deep);display:block;position:relative}.gl-card__media img{width:100%}.gl-card__bands{transform-origin:bottom;height:18px;transition:scale var(--dur) var(--ease-out);display:flex;position:absolute;top:auto;bottom:0;left:0;right:0;scale:1 .45}.gl-card__bands span{background:var(--tone);flex:1}.gl-card__media:after{content:"";background:var(--color-ink) center / 22px no-repeat;opacity:0;width:44px;height:44px;transition:opacity var(--dur-fast) var(--ease-out), translate var(--dur) var(--ease-out);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.5' stroke-linecap='square'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E");position:absolute;top:0;right:0;translate:0 -8px}.gl-card__media:hover .gl-card__bands{scale:1}.gl-card__media:focus-visible .gl-card__bands{scale:1}.gl-card__media:hover:after{opacity:1;translate:0}.gl-card__media:focus-visible:after{opacity:1;translate:0}.gl-card__play{align-items:center;gap:var(--space-2);height:40px;padding-inline:var(--space-3);background:var(--color-ink);color:var(--color-on-ink);font-size:var(--text-small);font-variant-numeric:tabular-nums;font-weight:700;display:inline-flex;position:absolute;top:0;left:0}.gl-card__title{letter-spacing:-.01em;font-size:1.0625rem;font-weight:450;line-height:1.3}.gl-card__title a{text-decoration:none}.gl-card__title a:hover{text-decoration:underline}.gl-card__title strong{margin-right:.2em;font-weight:780}.gl-card__meta{justify-content:space-between;gap:var(--space-1) var(--space-3);font-size:var(--text-small);color:var(--color-ink-3);flex-wrap:wrap;display:flex}.gl-card__count{color:var(--color-ink-2);font-weight:650}.gl-stage{width:-moz-fit-content;width:fit-content;max-width:100%;margin-inline-start:auto;margin-inline-end:auto;position:relative}.gl-stage__img{transition:filter var(--dur) var(--ease-out), scale var(--dur) var(--ease-out)}.gl-stage[data-open] .gl-stage__img{filter:saturate(.8)brightness(.9);scale:.985}.gl-spot{z-index:4;position:absolute;translate:-50% -50%}.gl-spot__dot{background:var(--tone);border:2px solid var(--color-ink);width:28px;height:28px;rotate:var(--gl-rot,-12deg);transition:rotate var(--dur) var(--ease-out), scale var(--dur) var(--ease-out);display:block}.gl-spot:nth-of-type(2n){--gl-rot:9deg}.gl-spot:nth-of-type(3n){--gl-rot:-5deg}.gl-spot:nth-of-type(4n){--gl-rot:15deg}.gl-spot__dot:hover{scale:1.12}.gl-spot[data-open] .gl-spot__dot{outline:3px solid var(--color-panel);rotate:0deg}.gl-spot__bar{left:var(--space-3);bottom:var(--space-3);z-index:6;align-items:center;gap:var(--space-3);width:max-content;max-width:calc(100% - 2 * var(--space-3));min-height:48px;padding:var(--space-2) var(--space-3);background:var(--tone);border:2px solid var(--color-ink);color:var(--color-ink);animation:gl-bar-open var(--dur) var(--ease-out);font-weight:700;line-height:1.2;text-decoration:none;display:flex;position:absolute}.gl-stage[data-dock=top] .gl-spot__bar{top:var(--space-3);bottom:auto}.gl-spot__key{background:var(--tone);border:2px solid var(--color-ink);outline:2px solid var(--color-panel);flex:none;width:18px;height:18px}.gl-spot__bar:hover .gl-spot__name{text-decoration:underline}@keyframes gl-bar-open{0%{clip-path:inset(0 calc(100% - 34px) 0 0)}to{clip-path:inset(0)}}}