.road{--road-identity: var(--color-gold-2);padding-block:12px 48px;scroll-margin-top:128px;color:var(--color-bone-2)}.road *{min-width:0}.road-heading{margin-block-end:28px}.road-heading h2{margin-block:10px;color:var(--color-bone)}.road-heading h2 span{color:var(--color-gold)}.road-heading>p:last-child{max-width:64ch;line-height:1.6}.road-layout{display:grid;grid-template-areas:"you" "main" "level";gap:24px;align-items:start}.road-main{grid-area:main}.road-you{grid-area:you;padding:20px;background:var(--color-night-1);border:1px solid var(--color-line)}.road-character{display:flex;gap:16px;align-items:center}.road-character img{width:76px;height:88px;object-fit:cover;object-position:50% 25%;border:1px solid color-mix(in srgb,var(--road-identity) 55%,var(--color-line))}.road-character p{font-size:var(--text-sm);line-height:1.5}.road-character .road-name{font-size:var(--text-lg);font-weight:600;color:var(--color-bone);overflow-wrap:anywhere}.road-character .label{color:var(--road-identity);font-size:var(--text-xs)}.road-counts{margin-block:18px 6px;font-size:var(--text-sm)}.road-save,.road-signin,.road-fine{font-size:var(--text-xs);line-height:1.6}.road-save{color:var(--color-bone)}.road-signin{display:inline-block;margin-block-start:4px;color:var(--color-frost-2);text-decoration:underline;text-underline-offset:3px}.road-you>.btn{width:100%;margin-block:20px 8px}.road-fine{margin-block-start:12px}.road-picks{display:grid;gap:12px;margin-block-end:24px;border:0;padding:0}.road-chip-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.road-chip-row>.label{width:44px;flex-shrink:0}.road-chip-row button{min-height:40px}.road-chip-row button[aria-pressed=true]{border-color:var(--color-gold);color:var(--color-gold-2);background:var(--color-night-3)}.road-stage{display:grid;gap:16px}.road-next{border:1px solid var(--color-line);background:var(--color-night-1);overflow:hidden}.road-next-art{display:block;position:relative;overflow:hidden}.road-next-art img{display:block;width:100%;aspect-ratio:16 / 9;object-fit:cover;transition:transform var(--dur-sweep) var(--ease-out)}.road-next-art .tag{position:absolute;top:16px;left:16px;background:var(--color-night-0);color:var(--color-gold-2)}.road-next-art:hover img,.road-next-art:focus-visible img{transform:scale(1.025)}.road-next-copy{padding:20px}.road-next-copy h3{color:var(--color-bone)}.road-next-copy>p{margin-block:12px 20px;font-size:var(--text-sm);line-height:1.65;max-width:64ch}.road-actions{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;font-size:var(--text-sm)}.road-actions>a:not(.btn),.road-small-link{color:var(--color-frost-2);text-decoration:underline;text-underline-offset:3px}.road-text-button{color:var(--color-bone-2);text-decoration:underline;text-underline-offset:4px;padding-block:10px;cursor:pointer}.road-text-button:hover{color:var(--color-gold-2)}.road-atlas{padding:20px;border:1px solid var(--color-line);display:flex;flex-direction:column;align-items:start;justify-content:center;gap:12px;background:var(--color-night-0)}.road-map{width:100%;position:relative}.road-map img{width:100%;height:auto;display:block;opacity:.75}.road-map-you{position:absolute;width:12px;height:12px;background:var(--road-identity);border:1px solid var(--color-night-0);transform:translate(-50%,-50%) rotate(45deg);box-shadow:0 0 0 5px color-mix(in srgb,var(--road-identity) 18%,transparent)}.road-location{font-size:var(--text-sm);font-weight:600;color:var(--color-bone)}.road-atlas .road-fine{margin:0}.road-end{padding:32px 24px;display:grid;gap:20px;align-content:center;justify-items:start;border:1px solid var(--color-gold-3);background:var(--color-night-1)}.road-end p{line-height:1.65}.road-trail-heading{margin-block:32px 24px;display:grid;gap:8px}.road-trail-heading p{font-size:var(--text-sm);line-height:1.6}.road-trail{list-style:none;padding:0 0 0 20px;margin:0;position:relative}.road-trail:before{content:"";position:absolute;left:5px;top:25px;bottom:25px;width:1px;background:var(--color-gold-3)}.road-step{position:relative;padding-block:8px}.road-node{position:absolute;left:-19px;top:36px;width:9px;height:9px;background:var(--color-night-0);border:1px solid var(--color-gold-3);transform:rotate(45deg)}.road-done>.road-node{background:var(--color-gold);border-color:var(--color-gold)}.road-here>.road-node{background:var(--road-identity);border-color:var(--road-identity);box-shadow:0 0 0 5px color-mix(in srgb,var(--road-identity) 15%,transparent)}.road-step-line{display:flex;gap:12px;align-items:center;border-block-end:1px solid var(--color-line);padding-block-end:12px}.road-here .road-step-line{border-color:var(--road-identity)}.road-step-open{flex:1;display:flex;align-items:center;gap:12px;text-align:left;padding:4px 0;cursor:pointer}.road-step-open>img{width:72px;height:60px;object-fit:cover}.road-step-title{display:grid;gap:5px;flex:1}.road-step-title strong{font-family:var(--font-display);font-size:var(--text-base);font-weight:600;line-height:1.35;color:var(--color-bone)}.road-step-title>span{font-size:var(--text-xs);line-height:1.5}.road-step-title>em{font-style:normal;font-size:var(--text-xs);color:var(--road-identity)}.road-ahead .road-step-open>img{opacity:.6}.road-ahead>.road-node{opacity:.65}.road-skipped .road-step-title strong{text-decoration:line-through;text-decoration-thickness:1px}.road-expand{font-size:var(--text-xl);padding:8px;color:var(--color-gold-2)}.road-tick{appearance:none;width:28px;height:28px;flex-shrink:0;border:1px solid var(--color-gold-3);cursor:pointer;background:var(--color-night-1)}.road-tick:checked{appearance:auto;accent-color:var(--color-gold)}.road-step-details{padding:16px 0 20px;font-size:var(--text-sm)}.road-step-details[hidden]{display:none}.road-check-line{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;min-height:44px;padding-block:8px;line-height:1.5}.road-check-line>input{width:20px;height:20px;accent-color:var(--color-gold);flex-shrink:0}.road-check-line>span{color:var(--color-bone-2);font-size:var(--text-xs)}.road-check-line>a{color:var(--color-frost-2);text-decoration:underline;text-underline-offset:3px}.road-step-group{margin-block:16px}.road-flight{margin-block:16px;line-height:1.6}.road-level{grid-area:level;position:sticky;bottom:76px;z-index:20;padding:16px;border:1px solid var(--color-gold-3);background:var(--color-night-1);box-shadow:0 4px 16px color-mix(in srgb,var(--color-night-0) 80%,transparent);display:flex;align-items:center;justify-content:center;gap:10px}.road-level label{font-size:var(--text-sm)}.road-level button{width:40px;min-height:40px;border:1px solid var(--color-line-2);color:var(--color-gold-2);font-size:var(--text-xl);cursor:pointer}.road-level input{width:48px;font-variant-numeric:tabular-nums;font-size:var(--text-2xl);font-weight:600;text-align:center;color:var(--color-bone);background:transparent;border:0;appearance:textfield}.road-level input::-webkit-inner-spin-button,.road-level input::-webkit-outer-spin-button{appearance:none}.road-level-cap{font-size:var(--text-xs)}.road-level-bar{position:absolute;inset:auto 0 0;height:2px;background:var(--color-line)}.road-level-bar>span{display:block;width:100%;height:100%;background:var(--color-gold);transform-origin:left;transition:transform var(--dur-base) var(--ease-out)}.road-ding{border-color:var(--color-gold);color:var(--color-gold-2)}.road-notice{margin-block:16px;padding:16px;border:1px solid var(--color-gold-3);background:var(--color-night-1);font-size:var(--text-sm);line-height:1.6}.road-notice>div{display:flex;flex-wrap:wrap;gap:8px;margin-block-start:12px}.road-notice>button{margin-block-start:12px}.road-art-missing{padding:24px;line-height:1.6}.road-composer{margin-block-start:32px}.road button:disabled,.road input:disabled{opacity:.55;cursor:default}.road button:focus-visible,.road input:focus-visible,.road a:focus-visible{outline:2px solid var(--color-gold-2);outline-offset:4px}@media(min-width:680px){.road-stage{grid-template-columns:minmax(0,1.65fr) minmax(0,1fr)}}@media(min-width:1200px){.road-layout{grid-template-columns:minmax(0,1fr) 240px;grid-template-rows:auto 1fr;grid-template-areas:"main you" "main level"}.road-character{align-items:start;gap:12px}.road-character img{width:56px;height:72px}.road-level{position:relative;bottom:auto;flex-wrap:wrap}.road-level label{width:100%;text-align:center}}@media(prefers-reduced-motion:reduce){.road-next-art img,.road-level-bar>span{transition:none}.road-next-art:hover img,.road-next-art:focus-visible img{transform:none}}