/* The model controls and ski lessons remain in the shared learning shell. */
#app .playmain>.canvas{height:530px;background:#f7f3ec}
#app .playmain>.canvas>svg{height:100%;width:100%;min-height:0}
.bike-poster{display:none;position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#f7f3ec}
.bike-loading .bike-poster{display:block}.bike-loading>svg{visibility:hidden}
.bike-view-note{display:flex;flex-wrap:wrap;gap:6px 14px;justify-content:space-between;margin:0;font:500 11px/1.5 var(--as-font);color:#686477}
.bike-view-note a{color:#554476;text-underline-offset:3px}
.bike-inspection{padding:12px 14px;background:#f1edf6;border-radius:12px;font-size:12px;color:#292e55}.bike-inspection[hidden]{display:none}
.bike-inspection label{font-weight:600;margin-right:8px}.bike-inspection select{min-height:40px;max-width:100%;padding:6px 10px;border:1px solid #bdb2ca;border-radius:8px;background:#fff;color:#292e55;font:inherit}
.bike-inspection p{margin:8px 0 0;line-height:1.5}.bike-inspection select:focus-visible{outline:3px solid var(--as-focus,#3876ba);outline-offset:3px}
#app .s3-hint{text-transform:none;letter-spacing:0;font-size:11px;max-width:calc(100% - 24px);line-height:1.4}
@media(max-width:600px){#app .playmain>.canvas{height:350px}.bike-inspection label{display:block;margin-bottom:5px}.bike-inspection select{width:100%}#app .s3-hint{left:8px;bottom:8px}#app .s3-pill{font-size:10px;max-width:150px}#app .s3-pill small{display:none}#app .s3-pill.big{font-size:11px}}

/* Stop outcomes wrap inside their measured pill; shared label placement clamps the box. */
#app .s3-pill.bike-stop-result{white-space:normal;overflow-wrap:anywhere;max-width:min(230px,calc(100% - 16px));box-sizing:border-box;text-align:center;line-height:1.3}
@media(max-width:600px){#app .s3-pill.bike-stop-result{max-width:min(180px,calc(100% - 16px))}}