/* Both scenes share the original world's opacity; do not double the veil. */
.lf.rule-card-game:not(.poker) .world-art.tradition-scene-managed{background:none}
.lf.rule-card-game:not(.poker) .world-art.tradition-scene-managed:after{display:none}
.tradition-scene{position:absolute;inset:0;background-size:cover;background-repeat:no-repeat;pointer-events:none}
.tradition-scene:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,var(--scene-ground) 2%,transparent 75%)}
.lf.rule-card-game:not(.poker) .opening-exhibit.tradition-exhibit-outgoing{
  position:absolute;inset:0;top:0;margin:0;width:100%;z-index:2;pointer-events:none;
}
.tradition-exhibit-pending>:not(.tradition-exhibit-outgoing){visibility:hidden}

/* Reserve the two title/tagline lines and the longest introduction, so a
   different font or sentence never moves the deck under the pointer. */
.lf.rule-card-game:not(.poker) #game-title{min-height:clamp(128px,14vw,224px)}
.lf.rule-card-game:not(.poker) .opening-copy>.eyebrow{min-height:32px}
.lf.rule-card-game:not(.poker) .opening-line{min-height:2.6em}
.lf.rule-card-game:not(.poker) .opening-description{min-height:5.55em}
.lf.rule-card-game:not(.poker) .starter-option{min-height:82px;border-bottom-width:3px}
.lf.rule-card-game:not(.poker) .starter-option strong{min-height:2.44em}
.lf .starter-variant[data-variant-id='europe'] strong{font-family:'Crossing Garamond',Georgia,serif;font-size:15px}
.lf .starter-variant[data-variant-id='grimm'] strong{font-family:'Spindle Fell',Georgia,serif;font-size:15px}
@media(min-width:651px){
  /* Longer keepsake descriptions and Europe's variant chooser must not move
     the portraits halfway through their reveal. Keep them beside the choice. */
  .lf.rule-card-game:not(.poker) .opening-exhibit{align-self:start;position:sticky;top:100px;margin-top:140px}
}
@media(max-width:650px){
  .lf.rule-card-game:not(.poker) #game-title{min-height:clamp(112px,32vw,172px)}
  .lf.rule-card-game:not(.poker) .opening-description{min-height:7.4em}
  .lf.rule-card-game:not(.poker) .starter-option{min-height:86px}
}
@media(prefers-reduced-motion:reduce){
  .tradition-scene{animation:none;transition:none}
}