.roadmapPage{min-height:100vh;position:relative;overflow:hidden}.roadmapPage .backgroundVid{object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.roadmapPage .roadmapContainer{box-sizing:border-box;min-height:100vh;font-family:var(--dd-font);color:#fff;background-color:#80808066;padding:118px 0 64px;position:relative}.roadmapPage .roadmapHeading{text-shadow:2px 2px 4px #0003,4px 4px 8px #0000001a;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:24px;padding:0 5%;display:flex}.roadmapPage .roadmapHeading h1{margin:0;font-size:40px}.roadmapPage .roadmapHeading p{color:#ececec;margin:4px 0 0;font-size:18px}.roadmapPage .roadmapNav{gap:8px;display:flex}.roadmapPage .roadmapNav button{color:#fff;cursor:pointer;background-color:#1d1d1d99;border:1px solid #fff6;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;padding:0;transition:background-color .15s,border-color .15s,opacity .15s;display:flex}.roadmapPage .roadmapNav button:hover:not(:disabled),.roadmapPage .roadmapNav button:focus-visible{background-color:#1d1d1dd9;border-color:#fff}.roadmapPage .roadmapNav button:disabled{opacity:.35;cursor:default}.roadmapPage .roadmapArrow{border:2px solid;border-width:0 2px 2px 0;width:9px;height:9px}.roadmapPage .roadmapArrowLeft{transform:translate(2px)rotate(135deg)}.roadmapPage .roadmapArrowRight{transform:translate(-2px)rotate(-45deg)}.roadmapPage .roadmap-content{box-sizing:border-box;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#ffffff59 transparent;background-color:#1d1d1d6b;gap:35px;height:640px;padding:24px 5%;scroll-padding:0 5%;display:flex;overflow:auto hidden}.roadmapPage .roadmap-content>:first-child{margin-left:auto}.roadmapPage .roadmap-content>:last-child{margin-right:auto}.roadmapPage .roadmap-content>.asyncState{color:#fff;align-self:center;font-size:20px}.roadmapPage .roadmap-item{box-sizing:border-box;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);scroll-snap-align:start;scrollbar-width:thin;scrollbar-color:#ffffff40 transparent;background-color:#1d1d1d5e;border:1px solid #ffffff14;border-radius:12px;flex:0 0 400px;padding:20px 0 24px;overflow:hidden auto}.roadmapPage .roadmapTitle{text-align:center;letter-spacing:2px;margin:0 0 10px;font-size:22px;font-weight:500}.roadmapPage .roadmapVersion{box-sizing:border-box;text-align:center;background-color:#ff8d54;border-radius:4px;width:fit-content;min-width:30%;margin:0 auto;padding:2px 16px;font-size:28px}.roadmapPage .estimatedRelease{box-sizing:border-box;text-align:center;background-color:#002f75;border:1px solid #fff;border-radius:4px;width:fit-content;min-width:40%;margin:12px auto 20px;padding:3px 14px;font-size:15px}.roadmapPage .roadmapEmpty{text-align:center;color:#cfcfcf;background-color:#1d1d1d80;border:1px solid #d1d1d180;border-radius:8px;margin:0;padding:20px}.roadmapPage .roadmap-item>.roadmapEmpty{margin:0 2.5%}.roadmapPage .categoryContainer{flex-direction:column;gap:15px;margin:0;padding:0 2.5%;list-style:none;display:flex}.roadmapPage .categoryHead{background-color:#1d1d1d;border:1px solid #0000;border-radius:8px;transition:border-color .2s;overflow:hidden}.roadmapPage .categoryHead:hover,.roadmapPage .categoryHeadExtended{border-color:#ffffff24}.roadmapPage .categoryToggle{box-sizing:border-box;color:#fff;width:100%;height:72px;font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:12px;padding:0 22px;font-size:17px;font-weight:600;display:flex}.roadmapPage .categoryToggle:focus-visible{outline-offset:-2px;border-radius:8px;outline:2px solid #fff}.roadmapPage .categoryName{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.roadmapPage .categoryCount{box-sizing:border-box;color:#fff;background-color:#000000e3;border:1px solid #616161d1;border-radius:12px;justify-content:center;align-items:center;min-width:28px;height:28px;padding:0 7px;font-size:12px;font-weight:1000;display:flex}.roadmapPage .categoryChevron{border:2px solid;border-width:0 2px 2px 0;width:8px;height:8px;margin-right:4px;transition:transform .25s;transform:translateY(-2px)rotate(45deg)}.roadmapPage .categoryHeadExtended .categoryChevron{transform:translateY(2px)rotate(-135deg)}.roadmapPage .categoryPanel{grid-template-rows:0fr;transition:grid-template-rows .3s;display:grid}.roadmapPage .categoryHeadExtended .categoryPanel{grid-template-rows:1fr}.roadmapPage .categoryPanelInner{visibility:hidden;min-height:0;transition:visibility 0s .3s;overflow:hidden}.roadmapPage .categoryHeadExtended .categoryPanelInner{visibility:visible;transition-delay:0s}.roadmapPage .categoryItems{flex-direction:column;gap:14px;padding:0 14px 14px;display:flex}.roadmapPage .detailItemContainer{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#37373791;border-radius:8px;overflow:hidden}.roadmapPage .categoryImg{object-fit:cover;width:100%;height:180px;display:block}.roadmapPage .detailItemText{padding:12px 16px 16px}.roadmapPage .detailItemText h3{color:#fff;margin:0 0 6px;font-size:18px}.roadmapPage .detailItemText p{color:#d6d6d6;overflow-wrap:break-word;margin:0;font-size:14px;line-height:1.5}.roadmapPage .roadmap-item.roadmapCompleted{border:2px solid #ff8d54}.roadmapPage .categoryHead.categoryHeadCompleted,.roadmapPage .detailItemContainer.detailItemCompleted{border:2px solid #48d15b}@media (width<=760px){.roadmapPage .roadmapContainer{padding-top:94px}.roadmapPage .roadmapHeading{padding:0 16px}.roadmapPage .roadmapHeading h1{font-size:30px}.roadmapPage .roadmapHeading p{font-size:16px}.roadmapPage .roadmapNav{display:none}.roadmapPage .roadmap-content{gap:16px;height:max(480px,100svh - 230px);padding:16px;scroll-padding:0 16px}.roadmapPage .roadmap-item{flex-basis:calc(100vw - 48px);max-width:400px}}