/* ---------- Flip: one genre at a time, as big as a record ---------- */
/* desktop: the sleeve panel is the left half; the genre, its songs and the shelf index are the right */
.lane-flip .lf{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;grid-template-areas:"panel type" "panel shelf"}
.lane-flip .lf-panel{grid-area:panel;position:relative;overflow:hidden;background:#111;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}
.lane-flip .lf-panel.drag{cursor:grabbing}
.lane-flip .lf-panel canvas{position:absolute;inset:0;width:100%;height:100%;display:block}

.lane-flip .lf-type{grid-area:type;display:flex;flex-direction:column;min-width:0;min-height:0;padding:34px 40px 0}
.lane-flip .lf-fam{color:var(--mute);font-variant-numeric:tabular-nums}
.lane-flip h1{font-size:80px;font-weight:600;letter-spacing:-.035em;line-height:.92;padding:0;margin:12px 0 18px;overflow-wrap:break-word}
.lane-flip .lf-kind{color:var(--mute);max-width:34em}
.lane-flip .lf-kind button{color:#fff}
.lane-flip .lf-list{flex:1;min-height:0;margin-top:28px;overflow-y:auto;border-top:1px solid var(--rule);scrollbar-width:thin;scrollbar-color:var(--rule) transparent;overscroll-behavior:contain}
.lane-flip .lf-ghost{cursor:default}
.lane-flip .lf-more{color:var(--dim);font-size:13px;padding:14px 0 18px 34px}

/* the 14 shelves, one quiet line; it runs sideways when it does not fit */
.lane-flip .lf-shelf{grid-area:shelf;position:relative;display:flex;gap:18px;padding:13px 40px 14px;border-top:1px solid var(--rule);overflow-x:auto;white-space:nowrap;scrollbar-width:none;overscroll-behavior-x:contain;font-size:14px}
.lane-flip .lf-shelf::-webkit-scrollbar{display:none}
.lane-flip .lf-shelf button{flex:none;color:var(--mute)}
.lane-flip .lf-shelf button.on{color:#fff}

/* Explore's door */
.lcard .lf-card{position:absolute;inset:0;width:100%;height:100%;display:block}

/* phone: the sleeve on top, the shelves under it, the genre and its songs below */
@media (max-width:700px){
  .lane-flip .lf{grid-template-columns:100%;grid-template-rows:minmax(0,44fr) auto minmax(0,56fr);grid-template-areas:"panel" "shelf" "type"}
  .lane-flip .lf-shelf{padding:11px var(--pad) 12px;border-top:0;border-bottom:1px solid var(--rule)}
  .lane-flip .lf-type{padding:14px var(--pad) 0}
  .lane-flip h1{margin:6px 0 8px}
  .lane-flip .lf-list{margin-top:14px}
}