:root{color-scheme:dark;--surface:#0d0d0d;--surface-2:#171717;--border:#383838;--border-strong:#666666;--text-1:#fafafa;--text-2:#a8a8a8;--text-3:#8c8c8c;--accent:#60a5fa;--accent-ink:#0d0d0d;--series-1:#60a5fa;--series-2:#e5e5e5;--good:#34d399;--critical:#f97316;--field:#1d4ad0;--field-ink:#ffffff;--tier-1:#2b2b2b;--tier-3:#e5e5e5;--nav-h:81px;}
.field{background:var(--tier-1);--bg:var(--tier-1);--ink-b:#fafafa;--ink-s:rgba(250,250,250,0.62);--hair:rgba(250,250,250,0.16);--tint:var(--accent);--dot:var(--surface);--node-done:var(--series-2);--node-next:var(--accent);--node-ahead-fill:var(--surface-2);--focus-ring:var(--ink-b);--node-ahead-edge:var(--border-strong);--node-part:rgba(229,229,229,0.38);--thread:rgba(250,250,250,0.34);--em-ink:rgba(250,250,250,0.9);color:var(--ink-b);}
.field-2{background:var(--field);--bg:var(--field);--ink-b:#ffffff;--ink-s:rgba(255,255,255,0.74);--hair:rgba(255,255,255,0.26);--tint:#ffffff;--dot:var(--tier-1);--node-done:#ffffff;--node-next:#ffffff;--node-ahead-fill:var(--field-sunk,#163a9e);--focus-ring:var(--ink-b);--node-ahead-edge:rgba(255,255,255,0.58);--node-part:rgba(255,255,255,0.42);--thread:rgba(255,255,255,0.48);--em-ink:rgba(255,255,255,0.86);}
.field-3{background:var(--tier-3);--bg:var(--tier-3);--ink-b:#0d0d0d;--ink-s:rgba(13,13,13,0.66);--hair:rgba(13,13,13,0.2);--tint:var(--field);--dot:var(--field);--node-done:#0d0d0d;--node-next:var(--field);--node-ahead-fill:#dadada;--focus-ring:var(--ink-b);--node-ahead-edge:rgba(13,13,13,0.42);--node-part:rgba(13,13,13,0.34);--thread:rgba(13,13,13,0.32);--em-ink:rgba(13,13,13,0.88);}
.seam, .seam-x{background-image:radial-gradient(var(--dot) 1.45px,transparent 1.55px);background-size:6px 6px;}
.seam{height:30px;mask-image:linear-gradient(to bottom,#000 0%,transparent 100%);}
.seam-x{width:30px;mask-image:linear-gradient(to left,#000 0%,transparent 100%);}
*, *::before, *::after{border-radius:0;}
:focus-visible{outline:2px solid var(--focus-ring,var(--accent));outline-offset:2px;}
.display{font-family:var(--font-display);font-weight:400;text-transform:uppercase;letter-spacing:0.005em;line-height:0.95;}
.mono-label{font-family:var(--font-mono);font-size:0.6875rem;font-weight:500;line-height:1.35;text-transform:uppercase;letter-spacing:0.16em;}
.action{display:inline-flex;align-items:center;min-height:2.25rem;padding:0.25rem 0.875rem;background:var(--accent);color:var(--accent-ink);font-family:var(--font-mono);font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.12em;transition:opacity 150ms;}
.action:hover{opacity:0.9;}
.rk-arc{position:relative;min-width:0;}
.rk-ink{--bg:var(--surface);--ink-b:var(--text-1);--ink-s:var(--text-2);--node-done:var(--series-2);--node-next:var(--accent);--node-ahead-fill:var(--surface-2);--node-ahead-edge:var(--border-strong);--node-part:rgba(229,229,229,0.38);--thread:rgba(250,250,250,0.34);--em-ink:rgba(250,250,250,0.9);}
.rd-arc{max-width:420px;padding-bottom:54px;}
.rd-arc .rk-fan{margin-inline:0;}
.rd-arc .rk-hint{left:0;right:auto;margin:0;}
.rk-fan{display:block;overflow:visible;width:100%;max-width:420px;height:auto;margin-inline:auto;color:var(--em-ink);}
.rk-nd{cursor:pointer;}
@keyframes rk-ripple{0%{fill-opacity:var(--rip-peak)}25%{fill-opacity:0}100%{fill-opacity:0}}
.rk-rip{pointer-events:none;}
.rk-rip > *{fill-opacity:0;}
@media (hover: hover) and (prefers-reduced-motion: no-preference){.rk-arc:has(.rk-nd0:hover) .rk-rip-0 > *,.rk-arc:has(.rk-nd1:hover) .rk-rip-1 > *,.rk-arc:has(.rk-nd2:hover) .rk-rip-2 > *,.rk-arc:has(.rk-nd3:hover) .rk-rip-3 > *,.rk-arc:has(.rk-nd4:hover) .rk-rip-4 > *,.rk-arc:has(.rk-nd5:hover) .rk-rip-5 > *,.rk-arc:has(.rk-nd6:hover) .rk-rip-6 > *,.rk-arc:has(.rk-nd7:hover) .rk-rip-7 > *{animation:rk-ripple 560ms step-end var(--rip-delay,0ms) infinite}}
@media (prefers-reduced-motion: no-preference){.rk-arc:has(.rk-nd0:focus-visible) .rk-rip-0 > *,.rk-arc:has(.rk-nd1:focus-visible) .rk-rip-1 > *,.rk-arc:has(.rk-nd2:focus-visible) .rk-rip-2 > *,.rk-arc:has(.rk-nd3:focus-visible) .rk-rip-3 > *,.rk-arc:has(.rk-nd4:focus-visible) .rk-rip-4 > *,.rk-arc:has(.rk-nd5:focus-visible) .rk-rip-5 > *,.rk-arc:has(.rk-nd6:focus-visible) .rk-rip-6 > *,.rk-arc:has(.rk-nd7:focus-visible) .rk-rip-7 > *{animation:rk-ripple 560ms step-end var(--rip-delay,0ms) infinite}}
.rk-rip0{--rip-peak:0.9}
.rk-rip1{--rip-peak:0.7;--rip-delay:140ms}
.rk-rip2{--rip-peak:0.5;--rip-delay:280ms}
.rk-rip3{--rip-peak:0.34;--rip-delay:420ms}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.rk-arc:has(.rk-nd0:is(:hover,:focus-visible)) .rk-rip-0 .rk-rip0,.rk-arc:has(.rk-nd1:is(:hover,:focus-visible)) .rk-rip-1 .rk-rip0,.rk-arc:has(.rk-nd2:is(:hover,:focus-visible)) .rk-rip-2 .rk-rip0,.rk-arc:has(.rk-nd3:is(:hover,:focus-visible)) .rk-rip-3 .rk-rip0,.rk-arc:has(.rk-nd4:is(:hover,:focus-visible)) .rk-rip-4 .rk-rip0,.rk-arc:has(.rk-nd5:is(:hover,:focus-visible)) .rk-rip-5 .rk-rip0,.rk-arc:has(.rk-nd6:is(:hover,:focus-visible)) .rk-rip-6 .rk-rip0,.rk-arc:has(.rk-nd7:is(:hover,:focus-visible)) .rk-rip-7 .rk-rip0{fill-opacity:0.9}}
.rk-hint{position:absolute;top:calc(100% + 6px);left:0;right:0;width:min(100%,420px);margin:0 auto;padding-block:5px;background:var(--bg);text-align:center;text-wrap:balance;font-size:0.8125rem;font-weight:500;line-height:1.35;color:var(--ink-s);opacity:0;transition:opacity 110ms;pointer-events:none;}
@media (hover: hover){.rk-arc:has(.rk-nd0:hover) .rk-lb0,.rk-arc:has(.rk-nd1:hover) .rk-lb1,.rk-arc:has(.rk-nd2:hover) .rk-lb2,.rk-arc:has(.rk-nd3:hover) .rk-lb3,.rk-arc:has(.rk-nd4:hover) .rk-lb4,.rk-arc:has(.rk-nd5:hover) .rk-lb5,.rk-arc:has(.rk-nd6:hover) .rk-lb6,.rk-arc:has(.rk-nd7:hover) .rk-lb7{opacity:1}}
.rk-arc:has(.rk-nd0:focus-visible) .rk-lb0, .rk-arc:has(.rk-nd1:focus-visible) .rk-lb1, .rk-arc:has(.rk-nd2:focus-visible) .rk-lb2, .rk-arc:has(.rk-nd3:focus-visible) .rk-lb3, .rk-arc:has(.rk-nd4:focus-visible) .rk-lb4, .rk-arc:has(.rk-nd5:focus-visible) .rk-lb5, .rk-arc:has(.rk-nd6:focus-visible) .rk-lb6, .rk-arc:has(.rk-nd7:focus-visible) .rk-lb7{opacity:1;}
@font-face{font-family: "Geist";font-style: normal;font-weight: 100 900;font-display: swap;src: url("geist.19f9c92546.woff2") format("woff2")}@font-face{font-family: "Geist Mono";font-style: normal;font-weight: 100 900;font-display: swap;src: url("geist-mono.684ad5b531.woff2") format("woff2")}@font-face{font-family: "Anton";font-style: normal;font-weight: 400;font-display: swap;src: url("anton.d0fa07ff63.woff2") format("woff2")}:root{--font-sans: "Geist",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--font-mono: "Geist Mono",ui-monospace,SFMono-Regular,Menlo,monospace;--font-display: "Anton","Arial Narrow",sans-serif;--wrap: 82rem;--edge: 4rem;--gutter: max(var(--edge),calc(50vw - var(--wrap) / 2));--seam: 1.875rem}html{font-size: clamp(10px,min(calc(100vw / 90),calc(100vh / 56.25)),40px);overflow-x: clip;-webkit-text-size-adjust: 100%;text-size-adjust: 100%}*,*::before,*::after{box-sizing: border-box}body{margin: 0;background: var(--surface);color: var(--text-1);font-family: var(--font-sans);font-size: 1.0625rem;line-height: 1.5;-webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility}h1,h2,h3,h4,p,dl,dd,ol,figure{margin: 0}ol{padding: 0;list-style: none}a{color: inherit}:focus-visible{outline-width: 0.125rem;outline-offset: 0.125rem}.wrap{width: min(var(--wrap),100% - 2 * var(--edge));margin-inline: auto}.sr{position: absolute;width: 1px;height: 1px;overflow: hidden;clip-path: inset(50%);white-space: nowrap}.skip{position: absolute;top: -10rem;left: 1rem;z-index: 10;padding: 0.75rem 1rem;background: var(--text-1);color: var(--surface);font-family: var(--font-mono);font-size: 0.75rem;letter-spacing: 0.12em;text-transform: uppercase}.skip:focus{top: 1rem}.seam,.seam-x{background-image: radial-gradient(var(--dot) 0.0906rem,transparent 0.0969rem);background-size: 0.375rem 0.375rem;pointer-events: none}.seam{height: var(--seam)}.seam-x{width: var(--seam)}.from-road{--dot: var(--surface)}.from-field{--dot: var(--field)}.from-light{--dot: var(--tier-3)}.mono-label{margin: 0;font-size: max(0.6875rem,11px)}.ink-s{color: var(--ink-s)}.action{min-height: 3rem;padding: 0 1.375rem;background: var(--tint,var(--accent));font-size: max(0.8125rem,12px);text-decoration: none;white-space: nowrap}.h2{max-width: 17em;font-size: 2.75rem;font-weight: 650;line-height: 1.08;letter-spacing: -0.022em;text-wrap: balance}.h2 .line{display: block}.h3{font-size: 1.5rem;font-weight: 650;line-height: 1.2;letter-spacing: -0.015em}.lede{max-width: 24em;margin-top: 1.5rem;color: var(--text-2);font-size: 1.375rem;line-height: 1.35}.tag{padding: 0.25rem 0.5rem;border: 0.0625rem solid var(--border-strong);color: var(--text-2)}.top{position: absolute;inset: 0 0 auto 0;z-index: 5;height: 5.5rem}.top-in{display: flex;align-items: center;justify-content: space-between;width: min(var(--wrap),100% - 2 * var(--edge));height: 100%;margin-inline: auto}.brand{display: inline-flex;align-items: center;gap: 0.75rem;min-height: 2.75rem;color: #ffffff;text-decoration: none;--focus-ring: #ffffff}.brand .display{font-size: 1.75rem;line-height: 1}.mark{width: 1.75rem;height: 1.75rem;flex: none}.quiet{display: inline-flex;align-items: center;min-height: 2.75rem;padding: 0 1rem;border: 0.0625rem solid var(--border);color: var(--text-1);font-family: var(--font-mono);font-size: max(0.75rem,11px);font-weight: 500;letter-spacing: 0.12em;text-decoration: none;text-transform: uppercase}.quiet:hover{border-color: var(--accent)}.account{display: flex;gap: 0.75rem}.close-acts{display: flex;flex-wrap: wrap;align-items: center;gap: 0.75rem}.close .quiet{min-height: 3rem;border-color: rgba(255,255,255,0.58);color: #ffffff;--focus-ring: #ffffff}.close .quiet:hover{border-color: #ffffff}.hero{display: grid;grid-template-columns: minmax(0,1fr) minmax(0,1fr);min-height: 100vh;min-height: 100svh;--rank-start: 760ms}.hero-field,.hero-road{position: relative;display: flex;flex-direction: column;justify-content: center;padding-block: 8rem 5.5rem}.hero-field{padding-left: var(--gutter);padding-right: 4.5rem}.hero-road{padding-left: 5.5rem;padding-right: var(--gutter);background: var(--surface)}.hero-seam-x{position: absolute;inset-block: 0;right: 0}.hero-seam{display: none}.hero-h1{font-size: 5.75rem;line-height: 0.96}.hero-h1 span{display: block}.hero-sub{max-width: 24em;margin-top: 2rem;color: rgba(255,255,255,0.9);font-size: 1.5rem;line-height: 1.3}.hero-act{margin-top: 2.5rem}.road-cap{max-width: 30rem}.road-labels{display: flex;align-items: center;justify-content: space-between;color: var(--text-3)}.road-name{margin-top: 0.75rem;font-size: 3.5rem}.road-line{margin-top: 1rem;padding-top: 1rem;border-top: 0.0625rem solid var(--border);color: var(--text-2)}.rd-arc{max-width: 30rem;margin-top: 2.75rem;padding-bottom: 3.5rem}.rk-fan{max-width: 30rem}.rk-hint{top: calc(100% + 0.375rem);width: min(100%,30rem);padding-block: 0.3125rem}.rk-nd{cursor: default}.rk-arc:has(.rk-nd0:focus) .rk-lb0,.rk-arc:has(.rk-nd1:focus) .rk-lb1,.rk-arc:has(.rk-nd2:focus) .rk-lb2,.rk-arc:has(.rk-nd3:focus) .rk-lb3,.rk-arc:has(.rk-nd4:focus) .rk-lb4,.rk-arc:has(.rk-nd5:focus) .rk-lb5,.rk-arc:has(.rk-nd6:focus) .rk-lb6,.rk-arc:has(.rk-nd7:focus) .rk-lb7{opacity: 1}.band{position: relative;padding-block: 7rem;background: var(--surface)}.split{display: grid;grid-template-columns: minmax(0,5fr) minmax(0,7fr);column-gap: 4rem;align-items: start}.split-even{grid-template-columns: minmax(0,1fr) minmax(0,1fr)}.row{display: grid;grid-template-columns: 9rem minmax(0,1fr);column-gap: 1.5rem;padding-block: 1.5rem;border-top: 0.0625rem solid var(--border)}.row:first-child{border-top-color: var(--border-strong)}.row:last-child{border-bottom: 0.0625rem solid var(--border)}.row dt{padding-top: 0.5rem;color: var(--text-3)}.row dd{font-size: 1.375rem;line-height: 1.35}.sees{padding-top: 0}.cells{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));margin-top: 3.5rem;border-top: 0.0625rem solid var(--border-strong)}.cell{padding: 2.25rem 2rem 0 0}.cell + .cell{padding-left: 2rem;border-left: 0.0625rem solid var(--border)}.disc{display: block;width: 4.5rem;height: 4.5rem}.cell .h3{margin-top: 1.5rem}.cell p{max-width: 22em;margin-top: 0.5rem;color: var(--text-2)}.ladder{background: var(--surface)}.ladder-head{padding-block: 0 4.5rem}.tier{position: relative;color: var(--ink-b);padding-block: calc(var(--seam) + 3.5rem) 4.75rem}.tier-seam{position: absolute;inset: 0 0 auto 0}.tier-in{display: grid;grid-template-columns: minmax(0,4fr) minmax(0,8fr);column-gap: 4rem;align-items: start}.tier-name h3{font-size: 4.25rem}.tier-name p{max-width: 20em;margin-top: 1.25rem;font-size: 1.125rem;line-height: 1.4}.ranks{display: grid;grid-template-columns: repeat(3,minmax(0,1fr))}.rank{padding-inline: 1.75rem;border-left: 0.0625rem solid var(--hair)}.emblem{display: block;width: 7.5rem;height: 7.5rem;color: var(--em-ink)}.rank h4{margin-top: 1rem;font-size: 2rem}.rank p{margin-top: 0.625rem;font-size: 1rem;line-height: 1.45}.lead{padding-top: calc(var(--seam) + 6rem)}.rail-box{display: flex;flex-direction: column;align-items: flex-start;padding-top: 0.5rem}.rail{display: flex;gap: 1.75rem;margin-top: 1.5rem}.rail-tier p{color: var(--text-3)}.rail-sq{display: flex;gap: 0.5rem;margin-top: 0.75rem}.sq{display: block;width: 3rem;height: 3rem;border: 0.0625rem solid}.sq-done{background: var(--series-2);border-color: var(--series-2)}.sq-next{background: var(--accent);border-color: var(--accent)}.sq-ahead{background: var(--surface-2);border-color: var(--border-strong)}.close{position: relative;padding-block: calc(var(--seam) + 6.5rem) 7.5rem}.close-in{display: flex;align-items: flex-end;justify-content: space-between;gap: 4rem}.close-h2{font-size: 4rem}.close .lede{color: rgba(255,255,255,0.9)}.foot{padding-block: 1.75rem;border-top: 0.0625rem solid var(--border);background: var(--surface);color: var(--text-3)}.heart{display: inline-block;width: 0.65625rem;height: 0.5625rem}.foot a{color: var(--text-2);text-decoration-thickness: 0.0625rem;text-underline-offset: 0.25em}.foot a:hover{color: var(--text-1)}.is-lost{display: flex;flex-direction: column;min-height: 100vh;min-height: 100svh}.lost{display: flex;flex: 1;align-items: center;padding-block: 8rem 5rem}.lost-h1{margin-block: 2rem 2.5rem;font-size: 6rem}@media (prefers-reduced-motion: no-preference){.fold{position: relative}.fold::after{content: "";position: absolute;inset: -0.04em -0.08em;background: var(--bg);transform: scaleX(0);transform-origin: right;animation: fold 300ms steps(5,jump-end) var(--fold-at,0ms) backwards}@keyframes fold{from{transform: scaleX(1)}to{transform: scaleX(0)}}.fold-1{--fold-at: 120ms}.fold-2{--fold-at: 220ms}.fold-3{--fold-at: 360ms}.fold-4{--fold-at: 460ms}.fold-5{--fold-at: 420ms}.fold-6{--fold-at: 500ms}.fold-7{--fold-at: 580ms}.ch-on{animation: ch-on 8ms steps(1,jump-end) calc(var(--rank-start) + var(--at,0ms)) both}@keyframes ch-on{0%{opacity: 0}50%,100%{opacity: 1}}.ch-rim{animation: ch-rim var(--rim-dur,72ms) steps(1,jump-end) calc(var(--rank-start) + var(--at,0ms)) forwards}@keyframes ch-rim{0%{opacity: 1}50%,100%{opacity: 0}}}.ch-rim{opacity: 0}@media (max-width: 899px),(orientation: portrait) and (max-width: 1100px){html{font-size: 16px}:root{--edge: 1.25rem}.top{height: 4.5rem}.quiet{border-color: rgba(255,255,255,0.58);--focus-ring: #ffffff}.quiet:hover{border-color: #ffffff}.hero{grid-template-columns: minmax(0,1fr);min-height: 0}.hero-field{padding: 7rem var(--edge) 3.5rem}.hero-road{padding: calc(var(--seam) + 2.5rem) var(--edge) 2.5rem}.hero-seam-x{display: none}.hero-seam{display: block;position: absolute;inset: 0 0 auto 0}.hero-h1{font-size: clamp(3.25rem,15vw,5rem)}.hero-sub{font-size: 1.25rem}.road-name{font-size: 3rem}.rd-arc{margin-top: 2rem}.band{padding-block: 4rem}.sees{padding-top: 0}.h2{font-size: 2rem}.lede,.row dd{font-size: 1.1875rem}.split,.tier-in{grid-template-columns: minmax(0,1fr);row-gap: 2rem}.row{grid-template-columns: minmax(0,1fr);row-gap: 0.5rem;padding-block: 1.25rem}.row dt{padding-top: 0}.cells{grid-template-columns: minmax(0,1fr);margin-top: 2.5rem}.cell,.cell + .cell{display: grid;grid-template-columns: 3.5rem minmax(0,1fr);column-gap: 1.25rem;padding: 1.5rem 0;border-left: 0;border-bottom: 0.0625rem solid var(--border)}.disc{grid-row: 1 / span 2;width: 3.5rem;height: 3.5rem}.cell .h3{margin-top: 0}.ladder-head{padding-block: 0 3rem}.tier{padding-block: calc(var(--seam) + 2.25rem) 2.5rem}.tier-name h3{font-size: 3.25rem}.ranks{grid-template-columns: minmax(0,1fr)}.rank{display: grid;grid-template-columns: 5rem minmax(0,1fr);column-gap: 1.25rem;padding: 1.25rem 0;border-top: 0.0625rem solid var(--hair);border-left: 0}.emblem{grid-row: 1 / span 2;width: 5rem;height: 5rem}.rank h4{margin-top: 0.25rem}.lead{padding-top: calc(var(--seam) + 3.5rem)}.rail{gap: 1rem}.rail-sq{gap: 0.375rem}.sq{width: 1.875rem;height: 1.875rem}.close{padding-block: calc(var(--seam) + 3.5rem) 4rem}.close-in{flex-direction: column;align-items: flex-start;gap: 2rem}.close-h2{font-size: 2.75rem}.lost-h1{font-size: 3.5rem}}
.b0{--at:70ms}.b1{--at:77ms}.b2{--at:85ms}.b3{--at:92ms}.b4{--at:100ms}.b5{--at:107ms}.b6{--at:115ms}.b7{--at:122ms}.b8{--at:129ms}.b9{--at:137ms}.b10{--at:144ms}.b11{--at:152ms}.b12{--at:159ms}.b13{--at:166ms}.b14{--at:174ms}.b15{--at:181ms}.b16{--at:189ms}.b17{--at:196ms}.b18{--at:204ms}.b19{--at:211ms}.b20{--at:218ms}.b21{--at:226ms}.b22{--at:233ms}.b23{--at:241ms}.b24{--at:248ms}.b25{--at:255ms}.b26{--at:263ms}.b27{--at:270ms}.b28{--at:278ms}.b29{--at:285ms}.b30{--at:293ms}.b31{--at:300ms}.b32{--at:307ms}.b33{--at:315ms}.b34{--at:322ms}.b35{--at:330ms}.b36{--at:337ms}.b37{--at:344ms}.b38{--at:352ms}.b39{--at:359ms}.b40{--at:367ms}.b41{--at:374ms}.b42{--at:382ms}.b43{--at:389ms}.b44{--at:396ms}.b45{--at:404ms}.b46{--at:411ms}.b47{--at:419ms}.b48{--at:426ms}.b49{--at:10ms;--rim-dur:116ms}.b50{--at:68ms;--rim-dur:116ms}.b51{--at:126ms;--rim-dur:116ms}.b52{--at:0ms}