.level-info-experience{container-type:size;isolation:isolate}.level-path-stage{position:absolute;z-index:0;inset:0;width:min(100%,440px,calc((100cqh - 80px) / 1.75));margin-inline:auto;container-type:inline-size;--tile-size: clamp(80px, 28.53cqw, 103px);--tile-gap: calc(var(--tile-size) * .7)}.level-path-road{position:absolute;bottom:0;width:100%}.level-path-section{position:relative;display:flex;justify-content:center}.level-path-section[data-tile=true]{margin-bottom:var(--tile-gap)}.level-path-connector{position:relative;width:79%;aspect-ratio:788.65 / 689.7}.level-path-start-space{height:53.89cqw}.level-path-tile{position:absolute;top:calc(100% + var(--tile-gap) / 2);width:var(--tile-size);height:var(--tile-size);transform:translate(-50%,-50%)}.level-path-tile[data-side=left]{left:3.804%}.level-path-tile[data-side=right]{left:96.196%}.level-path-tile-art{position:relative;display:block;width:100%;height:100%}.level-path-tile-button{display:block;width:100%;height:100%;border-radius:24px}.level-path-lock{position:absolute;left:50%;top:43%;transform:translate(-50%,-50%)}.level-path-bit{position:absolute;animation:level-bit-float 1.7s ease-in-out infinite}.level-path-bit-0{top:15%;left:14%;width:20%;height:20%}.level-path-bit-1{top:18%;right:14%;width:15%;height:15%;animation-delay:-.42s}.level-path-bit-2{bottom:18%;left:41.5%;width:17%;height:17%;animation-delay:-.84s}.level-path-callout-row{position:absolute;left:0;width:100%;z-index:30;filter:drop-shadow(0 3px 6px rgb(0 0 0 / 28%));pointer-events:none}.level-path-callout{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;width:max-content;max-width:100%;min-height:44px;padding:9px 16px;border-radius:14px;background:var(--level-cloud);color:var(--level-ink);font-size:clamp(14px,4.5cqw,18px);font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:auto}.level-path-callout-row[data-segment=diagonal]{padding-top:17px}.level-path-callout-row[data-segment=diagonal] .level-path-callout{left:clamp(4px,calc(var(--tip-x) - var(--callout-width) / 2),calc(100% - var(--callout-width) - 4px))}.level-path-callout-row[data-segment=diagonal]:after{content:"";position:absolute;top:7px;left:var(--tip-x);transform:translate(-50%);border-inline:9px solid transparent;border-bottom:11px solid var(--level-cloud)}.level-path-callout-row[data-segment=vertical] .level-path-callout{position:absolute;transform:translateY(-50%)}.level-path-callout-row[data-segment=vertical][data-side=left] .level-path-callout{left:calc(var(--tip-x) + 12px)}.level-path-callout-row[data-segment=vertical][data-side=right] .level-path-callout{right:calc(100% - var(--tip-x) + 12px)}.level-path-callout-row[data-segment=vertical] .level-path-callout:before{content:"";position:absolute;top:calc(50% - 9px);border-block:9px solid transparent}.level-path-callout-row[data-side=left] .level-path-callout:before{right:calc(100% - 1px);border-right:12px solid var(--level-cloud)}.level-path-callout-row[data-side=right] .level-path-callout:before{left:calc(100% - 1px);border-left:12px solid var(--level-cloud)}.level-path-clouds{position:absolute;bottom:0;width:100%;height:auto;min-height:140px;pointer-events:none}.level-path-stats{padding-bottom:max(24px,env(safe-area-inset-bottom))}.level-info-experience button{cursor:pointer}.level-info-experience button:focus-visible{outline:3px solid var(--level-focus);outline-offset:4px}.level-path-tile-button,.level-path-callout,.level-path-stat{transition:scale .15s ease,opacity .15s ease}.level-path-tile-button:hover,.level-path-callout:hover,.level-path-stat:hover{scale:1.03}.level-path-tile-button:active,.level-path-callout:active,.level-path-stat:active{scale:.95}@keyframes level-bit-float{50%{transform:translateY(-7px)}}@container (height < 600px){.level-path-stage{width:min(100%,calc((100cqh - 140px) / 1.75))}}@media(prefers-reduced-motion:reduce){.level-path-bit{animation:none}.level-path-tile-button,.level-path-callout,.level-path-stat{transition:none}}
