.route-page{max-inline-size:880px;padding-block:64px 88px}.route-head h1{font-size:clamp(36px,5vw,60px);line-height:1.08}.route-why{color:var(--text-2);max-inline-size:36em;margin-block-start:16px;font-size:21px;line-height:1.5}.route-size{font-family:var(--f-plex);color:var(--text-2);margin-block-start:12px;font-size:14px}.route-status{background:var(--surface);border:1px solid var(--rule);box-shadow:var(--drop);gap:12px;margin-block:36px 40px;padding:24px;display:grid}[data-mode=game] .route-status{border:var(--bw) solid var(--edge)}.route-meter{background:var(--surface-2);border-radius:999px;block-size:8px;overflow:hidden}.route-meter i{background:var(--accent);block-size:100%;transition:inline-size .6s var(--ease-classic,ease);display:block}[data-mode=game] .route-meter{border:2px solid var(--edge);border-radius:0;block-size:14px}.route-count{font-family:var(--f-plex);color:var(--text-2);font-size:15px}.route-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.route-note{font-family:var(--f-plex);color:var(--text);font-size:15px}.route-steps{gap:4px;list-style:none;display:grid;position:relative}.route-steps:before{content:"";border-inline-start:1px solid var(--rule);position:absolute;inset-block:22px;inset-inline-start:21px}[data-mode=game] .route-steps:before{border-inline-start:3px dashed var(--edge);inset-inline-start:20px}.route-step{grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:16px;min-block-size:64px;padding-block:8px;display:grid;position:relative}.route-node{border:1px dashed var(--rule);background:var(--bg);block-size:44px;inline-size:44px;font-family:var(--f-plex);color:var(--text-2);z-index:1;border-radius:50%;place-items:center;font-size:13px;display:grid}.route-step.open .route-node{border:1px solid var(--accent);color:var(--accent)}.route-step.done .route-node{border:1px solid var(--accent);background:var(--accent);color:var(--on-accent)}[data-mode=game] .route-node{font-family:var(--f-pixelify);border-width:3px;border-radius:0}[data-mode=game] .route-step.open .route-node,[data-mode=game] .route-step.done .route-node{border:3px solid var(--edge);box-shadow:var(--drop)}.route-body{gap:2px;min-inline-size:0;display:grid}.route-title{font-family:var(--f-title);color:var(--text);font-size:19px;text-decoration:none}.route-step.later .route-title{color:var(--text-2)}a.route-title:hover{color:var(--accent)}a.route-title:after{content:" →";color:var(--accent)}.route-meta{font-family:var(--f-plex);color:var(--text-2);font-size:13px}.route-state{font-family:var(--f-label);font-size:var(--label-size);letter-spacing:var(--label-track);text-transform:uppercase;color:var(--text-2)}.route-step.open .route-state,.route-step.done .route-state{color:var(--accent)}@media (max-width:560px){.route-step{grid-template-columns:44px minmax(0,1fr)}.route-state{grid-column:2}}@media (prefers-reduced-motion:reduce){.route-meter i{transition:none}}