/* Seven text cards: three small on either side of the selected mini level. */
.home-path-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}
.path-previous{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;min-height:37px;border:1px solid #ffffff22;border-radius:12px;background:#ffffff05;color:#d8c59f;font-size:12px;font-weight:650}
.home-path-toolbar button:disabled{opacity:.35;cursor:default}
.path-carousel{position:relative;isolation:isolate;margin:19px -8px 0;min-width:0;max-width:calc(100% + 16px)}
.path-explore-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 8px 8px;color:#b9c8ce;font-size:11px}
.path-explore-heading>span{display:flex;align-items:center;gap:7px}.path-explore-heading .ui-icon{width:15px;height:15px;color:#d4bd8c}.path-explore-heading>small{font-size:10px;color:#bca987}
.path-rail{position:relative;width:100%;min-width:0;height:210px;overflow:hidden;contain:layout paint;touch-action:pan-y pinch-zoom;user-select:none;cursor:grab;direction:ltr;outline-offset:-2px;border-radius:14px}
.path-rail.is-dragging{cursor:grabbing}.path-rail:focus-visible{outline:2px solid #e5c98f}
.path-slide{position:absolute;left:50%;top:12px;width:var(--card-width,240px);height:var(--card-height,150px);opacity:0;pointer-events:none;will-change:transform;backface-visibility:hidden}
.path-card{position:absolute;inset:0;border:1px solid #b9c6c143;border-radius:14px;overflow:hidden;background:#12232d;transform:scale(var(--frame-sx,1),var(--frame-sy,1));transform-origin:center;pointer-events:none;padding:0;box-shadow:0 9px 16px #0006;backface-visibility:hidden;isolation:isolate;transition:none!important;animation:none!important}
.path-slide.is-visible .path-card{pointer-events:auto}.path-card:focus-visible{outline:3px solid #f2dcaa;outline-offset:-4px}.path-slide.is-active .path-card{border-color:var(--world-accent);box-shadow:0 9px 20px #0007,0 0 0 1px #c6b07b55}




.path-cleared-mark{position:absolute;inset:8px 8px auto auto;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#132c30d9;color:#e3cf9e;border:1px solid #c3c5a655;pointer-events:none}.path-cleared-mark .ui-icon{width:14px;height:14px}
.path-slide:not(.is-active) .path-cleared-mark{display:none}
.path-number{position:absolute;top:var(--number-y,170px);left:50%;transform:translate(-50%,-50%);font-size:11px;line-height:18px;font-weight:700;color:#94a6af;pointer-events:none;font-variant-numeric:tabular-nums}
.path-slide.is-active .path-number{color:#ead3a2}.path-slide.is-cleared .path-number{color:#a4c5b2}.path-slide.is-locked .path-number{color:#768691}
.path-selected{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:4px 9px 17px;min-height:96px}
.path-selected>div{min-width:0}.path-selected-kicker{display:flex;align-items:center;gap:5px;font-size:9px;letter-spacing:1.5px;color:#d6c399}.path-selected-status{margin-left:8px;letter-spacing:0;font-size:10px;color:#9cb8ac}
.path-selected h4{font-size:18px;line-height:1.3;letter-spacing:-.3px;color:#f0e9d9;margin:6px 0;height:2.6em;max-width:100%;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.path-selected-target{font-size:10px;color:#a5b5be}.app-shell .path-selected .world-play{flex:none;min-width:84px;min-height:42px;font-size:12px;padding:9px 14px;border-radius:11px;gap:7px}.world-play .ui-icon{width:14px;height:14px}.world-play:disabled{opacity:.5;cursor:default}
.path-carousel-controls{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:12px 8px 0;border-top:1px solid #ffffff0e}
.path-arrow{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border:1px solid #ffffff20;border-radius:10px;background:#ffffff05;color:#ddc99e}.path-arrow:hover{background:#ffffff10}.path-arrow .ui-icon{width:15px;height:15px}
.path-dots{display:flex;align-items:center;justify-content:center;gap:5px;min-width:0}.path-dots button{width:25px;height:28px;padding:0;display:grid;place-items:center;color:#8c9fa9;background:transparent;border:1px solid transparent;border-radius:7px;font-size:10px;font-weight:650}.path-dots button.done{color:#adc7b1}.path-dots button.selected{background:#b9a47327;border-color:#c0a46f65;color:#f0d9a7}.path-dots button:hover{background:#ffffff0a}.path-dots button:focus-visible,.path-arrow:focus-visible{outline:2px solid #ecd49c;outline-offset:2px}
.path-scroll-hint{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 9px 0;color:#7f939e;font-size:9px}.path-position{font-weight:600;color:#acb9bd;font-size:10px}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.app-shell .app-footer{background:transparent;border-color:#ffffff10;color:#8ea2ae}

@media(max-width:680px){.path-carousel{margin-top:14px}.path-explore-heading{font-size:10px}.path-card{border-radius:9px}.path-selected{padding:0 8px 13px;gap:10px;min-height:87px}.path-selected h4{font-size:16px;min-height:21px}.path-selected-kicker{font-size:8px;letter-spacing:1px}.path-selected-status{font-size:9px;margin-left:5px}.path-selected-target{font-size:9px}.app-shell .path-selected .world-play{min-width:68px;min-height:38px;font-size:11px;padding:8px 10px}.path-carousel-controls{gap:4px;padding:10px 4px 0}.path-arrow{width:27px;height:29px;flex-basis:27px;border-radius:8px}.path-dots{gap:1px;flex:1}.path-dots button{width:22px;height:27px;font-size:9px}.path-number{font-size:9px}.path-scroll-hint{font-size:8px}.path-position{font-size:9px}}
@media(max-width:360px){.path-dots button{width:18px;font-size:8px}.path-arrow{width:24px;flex-basis:24px}.path-selected-status{font-size:8px}.path-selected h4{font-size:14px}.path-explore-heading{font-size:9px}}
@media(prefers-reduced-motion:reduce){.path-slide{will-change:auto}}