.english-road{--road-color:var(--primary);--road-soft:var(--accent);--vehicle-color:color-mix(in srgb, var(--road-color) 58%, var(--foreground));isolation:isolate;border-bottom:3px solid var(--road-color);background:linear-gradient(180deg, color-mix(in srgb, var(--road-soft) 28%, var(--background)), var(--background) 34%, var(--surface-subtle));width:100%;height:100%;min-height:0;position:relative;overflow:hidden}.english-road-viewport{z-index:1;cursor:grab;scrollbar-width:none;touch-action:none;overscroll-behavior:contain;position:absolute;inset:0;overflow:auto}.english-road.is-embedded .english-road-viewport{overscroll-behavior-x:contain;overscroll-behavior-y:auto;touch-action:pan-y;overflow-y:hidden}.english-road-viewport::-webkit-scrollbar{display:none}.english-road-viewport.is-dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.english-road-viewport.is-dragging .english-road-station button{pointer-events:none}.english-road-viewport:focus-visible{outline:3px solid color-mix(in srgb, var(--focus) 72%, transparent);outline-offset:-3px}.english-road-world{background:radial-gradient(circle at 12% 18%, transparent 0 84px, color-mix(in srgb, var(--road-color) 7%, transparent) 85px 86px, transparent 87px 116px, color-mix(in srgb, var(--road-color) 4%, transparent) 117px 118px, transparent 119px), radial-gradient(circle at 83% 72%, transparent 0 120px, color-mix(in srgb, var(--road-color) 6%, transparent) 121px 122px, transparent 123px 164px, color-mix(in srgb, var(--road-color) 3%, transparent) 165px 166px, transparent 167px), linear-gradient(color-mix(in srgb, var(--road-color) 3.5%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--road-color) 3.5%, transparent) 1px, transparent 1px), var(--background);background-size:auto,auto,92px 92px,92px 92px,auto;position:relative;overflow:hidden}.english-road-world:before,.english-road-world:after{z-index:0;border:1px solid color-mix(in srgb, var(--road-color) 8%, transparent);content:"";pointer-events:none;border-radius:45% 55% 62% 38%;position:absolute;transform:rotate(-9deg)}.english-road-world:before{width:24rem;height:12rem;top:6.5rem;left:44%}.english-road-world:after{width:18rem;height:10rem;bottom:7rem;right:5%;transform:rotate(12deg)}.english-road-route{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:visible}.english-road-route path{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.english-road-route-bed{stroke:color-mix(in srgb, var(--road-soft) 82%, var(--background));stroke-width:24px;filter:drop-shadow(0 6px 8px #50322414)}.english-road-route-edge{stroke:color-mix(in srgb, var(--road-color) 70%, var(--border));stroke-width:4px}.english-road-route-center{stroke:color-mix(in srgb, var(--background) 90%, var(--road-soft));stroke-width:2px;stroke-dasharray:12 13}.english-road-meta,.english-road-toolbar,.english-road-hint,.english-road-year-rail{z-index:30;border:1px solid color-mix(in srgb, var(--border) 78%, transparent);background:color-mix(in srgb, var(--background) 91%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:absolute;box-shadow:0 14px 34px -26px #33271f80}.english-road-meta{color:var(--muted-foreground);font-family:var(--font-mono);letter-spacing:.02em;border-radius:999px;align-items:center;gap:.55rem;padding:.45rem .75rem;font-size:.67rem;display:flex;top:1.1rem;left:clamp(1rem,2.5vw,2.5rem)}.english-road-meta strong{color:var(--foreground);font-weight:600}.english-road-meta strong:after{color:var(--road-color);content:"·";margin-left:.55rem}.english-road-toolbar{border-radius:1rem;align-items:center;gap:.2rem;padding:.3rem;display:flex;top:.75rem;right:clamp(.75rem,1.6vw,1.5rem)}.english-road-categories{align-items:center;gap:.08rem;display:flex}.english-road-categories button,.english-road-action,.english-road-reset{min-width:2.35rem;height:2.35rem;color:var(--muted-foreground);cursor:pointer;transition:color var(--motion-duration-fast) ease-out, background-color var(--motion-duration-fast) ease-out, transform var(--motion-duration-fast) var(--motion-ease-standard);background:0 0;border:0;border-radius:.7rem;place-items:center;display:grid}.english-road-categories button:hover,.english-road-action:hover,.english-road-reset:hover{color:var(--foreground);background:color-mix(in srgb, var(--road-soft) 60%, transparent)}.english-road-categories button[aria-selected=true]{color:var(--road-color);background:var(--road-soft)}.english-road-categories svg,.english-road-reset svg{width:1.05rem;height:1.05rem}.english-road-toolbar-rule{background:var(--border);width:1px;height:1.55rem;margin-inline:.15rem}.english-road-action{width:auto;color:var(--road-color);font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;gap:.38rem;padding-inline:.65rem;font-size:.65rem;font-weight:700;display:flex}.english-road-action svg{fill:currentColor;width:.95rem;height:.95rem}.english-road-action:disabled{cursor:not-allowed;opacity:.38}.english-road-reset{border:1px solid var(--border);color:var(--road-color);border-radius:999px}.english-road-categories button:focus-visible,.english-road-action:focus-visible,.english-road-reset:focus-visible,.english-road-station button:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.english-road-stations{z-index:5;pointer-events:none;margin:0;padding:0;list-style:none;position:absolute;inset:0}.english-road-station{pointer-events:none;width:0;height:0;position:absolute}.english-road-station-dot{z-index:3;width:2.2rem;height:1.1rem;filter:drop-shadow(0 0 4px var(--background));pointer-events:none;display:block;position:absolute;top:-.55rem;left:-1.1rem}.english-road-station-dot>svg{transform-origin:50%;width:100%;height:100%;display:block;overflow:visible}.english-road-station-dot>svg path,.english-road-cloud-fragments path{fill:var(--background);stroke:var(--road-color);stroke-width:2px;vector-effect:non-scaling-stroke}.english-road-cloud-fragments,.english-road-cloud-fragments i{pointer-events:none;display:block;position:absolute;inset:0}.english-road-cloud-fragments i{opacity:0;width:1.15rem;height:.58rem;top:50%;left:50%;transform:translate(-50%,-50%)scale(.5)}.english-road-cloud-fragments svg{width:100%;height:100%;display:block;overflow:visible}.english-road-station[data-revealed=true] .english-road-station-dot>svg{animation:english-road-cloud-impact .52s var(--motion-ease-emphasized) forwards}.english-road-station[data-revealed=true] .english-road-cloud-fragments i{animation:english-road-cloud-fragment .76s var(--motion-ease-emphasized) forwards;animation-delay:var(--fragment-delay,0s)}.english-road-station button{width:11rem;height:5.65rem;color:var(--foreground);cursor:pointer;opacity:0;pointer-events:none;transform-origin:50%;visibility:hidden;transition:opacity var(--motion-duration-normal) ease-out, transform var(--motion-duration-normal) var(--motion-ease-emphasized), visibility 0s linear var(--motion-duration-normal);background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;left:0;transform:translate(-50%)scale(.72)}.english-road-world[data-mode=explore] .english-road-station button{transition-delay:var(--reveal-delay,0s)}.english-road-station[data-revealed=true] button{opacity:1;pointer-events:auto;visibility:visible;transition-delay:.11s;transform:translate(-50%)scale(1)}.english-road-world[data-mode=explore] .english-road-station[data-revealed=true] button{transition-delay:var(--reveal-delay,0s)}.english-road-station[data-side=above] button{top:-7.25rem}.english-road-station[data-side=below] button{top:2.05rem}.english-road-station button>svg{filter:drop-shadow(0 9px 13px #5032240f);width:100%;height:100%;position:absolute;inset:0;overflow:visible}.english-road-station button>svg path{fill:color-mix(in srgb, var(--background) 95%, var(--road-soft));stroke:color-mix(in srgb, var(--road-color) 54%, var(--border));stroke-width:1.55px;vector-effect:non-scaling-stroke;transition:fill var(--motion-duration-normal) ease-out, stroke var(--motion-duration-normal) ease-out}.english-road-station button>span{z-index:2;text-align:left;gap:.18rem;width:7.9rem;display:grid;position:relative}.english-road-station time{color:var(--road-color);font-family:var(--font-mono);font-size:.66rem;font-weight:800;line-height:1}.english-road-station strong{font-family:var(--font-editorial);letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;font-size:.93rem;font-weight:800;line-height:1.16;overflow:hidden}.english-road-station button:hover,.english-road-station button:focus-visible,.english-road-station[data-active=true][data-revealed=true] button{transform:translate(-50%)scale(1.06)}.english-road-station button:hover>svg path,.english-road-station button:focus-visible>svg path,.english-road-station[data-active=true] button>svg path{fill:var(--road-soft);stroke:var(--road-color)}.english-road-vehicle{--vehicle-angle:0deg;z-index:12;pointer-events:none;width:3rem;height:1.5rem;transform:translate(-50%, calc(-100% - .05rem)) rotate(var(--vehicle-angle));transform-origin:50% 100%;transition:left .46s var(--motion-ease-emphasized), top .46s var(--motion-ease-emphasized), transform .18s linear;display:block;position:absolute}.english-road-vehicle[data-mode=tour],.english-road-vehicle[data-driving=true]{transition:none}.english-road-vehicle>svg{z-index:1;filter:drop-shadow(0 7px 6px #57231347);width:100%;height:100%;position:absolute;inset:0;overflow:visible}.english-road-vehicle>svg path{fill:var(--vehicle-color);stroke:var(--background);stroke-width:2.8px;vector-effect:non-scaling-stroke}.english-road-vehicle>b{z-index:2;border:1px solid color-mix(in srgb, var(--background) 76%, transparent);background:color-mix(in srgb, var(--road-soft) 58%, var(--background));border-radius:.3rem .45rem .25rem .2rem;width:.72rem;height:.42rem;position:absolute;top:.42rem;right:.54rem}.english-road-vehicle>i:before,.english-road-vehicle>i:after{z-index:0;background:var(--foreground);content:"";border-radius:999px;width:.46rem;height:.3rem;position:absolute;bottom:-.05rem}.english-road-vehicle>i:before{left:.58rem}.english-road-vehicle>i:after{right:.52rem}.english-road-vehicle[data-mode=intro]{animation:english-road-arrive 1.65s var(--motion-ease-emphasized) both}.english-road-hint{color:var(--muted-foreground);font-family:var(--font-mono);letter-spacing:.04em;opacity:0;pointer-events:none;transition:opacity var(--motion-duration-normal) ease-out, transform var(--motion-duration-normal) var(--motion-ease-emphasized);border-radius:999px;align-items:center;gap:.45rem;padding:.48rem .7rem;font-size:.62rem;display:flex;bottom:1rem;left:clamp(1rem,2.5vw,2.5rem);transform:translateY(.4rem)}.english-road-hint[data-visible=true]{opacity:1;transform:translateY(0)}.english-road-hint svg{width:.9rem;height:.9rem;color:var(--road-color)}.english-road-year-rail{width:min(28rem,100% - 22rem);min-width:16rem;color:var(--muted-foreground);font-family:var(--font-mono);pointer-events:none;border-radius:999px;grid-template-columns:auto minmax(4rem,1fr) auto;align-items:center;gap:.65rem;padding:.52rem .75rem;font-size:.6rem;display:grid;bottom:1rem;left:50%;transform:translate(-50%)}.english-road-year-rail>i{background:var(--border);height:2px;display:block;position:relative}.english-road-year-rail>i>b{background:var(--road-color);transform:scaleX(var(--journey-scale,0));transform-origin:0;transition:transform .44s var(--motion-ease-emphasized);position:absolute;inset:0}.english-road-year-rail>i>em{border:2px solid var(--background);background:var(--road-color);width:.55rem;height:.55rem;box-shadow:0 0 0 1px var(--road-color);top:50%;left:var(--journey-left,0%);transition:left .44s var(--motion-ease-emphasized);border-radius:999px;position:absolute;transform:translate(-50%,-50%)}.english-road-year-rail[data-mode=tour]>i>b,.english-road-year-rail[data-mode=tour]>i>em{transition:none}.english-road-empty{height:100%;color:var(--muted-foreground);font-family:var(--font-mono);place-items:center;font-size:.75rem;display:grid}@keyframes english-road-cloud-impact{0%{opacity:1;transform:scale(1)}36%{opacity:1;transform:scale(1.3)rotate(-4deg)}to{opacity:0;transform:scale(.16)rotate(12deg)}}@keyframes english-road-cloud-fragment{0%{opacity:0;transform:translate(-50%,-50%)rotate(0)scale(.35)}24%{opacity:1}72%{opacity:.88;transform:translate(calc(-50% + var(--fragment-x)), calc(-50% + var(--fragment-y))) rotate(var(--fragment-rotate)) scale(var(--fragment-scale,.72))}to{opacity:0;transform:translate(calc(-50% + var(--fragment-x)), calc(-50% + var(--fragment-y))) rotate(var(--fragment-rotate)) scale(.42)}}@keyframes english-road-arrive{0%{opacity:0;transform:translate(calc(-50% - 9rem), calc(-100% - .05rem)) rotate(var(--vehicle-angle))}28%{opacity:1}82%{transform:translate(calc(-50% + .45rem), calc(-100% - .05rem)) rotate(var(--vehicle-angle))}to{opacity:1;transform:translate(-50%, calc(-100% - .05rem)) rotate(var(--vehicle-angle))}}@media (width<=760px){.english-road-meta{top:.75rem;left:.75rem}.english-road-meta span,.english-road-meta strong:after,.english-road-action span{display:none}.english-road-toolbar{right:.65rem}.english-road-categories button,.english-road-action,.english-road-reset{min-width:2.1rem;height:2.1rem}.english-road-action{padding-inline:.45rem}.english-road-year-rail{width:min(22rem,100% - 1.5rem);min-width:0;bottom:.75rem}.english-road-hint{bottom:3.85rem;left:.75rem}}@media (width<=420px){.english-road-categories button{min-width:1.85rem}.english-road-toolbar-rule{margin-inline:0}.english-road-reset{display:none}}@media (prefers-reduced-motion:reduce){.english-road-viewport{scroll-behavior:auto}.english-road-vehicle,.english-road-vehicle[data-mode=intro],.english-road-station button,.english-road-year-rail>i>b,.english-road-year-rail>i>em{transition:none;animation:none}.english-road-station[data-revealed=true] .english-road-station-dot>svg{opacity:0}.english-road-station[data-revealed=true] .english-road-cloud-fragments{display:none}}