/* Mobile: keep the roulette within the available screen height. */
@media(max-width:720px){
 .blr{height:var(--roulette-mobile-height,calc(100svh - 24px));min-height:320px;display:flex;flex-direction:column}
 .blr .blr__dots,.blr .blr__hint{display:none}
 .blr .blr__intro{flex:none;margin:0;padding:14px 10px 0}
 .blr .blr__headline{font-size:clamp(38px,10vw,54px);line-height:1.05}
 .blr .blr__intro>p{font-size:9px;letter-spacing:2px;margin:6px 0 0}
 .blr .blr__stage{flex:1 1 0;min-height:80px;height:auto;margin:5px 0 0}
 .blr .blr__item{height:calc(100% - 18px);width:auto;aspect-ratio:9/10;max-height:340px}
 .blr .blr__arrow{top:42%;width:44px;height:44px}
 .blr .blr__bottom{flex:none;gap:12px;padding:6px 6% 8px}
 .blr .blr__selection{width:100%}
 .blr .blr__result{padding:9px 12px;transform:none}
 .blr .blr__result-name{font-size:21px;line-height:1.05;letter-spacing:.2px;margin:0 0 5px}
 .blr .blr__result-line{flex-wrap:nowrap;gap:6px}
 .blr .blr__result-icon svg{width:18px;height:24px}
 .blr .blr__result-meta{font-size:12px;line-height:1.1;min-width:0}
 .blr .blr__price{font-size:25px;padding-left:9px}
 .blr .blr__description{font-size:12px;line-height:1.2;letter-spacing:.1px;margin:5px 0 0;min-height:0}
 .blr .blr__random-area{grid-template-columns:74px minmax(0,1fr);gap:0 8px;width:100%;max-width:360px;margin:0}
 .blr .blr__splash{width:78px;height:49px;font-size:22px}
 .blr .blr__random{min-height:46px;padding:8px 10px;font-size:14px;gap:9px}
 .blr .blr__random svg{width:26px;height:26px}
 .blr .blr__random-note{font-size:10px;margin-top:3px}
}
@media(max-width:720px){
 .blr .blr__random-area{grid-template-columns:minmax(0,1fr) 74px;margin-left:0;margin-right:auto}
 .blr .blr__random{grid-column:1;grid-row:1}
 .blr .blr__splash{grid-column:2;grid-row:1}
 .blr .blr__random-note{grid-column:1}
}