.ts-route-page .ss-hero{background:linear-gradient(125deg,#132e4b,#334d77 60%,#535590);padding:24px 32px}
.ts-route-page .ss-hero .ss-kicker{margin:0 0 6px}
.ts-route-page .ss-hero h1{font-size:clamp(1.65rem,3.4vw,2.2rem)!important;margin:6px 0 10px!important}
.ts-route-page .ss-hero .ss-milestones{margin:14px 0;gap:8px}
.ts-route-page .ss-milestones span{padding:7px 10px;font-size:.88rem}
.ts-route-page .ss-milestones strong{display:inline;font-size:1rem;margin-right:6px}
@media(max-width:600px){.ts-route-page .ss-hero{padding:22px 18px}.ts-route-page .ss-milestones span{flex:0 1 auto}.ts-route-page .ss-milestones strong{display:block;margin-right:0}}
.ts-route-page [id^=third-sea],.ts-route-page #sea3-level-finder{scroll-margin-top:105px}
.ts-route-page .ts-unlock{padding:12px 16px;border:1px solid #dcb877;border-radius:12px;background:#fff7e7;color:#594220}
.ts-route-page .ts-unlock a{font-weight:800;color:#745413}
.ts-route-page .ts-areas{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}
.ts-route-page .ts-areas a{display:inline-flex;align-items:center;min-height:44px;padding:8px 12px;box-sizing:border-box;border:1px solid #c8d9e5;border-radius:10px;background:#f2f7fc;color:#214c70;font-weight:700;text-decoration:none}
.ts-route-page .ts-areas a:focus-visible{outline:3px solid #df9b1c;outline-offset:3px}
.ts-route-page.dark-mode .ts-unlock{background:#463c26;border-color:#897446;color:#ffebc0}
.ts-route-page.dark-mode .ts-unlock a{color:#ffe4a0}
.ts-route-page.dark-mode .ts-areas a{background:#213e55;border-color:#507087;color:#c2f0fb}