.page-roadmap{--a-combat: var(--t1);--a-world: var(--t2);--a-characters: var(--t0);--a-peoples: var(--t4);--a-content: var(--gold);--a-social: var(--t3);--a-tech: #9aa3b5}.rp{max-width:calc(var(--maxw) + 120px);margin-inline:auto;padding:140px var(--gutter) 100px;min-height:80vh}.rp-hero{max-width:900px;margin-bottom:56px}.rp-hero .h-display{font-size:clamp(42px,6.4vw,96px)}.rp-hero .lede{margin:22px 0 0}.rp-who{margin:18px 0 0;font-size:12px;text-transform:uppercase;letter-spacing:.16em;color:var(--muted)}.rp-state [data-show]{display:none}.rp-state[data-state=loading] [data-show=loading],.rp-state[data-state=locked] [data-show=locked],.rp-state[data-state=error] [data-show=error]{display:block}.rp-state[data-state=open] [data-show=open]{display:block;animation:rp-in .6s cubic-bezier(.2,.8,.2,1) both}@keyframes rp-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.rp-loading{color:var(--muted);font-size:13px;text-transform:uppercase;letter-spacing:.16em;display:flex!important;align-items:center;gap:12px}.rp-state:not([data-state=loading]) .rp-loading{display:none!important}.rp-spin{width:14px;height:14px;border:2px solid var(--line);border-top-color:var(--gold);border-radius:50%;animation:rp-spin .9s linear infinite}@keyframes rp-spin{to{transform:rotate(360deg)}}.rp-error{color:var(--bone-2);border:1px solid var(--line);border-radius:6px;padding:22px;background:var(--ink-2)}.rp-lock{position:relative;min-height:460px;display:grid!important;place-items:center}.rp-state:not([data-state=locked]) .rp-lock{display:none!important}.rp-lock-preview{position:absolute;inset:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;filter:blur(3px);opacity:.5;pointer-events:none;mask-image:linear-gradient(180deg,#000 30%,transparent);-webkit-mask-image:linear-gradient(180deg,#000 30%,transparent)}.rp-ghost{display:grid;gap:12px;align-content:start}.rp-ghost i{display:block;height:92px;border-radius:6px;background:var(--ink-3);border:1px solid var(--line)}.rp-ghost:nth-child(1) i{border-left:3px solid var(--t0)}.rp-ghost:nth-child(2) i{border-left:3px solid var(--t3)}.rp-ghost:nth-child(3) i{border-left:3px solid var(--t2)}.rp-ghost:nth-child(4) i{border-left:3px solid var(--t4)}.rp-lock-card{position:relative;max-width:560px;text-align:center;display:grid;justify-items:center;gap:14px;padding:40px 32px;border-radius:8px;background:color-mix(in oklab,var(--ink) 88%,var(--gold));border:1px solid color-mix(in oklab,var(--gold) 40%,transparent);box-shadow:0 30px 80px -30px #000}.rp-lock-card h2{margin:6px 0 0;font-family:var(--f-display);font-size:clamp(26px,3vw,38px);line-height:1.1;color:var(--gold-hi);text-wrap:balance}.rp-lock-card p{margin:0;color:var(--bone-2)}.rp-lock-cta{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:8px}.rp-h{font-size:12px;text-transform:uppercase;letter-spacing:.2em;color:var(--muted);font-weight:500;margin:0 0 18px}.phase-line{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:relative}.phase-line:before{content:"";position:absolute;left:7px;right:0;top:7px;height:2px;background:linear-gradient(90deg,var(--t2) 0 25%,var(--t0) 25% 50%,var(--t3) 50% 75%,var(--line) 75%)}.ph{position:relative;display:grid;gap:4px;padding:30px 18px 0 0}.ph-dot{position:absolute;left:0;top:0;width:16px;height:16px;border-radius:50%;background:var(--ink);border:2px solid var(--c, var(--line))}.ph-done{--c: var(--t2)}.ph-partial{--c: var(--t0)}.ph-next{--c: var(--t3)}.ph-later{--c: var(--t4)}.ph-done .ph-dot{background:var(--t2)}.ph.is-now .ph-dot{background:var(--t0);box-shadow:0 0 #7fc8ff8c;animation:ph-pulse 2s infinite}@keyframes ph-pulse{70%{box-shadow:0 0 0 12px #7fc8ff00}to{box-shadow:0 0 #7fc8ff00}}.ph-n{font-family:var(--f-display);font-weight:700;font-size:clamp(40px,4.4vw,64px);line-height:.9;color:var(--c);font-variant-numeric:tabular-nums}.ph strong{font-family:var(--f-display);font-size:20px}.ph-s{font-size:12px;color:var(--muted)}.rp-progress{margin-top:32px;display:grid;gap:10px}.rp-bar{height:6px;border-radius:6px;background:var(--line);overflow:hidden;display:flex}.rp-bar span{display:block;height:100%}.b-done{background:var(--t2)}.b-partial{background:repeating-linear-gradient(135deg,var(--t0) 0 6px,color-mix(in oklab,var(--t0) 55%,var(--ink)) 6px 12px)}.rp-progress p{margin:0;font-size:12.5px;color:var(--muted);letter-spacing:.06em}.rp-filters{display:flex;flex-wrap:wrap;gap:8px;margin:48px 0 28px;padding-top:28px;border-top:1px solid var(--line)}.chip{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:7px 14px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--bone-2);font-family:var(--f-body);font-size:15px;cursor:pointer;transition:border-color .2s,background-color .2s,color .2s}.chip i{width:8px;height:8px;border-radius:50%;background:var(--ac, var(--gold))}.chip .mono{font-size:11px;color:var(--muted)}.chip:hover{border-color:var(--ac, var(--gold));color:var(--bone)}.chip[aria-pressed=true]{background:color-mix(in oklab,var(--ink) 80%,var(--ac, var(--gold)));border-color:var(--ac, var(--gold));color:var(--bone)}.area-combat{--ac: var(--a-combat)}.area-world{--ac: var(--a-world)}.area-characters{--ac: var(--a-characters)}.area-peoples{--ac: var(--a-peoples)}.area-content{--ac: var(--a-content)}.area-social{--ac: var(--a-social)}.area-tech{--ac: var(--a-tech)}.board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;align-items:start}.col{min-width:0}.col-h{display:flex;align-items:center;gap:10px;margin:0 0 12px;font-size:12px;text-transform:uppercase;letter-spacing:.18em;color:var(--bone);font-weight:500}.col-h span{margin-left:auto;color:var(--muted)}.col ol{list-style:none;margin:0;padding:0;display:grid;gap:10px}.card-rm{padding:16px 16px 14px;border-radius:6px;background:var(--ink-2);border:1px solid var(--line);border-left:3px solid var(--ac);display:grid;gap:6px;transition:transform .25s,border-color .25s}.card-rm:hover{transform:translateY(-2px);border-color:color-mix(in oklab,var(--ac) 60%,var(--line));border-left-color:var(--ac)}.col-done .card-rm{background:color-mix(in oklab,var(--ink-2) 92%,var(--t2))}.card-top{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:11px;color:var(--muted)}.tag{display:inline-flex;align-items:center;gap:6px;text-transform:uppercase;letter-spacing:.12em}.tag i{width:7px;height:7px;border-radius:50%;background:var(--ac)}.rank{color:var(--t3);font-weight:600}.card-rm h3{margin:0;font-family:var(--f-display);font-size:18px;line-height:1.2}.card-rm p{margin:0;font-size:14.5px;color:var(--bone-2);line-height:1.45}.col li.empty{color:var(--muted);font-style:italic;font-size:14px;padding:12px 0}@media (max-width: 1100px){.board{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.rp{padding-top:110px}.board{grid-template-columns:1fr}.phase-line{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:28px}.phase-line:before{display:none}.rp-lock-preview{grid-template-columns:repeat(2,minmax(0,1fr))}.rp-lock-card{padding:30px 20px}}