.roadmap-header-actions{display:flex;align-items:center;gap:.7rem;flex:0 0 auto}.roadmap-exit-button{min-height:2.8rem;border:.12rem solid rgba(31,42,68,.18);border-radius:999px;padding:.5rem .85rem;background:#ffffffe0;color:var(--color-ink);font-size:.9rem;font-weight:900;cursor:pointer;box-shadow:0 8px 18px #1f2a441a}.roadmap-exit-button:active{transform:scale(.97)}\feff.roadmap-page{overflow-x:hidden;background:linear-gradient(180deg,#f6fbff,#fff7e8 42%,#eefdf5)}.roadmap-hero{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;align-items:center;border:1px solid rgba(255,255,255,.9);border-radius:1.75rem;padding:1.1rem;background:linear-gradient(135deg,#ffe88beb,#b2ebffe0 48%,#f3d2ffe6);box-shadow:0 18px 42px #2f6fed21}.roadmap-mission-button,.roadmap-placement-card{display:flex;align-items:center;gap:.85rem;width:100%;border:3px solid rgba(47,111,237,.22);border-radius:1.25rem;background:#ffffffe0;padding:.9rem;box-shadow:0 12px 28px #1f2a441a;cursor:pointer}.roadmap-due-badge{display:grid;place-items:center;min-width:2rem;height:2rem;margin-left:auto;border-radius:999px;background:var(--color-danger);color:#fff;font-weight:900}.roadmap-world{position:relative;padding-block:.5rem 1.5rem}.roadmap-world-header{position:relative;z-index:1;display:flex;align-items:center;gap:1rem;margin-bottom:1.15rem}.roadmap-map-stage{position:relative}.roadmap-world-track{position:absolute;inset-block:1.8rem 1.8rem;left:1.6rem;width:.45rem;border-radius:999px;background:repeating-linear-gradient(180deg,#ffffffe6 0 14px,#fff3 14px 26px);box-shadow:0 0 0 5px #ffffff47}.roadmap-level-grid{position:relative;z-index:1;display:grid;gap:1rem}.roadmap-level-card{--level-accent: #2f6fed;position:relative;isolation:isolate;display:flex;min-height:13.5rem;overflow:hidden;flex-direction:column;justify-content:space-between;border:4px solid var(--level-accent);border-radius:1.35rem;background-image:var(--level-art);background-size:cover;background-position:center;padding:1rem;text-align:left;color:#fff;box-shadow:0 16px 36px #1f2a4429;transform-origin:center;transition:border-color .18s ease,box-shadow .18s ease,filter .18s ease}.roadmap-level-card:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#08142608,#0814261f 36%,#0814269e)}.roadmap-level-card:after{content:"";position:absolute;inset:.65rem;z-index:-1;border-radius:1rem;border:1px solid rgba(255,255,255,.22);pointer-events:none}.roadmap-level-number,.roadmap-level-status,.roadmap-progress-label{display:inline-flex;align-items:center;width:fit-content;border-radius:999px;background:#ffffffe0;color:var(--color-ink);font-weight:900;box-shadow:0 8px 18px #08142624}.roadmap-level-number{padding:.35rem .7rem;font-size:.78rem}.roadmap-level-status{position:absolute;top:.75rem;right:.75rem;gap:.35rem;max-width:calc(100% - 6rem);padding:.35rem .65rem;font-size:.78rem}.roadmap-level-content{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:end;gap:.75rem;margin-top:auto;padding-top:3.6rem;text-shadow:0 2px 8px rgba(8,20,38,.5)}.roadmap-level-title{display:block;overflow-wrap:anywhere;font-size:1.22rem;line-height:1.18;font-weight:900}.roadmap-level-subtitle{display:block;margin-top:.2rem;font-size:.82rem;line-height:1.25;font-weight:900;color:#ffffffe6}.roadmap-progress-shell{display:block;height:.55rem;margin-top:.85rem;overflow:hidden;border-radius:999px;background:#ffffff57;box-shadow:inset 0 0 0 1px #ffffff47}.roadmap-progress-bar{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ffe36d,#54e6a5)}.roadmap-progress-label{margin-top:.55rem;padding:.25rem .55rem;font-size:.72rem}.roadmap-level-card.is-playable{animation:roadmap-float 4s ease-in-out infinite;box-shadow:0 18px 38px #1f2a442e,0 0 0 7px color-mix(in srgb,var(--level-accent) 18%,transparent),0 0 26px color-mix(in srgb,var(--level-accent) 36%,transparent)}.roadmap-level-card.is-cleared{border-color:#2bb673;box-shadow:0 16px 32px #1f2a4429,0 0 0 6px #2bb6732e}.roadmap-level-card.is-cleared .roadmap-progress-bar{background:linear-gradient(90deg,#34d399,#facc15)}.roadmap-level-card.is-placement_unlocked{border-style:dashed;box-shadow:0 14px 30px #1f2a4424,0 0 0 5px color-mix(in srgb,var(--level-accent) 13%,transparent)}.roadmap-level-card.is-locked,.roadmap-level-card.is-coming{cursor:not-allowed;filter:saturate(.58) brightness(.94);border-color:#94a3b8b8}.roadmap-level-card.is-locked:before,.roadmap-level-card.is-coming:before{background:linear-gradient(180deg,#ffffff0d,#0814262e 42%,#081426ad)}.roadmap-world-bridge{width:.5rem;height:2rem;margin:1.2rem auto 0;border-radius:999px;background:repeating-linear-gradient(180deg,rgba(47,111,237,.36) 0 10px,transparent 10px 18px)}.roadmap-world--mint{--world-soft: rgba(187, 247, 208, .72)}.roadmap-world--sky{--world-soft: rgba(186, 230, 253, .72)}.roadmap-world--sun{--world-soft: rgba(254, 240, 138, .7)}.roadmap-world--rose{--world-soft: rgba(251, 207, 232, .68)}.roadmap-world--violet{--world-soft: rgba(221, 214, 254, .74)}.roadmap-world-header:before{content:"";position:absolute;top:50%;left:calc(50% - 50vw);right:calc(50% - 50vw);height:7.4rem;z-index:-1;border-block:1px solid rgba(255,255,255,.72);background:linear-gradient(90deg,var(--world-soft),rgba(255,255,255,.12));transform:translateY(-50%)}@keyframes roadmap-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@media(min-width:640px){.roadmap-hero{grid-template-columns:minmax(0,1fr) minmax(18rem,24rem);padding:1.35rem}.roadmap-level-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.roadmap-world{padding-block:.75rem 2.2rem}.roadmap-world-track{inset-block:45% auto;left:2rem;right:2rem;width:auto;height:.5rem;background:repeating-linear-gradient(90deg,#fffffff2 0 18px,#fff3 18px 34px)}.roadmap-level-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.15rem}}@media(max-width:420px){.roadmap-level-card{min-height:12.8rem;padding:.85rem}.roadmap-level-title{font-size:1.08rem}.roadmap-level-status{max-width:calc(100% - 5.5rem);padding-inline:.55rem}}.roadmap-page{font-size:18px}.roadmap-page header{font-size:1.05rem}.roadmap-page header .text-xs{font-size:.9rem}.roadmap-page header .text-lg{font-size:1.25rem}.roadmap-hero p{font-size:1.12rem;line-height:1.6}.roadmap-hero h1{font-size:clamp(2.25rem,5vw,3.75rem);line-height:1.12}.roadmap-mission-button{font-size:1.2rem}.roadmap-mission-button .text-base,.roadmap-placement-card .text-lg{font-size:1.32rem}.roadmap-mission-button .text-sm,.roadmap-placement-card .text-sm{font-size:1.05rem;line-height:1.45}.roadmap-world-header .text-sm{font-size:1.05rem}.roadmap-world-header .text-2xl{font-size:1.75rem}.roadmap-level-title{font-size:1.42rem}.roadmap-level-subtitle{font-size:1rem}.roadmap-level-number,.roadmap-level-status{font-size:.95rem}.roadmap-progress-label{font-size:.9rem}@media(max-width:420px){.roadmap-page{font-size:17px}.roadmap-level-title{font-size:1.24rem}}.roadmap-page{font-size:22px!important}.roadmap-page header{min-height:76px!important;font-size:1.15rem!important}.roadmap-page header .text-xs{font-size:1rem!important}.roadmap-page header .text-lg{font-size:1.45rem!important}.roadmap-page .roadmap-hero{padding:1.65rem!important}.roadmap-page .roadmap-hero p{font-size:1.35rem!important;line-height:1.65!important}.roadmap-page .roadmap-hero h1{font-size:clamp(3rem,7vw,5rem)!important;line-height:1.05!important}.roadmap-page .roadmap-mission-button,.roadmap-page .roadmap-placement-card{min-height:5.4rem!important;padding:1.25rem!important;font-size:1.35rem!important}.roadmap-page .roadmap-mission-button .text-base,.roadmap-page .roadmap-placement-card .text-lg{font-size:1.55rem!important}.roadmap-page .roadmap-mission-button .text-sm,.roadmap-page .roadmap-placement-card .text-sm{font-size:1.25rem!important;line-height:1.5!important}.roadmap-page .roadmap-world-header .text-sm{font-size:1.25rem!important}.roadmap-page .roadmap-world-header .text-2xl{font-size:2.15rem!important}.roadmap-page .roadmap-level-title{font-size:1.75rem!important;line-height:1.15!important}.roadmap-page .roadmap-level-subtitle{font-size:1.2rem!important}.roadmap-page .roadmap-level-number,.roadmap-page .roadmap-level-status{font-size:1.1rem!important}.roadmap-page .roadmap-progress-label{font-size:1rem!important}@media(max-width:520px){.roadmap-page{font-size:20px!important}.roadmap-page .roadmap-hero{padding:1.35rem!important}.roadmap-page .roadmap-hero h1{font-size:2.5rem!important}.roadmap-page .roadmap-level-title{font-size:1.45rem!important}}.roadmap-page{padding-bottom:9.25rem!important}.roadmap-topbar{border-bottom:1px solid rgba(255,255,255,.86)!important;background:radial-gradient(circle at 10% 0%,rgba(255,222,89,.42),transparent 32%),radial-gradient(circle at 88% 18%,rgba(94,234,212,.32),transparent 30%),linear-gradient(135deg,#fffffff5,#e0f7ffeb 48%,#ffefbde6)!important;box-shadow:0 14px 34px #2f6fed1f!important;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.roadmap-topbar-inner{min-height:6.3rem!important}.roadmap-profile-button{display:flex;align-items:center;gap:.85rem;max-width:min(78vw,34rem);border:0;background:transparent;color:var(--color-ink)}.roadmap-avatar-ring{display:grid;place-items:center;width:5.4rem;height:5.4rem;flex:0 0 auto;border-radius:999px;background:conic-gradient(from 20deg,#ffcf4a,#63e6be,#6eb6ff,#ff8bd1,#ffcf4a);box-shadow:0 12px 24px #ffb1423d,0 0 0 .28rem #ffffffeb;animation:roadmap-avatar-glow 3.5s ease-in-out infinite}.roadmap-avatar{display:grid;place-items:center;width:4.45rem;height:4.45rem;border-radius:inherit;background:linear-gradient(180deg,#fff,#fff8d8);font-size:3.55rem;line-height:1;box-shadow:inset 0 -6px 12px #ffcd4a33}.roadmap-profile-copy{display:grid;gap:.05rem}.roadmap-greeting{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1.1rem;font-weight:900;line-height:1.15;color:#2f6fed}.roadmap-child-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(2.15rem,6vw,3.45rem);font-weight:950;line-height:1.02;color:var(--color-ink)}.roadmap-star-badge{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;min-width:4.6rem;min-height:3.2rem;border:.18rem solid rgba(255,255,255,.95);border-radius:999px;background:linear-gradient(135deg,#fff3a6,#ffd166 48%,#ff9f43);color:#6b3d00;font-size:1.55rem;font-weight:950;box-shadow:0 12px 22px #ff9f433d}.roadmap-nav{border-top:1px solid rgba(47,111,237,.16);background:linear-gradient(180deg,#ffffffe6,#f5fbfffa),linear-gradient(90deg,#ffd6662e,#68d3ff2e,#ff8bd129);box-shadow:0 -18px 34px #1f2a441f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding-bottom:max(.72rem,env(safe-area-inset-bottom))}.roadmap-nav-inner{min-height:5.6rem}.roadmap-nav-button{display:flex;min-width:0;min-height:4.65rem;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;border:.14rem solid rgba(47,111,237,.11);border-radius:1.25rem;background:#ffffffc7;color:var(--color-ink);box-shadow:0 8px 18px #2f6fed14;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.roadmap-nav-button:active{transform:translateY(.08rem) scale(.98)}.roadmap-nav-button.is-active{border-color:#ffc72bd9;background:linear-gradient(135deg,#fff2a3,#dcf8ff 72%);box-shadow:0 12px 24px #ffc72b2e,0 0 0 .18rem #ffffffe6;transform:translateY(-.28rem)}.roadmap-nav-icon{display:block;font-size:2rem;line-height:1;filter:drop-shadow(0 4px 5px rgba(31,42,68,.16))}.roadmap-nav-label{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1.05rem;font-weight:950;line-height:1}@keyframes roadmap-avatar-glow{0%,to{transform:rotate(-2deg) scale(1)}50%{transform:rotate(2deg) scale(1.04)}}@media(max-width:520px){.roadmap-page{padding-bottom:8.6rem!important}.roadmap-topbar-inner{min-height:5.7rem!important;padding-inline:.8rem!important}.roadmap-avatar-ring{width:4.65rem;height:4.65rem}.roadmap-avatar{width:3.85rem;height:3.85rem;font-size:3rem}.roadmap-greeting{font-size:.98rem}.roadmap-child-name{font-size:clamp(1.9rem,9vw,2.65rem)}.roadmap-star-badge{min-width:4rem;min-height:2.85rem;font-size:1.32rem}.roadmap-nav-inner{min-height:5.15rem;gap:.38rem;padding-inline:.55rem!important}.roadmap-nav-button{min-height:4.25rem;border-radius:1rem}.roadmap-nav-icon{font-size:1.62rem}.roadmap-nav-label{font-size:.9rem}}.roadmap-nav{position:fixed!important;right:0!important;bottom:0!important;left:0!important;z-index:30!important;width:100vw!important}.roadmap-nav-inner{display:grid!important;width:min(100%,48rem)!important;margin-inline:auto!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;grid-auto-flow:column!important;gap:.5rem!important;padding:.75rem!important}.roadmap-nav-button{width:100%!important}