/* A clear route from category to investment to stage selection. */
.catalog-browser{overflow:visible}.catalog-toolbar{margin-top:28px;margin-bottom:0;align-items:center}.catalog-toolbar #filters{gap:10px;flex-wrap:wrap}.catalog-toolbar #filters button{padding:15px 18px;font-size:14px;border-radius:12px;background:#ffffff04;color:#a8b0b7;gap:12px;transition:background .25s,color .25s,box-shadow .25s}.catalog-toolbar #filters button b{font-weight:650}.catalog-toolbar #filters button span{font-size:25px}.catalog-toolbar #filters button.active{background:linear-gradient(110deg,#d3b55c27,#d3b55c09);color:#ffe4a0;box-shadow:inset 0 -2px #e2bd61,0 10px 30px #0002}.catalog-toolbar #filters button.active:after{display:none}.catalog-toolbar #filters button:hover{background:#dcc06a15;color:#f6dfac}.investment-filmstrip{margin:16px 0 0;padding:12px 2px 18px;gap:12px;border-bottom:1px solid #e6cb7422}.investment-filmstrip button{flex-basis:190px;padding:14px 12px;opacity:.8;border-radius:8px;background:#ffffff03!important;grid-template-columns:30px 1fr;gap:6px 12px}.investment-filmstrip button.active{background:#dfc36516!important;box-shadow:inset 0 -2px #dbc16f}.investment-filmstrip button.active:after{display:none}.investment-filmstrip span{font-size:13px;font-weight:600;color:#e4e2d7}.investment-filmstrip i{font-size:11px}.investment-filmstrip .game-icon{width:28px;height:28px}.catalog-pagination{padding:14px 0;margin:0}.investment-route{margin:8px 0 25px}.investment-route ol{gap:18px;margin-top:18px}.investment-route li{border-top:2px solid #ffffff14;padding-top:14px}.investment-route li:after{display:none}.investment-route li.is-selected{border-color:#e7c86c;background:linear-gradient(#d1ac4812,transparent)}.investment-route li.is-selected .route-number{background:#ebcf7d;color:#292317;box-shadow:0 0 20px #eac25128}.investment-route li.complete{border-color:#71977f}.investment-route li button{padding:0 10px 12px}.investment-route li button:focus-visible{outline:2px solid #f3d57d;outline-offset:4px;border-radius:6px}.investment-route b{font-size:13px}.investment-route button>span:not(.route-number){font-size:11px}.investment-route button>small{font-size:9px;line-height:1.5}.investment-route .is-selected small{color:#e5c678}.route-title small{font-size:11px;line-height:1.6}.catalog-focus-stage{gap:clamp(24px,3vw,64px);align-items:start}.showcase-art{margin:16px 0 0;min-height:0}.catalog-showcase{padding:0 38px;overflow:visible}.catalog-showcase figcaption{line-height:1.7;flex-wrap:wrap}.showcase-caption{padding-top:0;flex-wrap:wrap}.showcase-arrows{position:absolute;inset:0;pointer-events:none;z-index:4;display:flex;align-items:center;justify-content:space-between}.showcase-arrows button{pointer-events:auto;width:38px;height:64px;display:grid;place-content:center;border:0;border-radius:16px;background:linear-gradient(#c8a84f12,#c8a84f28);font-size:28px;color:#f3d88f;padding:0;transition:background .2s,transform .2s}.showcase-arrows button:hover{background:#d4b55840;transform:scale(1.06)}.showcase-art .world3d-label{left:12px;right:12px;bottom:12px;max-width:calc(100% - 24px);box-sizing:border-box;overflow-wrap:anywhere;padding:8px 10px}.showcase-art .world3d-label>*{white-space:normal}.world3d-label{max-width:calc(100% - 44px);box-sizing:border-box;overflow-wrap:anywhere}.investment-details .purchase-note{font-size:12px;line-height:1.7}.purchase-focus>h3{font-size:20px}.next-cost span{font-size:12px;line-height:1.7}.investment-details .purchase-focus .primary{font-size:14px;min-height:54px}.investment-route .route-number{transition:background .2s,box-shadow .2s}.purchase-focus{animation:plan-appear .3s ease-out}@keyframes plan-appear{from{opacity:.6;translate:0 5px}to{opacity:1;translate:0 0}}
@media(max-width:1100px){.catalog-toolbar #filters{flex-wrap:nowrap;gap:10px;padding:4px 0 12px}.catalog-toolbar #filters button{font-size:13px;padding:13px 16px}.catalog-focus-stage{grid-template-columns:minmax(0,1fr) 300px;gap:24px}.catalog-showcase{padding:0 30px}.showcase-arrows button{width:30px;height:56px}.investment-route ol{gap:12px}}
@media(max-width:800px){.catalog-focus-stage{grid-template-columns:1fr}.catalog-showcase{padding:0 32px}.investment-details{display:block}.investment-route ol{display:flex;overflow:auto;gap:12px;padding:8px 0 12px;scroll-snap-type:x proximity}.investment-route li{flex:0 0 160px;scroll-snap-align:start}.investment-route b{font-size:13px}.investment-filmstrip button{flex-basis:175px}.catalog-toolbar #filters button{font-size:12px}.showcase-caption>span:last-child{font-size:9px}.showcase-art .world3d-label strong{font-size:12px}.showcase-art .world3d-engine{font-size:7px;letter-spacing:.6px}}
@media(max-width:550px){.catalog-showcase{padding:0 27px}.showcase-arrows button{width:26px;font-size:23px}.showcase-art{margin:12px 0 0}.route-title .eyebrow{font-size:10px}.route-title small{font-size:10px}.showcase-art .world3d-label{left:8px;right:8px;bottom:8px;max-width:calc(100% - 16px)}.showcase-art .world3d-label strong{font-size:10px}.showcase-art .world3d-label small{font-size:8px}.investment-filmstrip{margin-top:10px}.catalog-toolbar #filters button{padding:12px}.catalog-showcase figcaption{font-size:11px}.catalog-showcase figcaption span{font-size:10px}}
@media(prefers-reduced-motion:reduce){.purchase-focus{animation:none}.investment-route .route-number,.catalog-toolbar #filters button{transition:none}}