.route-thumbnail{display:block;position:relative;width:100%;padding:0;border:0;background:#1e3d43;color:#fff;cursor:pointer;text-align:left;overflow:hidden;min-height:150px}.route-thumbnail svg{display:block;width:100%;height:auto}.route-thumbnail .preview-badge{position:absolute;bottom:15px;left:16px;padding:10px 14px;background:#142c35dd;border:1px solid #ffffff60;backdrop-filter:blur(12px);border-radius:30px;font:600 14px/1.4 sans-serif}.route-thumbnail:hover .preview-badge{background:#47635b}.route-thumbnail:focus-visible{outline:3px solid #e5b779;outline-offset:-4px}.route-preview-dialog{box-sizing:border-box;width:min(960px,calc(100% - 32px));max-height:calc(100dvh - 28px);padding:0;overflow:auto;border:1px solid #ffffff50;border-radius:24px;color:#f1eee5;background:#17323bef;backdrop-filter:blur(24px);box-shadow:0 24px 100px #0009}.route-preview-dialog::backdrop{background:#091a25c9;backdrop-filter:blur(9px)}.route-preview-dialog header{display:flex;gap:16px;justify-content:space-between;align-items:flex-start;padding:22px 26px}.route-preview-dialog h2{font-size:clamp(20px,3vw,30px);line-height:1.2;margin:4px 0 8px}.route-preview-dialog .learn-kicker{margin:0}.preview-difficulty{color:#c3d3ce;margin:0;font-size:14px}.preview-close{border:1px solid #ffffff40;border-radius:50%;background:#ffffff0d;color:inherit;font-size:28px;flex:0 0 46px;height:46px;cursor:pointer}.preview-screen{width:100%;height:min(54vw,45dvh);background:#203d47;position:relative;overflow:hidden}.preview-screen iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.preview-loading{position:absolute;inset:0;display:grid;place-content:center;margin:0;padding:30px;text-align:center;z-index:1;background:#203d47}.preview-loading[hidden]{display:none}.preview-caption{padding:18px 26px 8px;min-height:85px}.preview-caption strong{font-size:20px}.preview-caption p{font-size:15px;line-height:1.5;color:#c6d6d1;margin:8px 0}.preview-controls{display:flex;align-items:center;gap:14px;padding:10px 26px 20px}.preview-controls button{min-width:115px;min-height:46px;border:1px solid #ffffff45;border-radius:12px;background:#ffffff10;color:inherit;cursor:pointer}.preview-controls label{flex:1;font-size:0}.preview-controls input{width:100%;min-height:44px;accent-color:#adceb9}.preview-controls output{font-size:13px;white-space:nowrap}.route-preview-dialog footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 26px;border-top:1px solid #ffffff25}.preview-note{max-width:370px;font-size:13px;color:#c2d3ce;line-height:1.5}.route-preview-dialog a{white-space:nowrap}.route-tour #wrap>:not(#scene),.route-tour> :not(#wrap){display:none!important}.route-tour #scene{filter:none!important;opacity:1!important}.route-tour #wrap{pointer-events:none}.route-tour{overflow:hidden!important}
@media(max-width:600px){.route-preview-dialog{width:calc(100% - 16px);max-height:calc(100dvh - 16px);border-radius:18px}.route-preview-dialog header{padding:17px}.preview-screen{height:min(72vw,38dvh)}.preview-caption{padding:16px;min-height:110px}.preview-caption strong{font-size:18px}.preview-controls{gap:10px;padding:4px 16px 16px;flex-wrap:wrap}.preview-controls button{min-width:110px}.preview-controls label{min-width:90px}.route-preview-dialog footer{padding:16px;flex-wrap:wrap}.route-preview-dialog footer a{width:100%;text-align:center;min-height:48px}.preview-note{max-width:none}}
@media(prefers-reduced-motion:reduce){.route-thumbnail *{transition:none!important}}