*{vertical-align:baseline;box-sizing:border-box;-webkit-tap-highlight-color:transparent;border:0;margin:0;padding:0}:root{scroll-behavior:smooth;--main:#e60000;--text1:#333;--text2:#888;--text3:#aaa;--bg1:#fff;--bg2:#ddd;--bg3:#bbb;--bgt:#fffc;--angle:9deg;--width:min(90vw, 90rem);--margin:calc(1rem + .4vmax + .06vmin);--radius:.4rem;--box-radius:.8rem;--duration:.17s;--duration-out:.25s;--curve:ease-out;--curve-out:ease-in;--transition:all var(--duration) var(--curve);--transition-out:all var(--duration-out) var(--curve-out);--bold:700;--title-font:Smiley Wide, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, "PingFang SC", sans-serif, Apple Color Emoji, Segoe UI Emoji;--body-font:fira, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, "PingFang SC", sans-serif, Apple Color Emoji, Segoe UI Emoji;--full:1905.97px;font-family:var(--body-font);color:var(--text1);transition:var(--transition);background:var(--bg1);text-wrap:pretty}:root.dark{--main:#a51313;--text1:#ddd;--text2:#999;--text3:#444;--bg1:#000;--bg2:#333;--bg3:#777;--bgt:#000c}#app.en,#app.de{font-style:italic}em{font-style:normal}.title-font{font-family:var(--title-font);font-style:italic;font-weight:700;#app.en &,#app.de &{font-family:var(--body-font);font-weight:900}}[role=button]:hover{cursor:pointer}img{max-width:100%;display:block}::selection{background:var(--main);color:var(--bg1)}p~p{margin-top:1em}a{transition:var(--transition-out);color:inherit;border-bottom:1px dotted var(--text2);text-decoration:none}a:hover{color:var(--main);transition:var(--transition);border-bottom:1px solid var(--main)}.mobile-only{display:none!important}.skew-p{transform:skewX(calc(var(--angle) * -1))}.skew-n{transform:skewX(var(--angle))}.btn{background:var(--bg1);color:var(--text1);border:2px solid var(--text1);transition:var(--transition-out);cursor:pointer;backface-visibility:hidden;-webkit-user-select:none;user-select:none;transform-origin:50%;touch-action:manipulation;border-radius:.3em;outline:none;padding:.4em .7em;font-family:inherit;font-weight:700;line-height:1.2;text-decoration:none;display:inline-block}.btn.skew-p{border-radius:.4em .2em}.btn:hover{transition:var(--transition);background:var(--main);color:var(--bg1);border-color:var(--main);outline:none;text-decoration:none}.btn:active{filter:brightness(.7)contrast(1.3);transition:var(--transition);outline:none}.btn.disabled{opacity:.25;filter:grayscale(.3);pointer-events:none}body{height:8000vh}#app{background-image:radial-gradient(var(--text3) .5px, transparent .5px), radial-gradient(var(--text3) .5px, transparent .5px);background-position:0 0,7px 7px;background-size:14px 14px;grid-template-columns:3fr 2fr;grid-template-areas:"map desc";width:100vw;height:100vh;display:grid;position:fixed;overflow:hidden}.title{font-weight:var(--bold);flex-direction:column;grid-area:title;justify-content:center;align-items:center;padding:1rem;display:flex}.track-map{transition:var(--transition-out);animation:mapShow .5s var(--curve) both;grid-area:map;justify-content:center;align-items:center;display:flex;translate:20vw;scale:.9}@keyframes mapShow{0%{opacity:.5;scale:.9}to{opacity:1;scale:none}}.scrolled .track-map{transition:var(--transition);translate:none;scale:1}.track-map>.inner{aspect-ratio:660/530;max-width:60vw;max-height:100vh;position:relative}.main-svg{object-fit:contain;width:100%;height:100%}.base{fill:none;stroke-width:4px;stroke:var(--text1);stroke-dasharray:var(--full) 10000;stroke-dashoffset:calc(var(--st) * var(--full) * -1);animation:svgDraw 1.1s var(--curve) both}@keyframes svgDraw{0%{stroke-dashoffset:var(--full)}to{stroke-dashoffset:0}}.base2{stroke-width:6px;stroke:var(--bg1)}.progress{fill:none;stroke:var(--bg1);stroke-width:1px;stroke-dasharray:var(--full);stroke-dashoffset:calc(var(--full) * (1 - var(--p)));stroke-linecap:round;transition:all .2s ease-out}.path{fill:none;stroke:var(--main);stroke-dasharray:calc((var(--ed) - var(--st)) * var(--full)) 10000;stroke-dashoffset:calc(var(--st) * var(--full) * -1);stroke-width:6.5px}.corner .path{opacity:0;transition:opacity .2s var(--curve-out);stroke-linecap:butt}.corner.show .path{opacity:1;transition:opacity .2s var(--curve)}.section .path{opacity:0;transition:opacity .2s var(--curve-out);stroke-width:10px;stroke:var(--text1);stroke-linecap:butt}.section.show .path{opacity:1;transition:opacity .2s var(--curve)}.debug{position:fixed;top:10px;left:10px}@keyframes slowShow{0%{opacity:0}to{opacity:1}}.corner-name{color:var(--bg2);left:calc(var(--x) * 100%);top:calc(var(--y) * 100%);transition:var(--transition-out);translate:var(--tX) var(--tY);z-index:3;animation:slowShow .3s var(--curve) .5s both;font-size:calc(.3vmin + .4rem + .2vmax);position:absolute;&>div{--shadow:var(--bg1);transition:var(--transition-out);text-shadow:.1em 0 0 var(--shadow), -.1em 0 0 var(--shadow), 0 .1em 0 var(--shadow), 0 -.1em 0 var(--shadow);border-radius:.1em;padding:.1em .1em 0;line-height:1}#app.en &>div,#app.de &>div{transform:skewX(calc(-1 * var(--angle)));transition:var(--transition)}#app.en &>div>div,#app.de &>div>div{transform:skewX(var(--angle));transition:var(--transition)}}.corner-name.show{color:var(--text1);transition:var(--transition);z-index:4}.corner-name:hover,.corner-name.show:hover{color:var(--main);cursor:pointer;transition:var(--transition);z-index:8}.corner-name.highlighted{z-index:6}.corner-name.highlighted>div{font-weight:var(--bold);color:var(--bg1);transition:var(--transition);background:var(--text1);box-shadow:0 0 0 .3em var(--text1);z-index:2;text-shadow:none;&:hover{color:var(--bg1)}}.corner-name.t{--tY:0%}.corner-name.m{--tY:-50%}.corner-name.b{--tY:-100%}.corner-name.l{--tX:0%}.corner-name.c{--tX:-50%}.corner-name.r{--tX:-100%}.section-name{color:var(--text3);font-weight:var(--bold);border-radius:.1em;font-size:calc(.3vmin + .5rem + .2vmax)}.extras{animation:slowShow .3s var(--curve) 1.1s both}.bridge{stroke:var(--text3);stroke-width:1px}.mid{z-index:99999;position:absolute;top:50%;left:50%;translate:-50% -50%}.msg{color:var(--text1);background:var(--bgt);border:2px solid var(--bg1);width:min(23em,80vw);animation:msgShow .25s var(--curve) .3s both;border-radius:1em;padding:1em;font-size:1rem;translate:-4vw;#app.en &,#app.de &{line-height:1.52}}@keyframes msgShow{0%{opacity:0}to{opacity:1}}.msg-title{text-align:center;font-size:1.5em}.indicator{color:var(--text2);text-align:center;border-top:1px dotted var(--bg3);flex-direction:column;justify-content:center;align-items:center;margin-top:1em;padding-top:1em;display:flex}.scroll-notify{align-items:center;width:100%;font-size:calc(.75rem + .3vmax + .3vmin)}.scroll-arrow{width:.8em;animation:shaking 1.8s var(--curve) infinite both;margin-top:.5em}.scroll-arrow path{fill:none;stroke:var(--text2);stroke-width:15px}@keyframes shaking{0%{transform:none}24%{transform:translateY(.2rem)}34%{transform:translateY(-.1rem)}44%{transform:translateY(.2rem)}54%{transform:translateY(-.1rem)}64%{transform:translateY(.2rem)}to{transform:none}}.miles{color:var(--text1);transition:var(--transition);font-feature-settings:"tnum";transition-behavior:allow-discrete;opacity:1;font-size:4rem;font-style:italic;font-weight:700;font-family:var(--body-font);translate:calc(1rem - 45%);@starting-style{opacity:0;translate:calc(1rem - 45%) -.4em}}.miles .elevation{color:var(--text1);white-space:nowrap;align-items:center;gap:.4em;margin-top:.25rem;font-size:clamp(.85rem,.375em,1.5rem);font-style:italic;font-weight:400;line-height:1.25;display:flex}.miles .elevation span{letter-spacing:0;text-shadow:none}.elevation-meter{background:var(--bg2);flex:0 0 .2em;width:.2em;height:.85em;position:relative;overflow:hidden}.elevation-meter:after{content:"";background:var(--text1);transform:scaleY(var(--elevation));transform-origin:bottom;transition:transform .12s linear;position:absolute;inset:0}.elevation-label,.elevation-unit{font-size:.75em}@media (prefers-reduced-motion:reduce){.elevation-meter:after{transition:none}}.mid span{letter-spacing:-.02em;text-shadow:.02em .02em 0 var(--bg1), .04em .04em 0 var(--bg2)}.mid em{font-size:.4em;font-style:italic;font-weight:700}.desc{border-left:1px solid var(--bg2);background:var(--bg1);box-shadow:10vw 0 0 var(--bg1);opacity:0;transition:var(--transition-out);flex-direction:column;grid-area:desc;justify-content:center;align-items:stretch;display:flex;translate:10vw}.scrolled .desc{transition:var(--transition);opacity:1;translate:none}.logo{border-bottom:1px solid var(--bg2);width:100%;transition:var(--transition)}.logo>.inner{padding:var(--margin) calc(var(--margin) * 3) var(--margin) var(--margin);justify-content:center;align-items:center;gap:1em;display:flex}.logo>.inner>img{height:calc(1rem + 1vmax + 1.5vmin)}.logo>.inner>span{color:var(--text1);font-size:calc(.75rem + .6vmax + .2vmin)}.corner-info{padding:var(--margin) calc(var(--margin) * 2);flex-direction:column;flex:auto;justify-content:center;align-items:flex-start;display:flex;position:relative}.corner-info>.inner{transition:var(--transition);transition-behavior:allow-discrete;opacity:1;transform-origin:0;flex-direction:column;flex:auto;justify-content:center;transition-delay:.1s;display:flex;position:relative;translate:none;@starting-style{opacity:0;translate:1em}}.corner-info>.inner>*{animation:infoShow var(--duration) var(--curve) both;transform-origin:0%}@keyframes infoShow{0%{opacity:.75;translate:3rem;scale:.9}to{opacity:1;translate:none;scale:1}}.desc .primary{color:var(--text1);align-self:flex-start;font-size:calc(1rem + 1vmin + 1vmax);line-height:1;position:relative;#app.en &,#app.de &{font-weight:700}}.desc .nickname{color:var(--text1);animation-delay:calc(var(--duration) / 7);align-self:flex-start;margin-top:.2em;font-size:calc(.8rem + .8vmin + .8vmax);position:relative}.desc .qt:before,.desc .qt:after{color:var(--bg2);font-weight:400;position:absolute;top:10%}.desc .qt:before{content:"“";right:100%}.desc .qt:after{content:"”";left:100%}.desc .secondary{color:var(--text2);animation-delay:calc(var(--duration) / 7 * 2);flex-wrap:wrap;justify-content:flex-start;align-items:center;margin-top:.5em;padding-left:.2em;font-size:calc(.5rem + .5vmin + .4vmax);font-style:italic;display:flex}.desc .secondary .extra{justify-content:flex-start;align-items:center;margin-right:1em;display:inline-flex}.lang-flag{opacity:.35;border:1px solid var(--bg3);filter:grayscale()brightness(.9)contrast(.8);border-radius:.1em .05em;flex:none;width:1.4em;height:.7em;margin-right:.4em;display:inline-block;position:relative;overflow:hidden;&>img{object-fit:cover;width:100%;height:100%}}.flag-cn:after{content:attr(data-code);color:var(--text2);justify-content:center;align-items:center;font-size:.55em;font-style:normal;display:flex;position:absolute;inset:0}.desc .more{color:var(--text2);animation-delay:calc(var(--duration) / 7 * 4);margin-top:2.6em;padding-left:.3em;font-size:calc(.6rem + .3vmin + .2vmax);font-weight:400;line-height:1.65}.desc .more-en,.desc .more-de{max-width:36em;font-size:calc(.58rem + .25vmin + .18vmax);line-height:1.55}.desc-msg{align-self:stretch}.ending{color:var(--text1);animation-delay:calc(var(--duration) / 7 * 2);flex-flow:column wrap;justify-content:center;align-items:center;font-size:calc(2rem + .4vmin + .3vmax);font-style:italic;font-weight:700;display:flex}.ending .btn{margin-top:.3em;font-size:.5em;#app.en &,#app.de &{font-weight:400}}.thumbs{width:100%;height:calc(2.5vmin + 5vmax);transition:var(--transition);transition-behavior:allow-discrete;flex:0 calc(2.5vmin + 5vmax);gap:.4em;transition-delay:.2s;display:flex;translate:none;@starting-style{opacity:0;translate:1em}}.thumb{opacity:.6;filter:grayscale()contrast(2);cursor:pointer;height:100%;transition:var(--transition-out);z-index:0;border:1px solid var(--bg3);background:var(--bg3);border-radius:.5em .1em;display:flex;position:relative;overflow:hidden}.corner-info:hover .thumb{transition:var(--transition);opacity:1;filter:none}.thumb:hover{transition:var(--transition);z-index:9;scale:1.05}.thumb img{transform-origin:50%;max-height:100%;scale:1.2}.thumb-source{background:var(--text1);color:var(--bg2);opacity:.5;transition:var(--transition-out);animation:infoShow calc(.5 * var(--duration)) var(--curve) calc(1.5 * var(--duration)) both;border:none;padding:.2em 1.4em .2em .3em;font-size:.75rem;display:block;position:absolute;bottom:0;right:-1em;& span{display:inline-block}&:hover{transition:var(--transition);background:var(--main);color:var(--bg1);opacity:.8}&:before{content:"@";opacity:.5;margin-right:.1em}}.controls{border-top:1px solid var(--bg2);width:100%;padding:var(--margin) 0 var(--margin) calc(var(--margin) * 2);user-select:none;color:var(--text2);font-size:calc(.75rem + .05vmax + .1vmin)}.controls>.inner{flex-wrap:wrap;justify-content:center;align-items:center;gap:1em 1.5em;display:flex}.toggle-group{cursor:pointer;transition:var(--transition-out);justify-content:center;align-items:center;gap:.75em;display:inline-flex}.toggle-group:hover{color:var(--text1);transition:var(--transition)}.about-control{appearance:none;color:inherit;font:inherit;background:0 0;border:0;padding:0}.about-control:focus-visible{outline:2px solid var(--text1);outline-offset:.4em;border-radius:.15em}.control-icon{border:1px solid var(--text2);width:1.5em;height:1.5em;transform:skewX(calc(var(--angle) * -1));transition:var(--transition-out);border-radius:.3em .15em;justify-content:center;align-items:center;display:inline-flex}.control-icon>span{font-family:Georgia,serif;font-style:italic;font-weight:700;line-height:1}.about-control:hover .control-icon{border-color:var(--text1);transition:var(--transition)}.toggle{border:1px solid var(--text2);width:3em;height:1.5em;transform:skewX(calc(var(--angle) * -1));transition:var(--transition-out);border-radius:.3em .15em;position:relative}.toggle-group:hover .toggle{border-color:var(--text1);transition:var(--transition)}.toggle:after{content:"";background:var(--text1);width:1.5em;height:1em;transition:var(--transition);border-radius:.1em;display:block;position:absolute;top:.2em}.on .toggle:after{background:var(--main);width:1.3em;left:1.4em}.off .toggle:after{left:.2em}.toggle:before{content:"OFF";color:var(--bg1);transition:var(--transition);z-index:2;border-radius:.1em;font-size:.6em;font-weight:700;display:block;position:absolute;top:.6em;left:.7em}.on .toggle:before{content:"ON";left:2.75em}.controls .link{transition:var(--transition-out)}.controls .link:hover{color:var(--text1);transition:var(--transition)}.language-switch{border:1px solid var(--text2);transform:skewX(calc(var(--angle) * -1));border-radius:.35em .15em;grid-template-columns:repeat(3,1fr);display:inline-grid;overflow:hidden}.language-option{border:none;border-right:1px solid var(--text2);background:var(--bg1);min-width:2.6em;height:1.6em;color:var(--text2);font:inherit;cursor:pointer;transition:var(--transition-out);justify-content:center;align-items:center;padding:0 .55em;font-weight:700;display:flex;&>span{display:inline-block}}.language-option:last-child{border-right:none}.language-option:hover{color:var(--text1);background:var(--bg2);transition:var(--transition)}.language-option.on{color:var(--bg1);background:var(--main);border-color:var(--main);box-shadow:0 0 0 1px var(--main)}.modal{pointer-events:none;opacity:0;width:100%;height:100%;transition:var(--transition-out);justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0}.modal.image{backdrop-filter:blur(15px);--angle:0deg;background:#000c}.modal.show{opacity:1;pointer-events:auto;transition:var(--transition-in);transform:none}.modal>.inner{transition:var(--transition-out);transform:translateX(-3vw) scale(.9) skewX(calc(-1 * var(--angle)));color:#ddd;flex-direction:column;justify-content:center;display:flex;position:relative}.modal.show>.inner{transform:skewX(calc(-1 * var(--angle)))}.modal.text>.inner{backdrop-filter:blur(15px);border:.2rem solid var(--bg1);background:#000c;border-radius:1em .5em;max-width:min(40rem,100% - 3rem);box-shadow:0 .8rem 2rem #0006,0 1rem 2.5rem #0003,0 1.2rem 3.5rem #0000001a}.dark .modal>.inner{border-color:var(--text2)}.modal-content{padding:calc(var(--margin) * 2);transition:var(--transition);flex:1 0 auto;line-height:1.67}.modal.text .modal-content{padding-inline:calc(var(--margin) * 3)}.modal.image .modal-content{padding:0}.modal.image .modal-content img{background:var(--text1);user-select:none;max-width:70vw;max-height:70vh;box-shadow:0 .8rem 2rem #0006,0 1rem 2.5rem #0003,0 1.2rem 3.5rem #0000001a}.modal-close{width:2rem;height:2rem;transition:var(--transition-out);cursor:pointer;transform-origin:50%;opacity:0;transform:skewX(var(--angle)) scale(.5) rotate(45deg);background:#000;border-radius:50%;position:absolute;top:-.8rem;right:-.8rem}.modal-close:hover{background:var(--main)}.modal.show .modal-close{transform:skewX(var(--angle));transition:var(--transition);opacity:1;transition-delay:.15s}.modal-close svg{fill:none;transform-origin:50%;width:100%;height:100%;transform:scale(1.01)}.modal-close svg *{fill:none;stroke-width:2px;stroke:#fff}.source-in-modal{color:var(--text2);text-align:right;font-style:.875rem}.msg-title{font-weight:inherit}.controls a.link,a.language-option{color:inherit;text-decoration:none}.no-script{z-index:100;background:var(--bg1);border:1px solid var(--bg2);padding:1rem;position:fixed;bottom:1rem;left:1rem;right:1rem}@font-face{font-family:fira;src:url(https://s.anyway.red/font/fira-regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:fallback}@font-face{font-family:fira;src:url(https://s.anyway.red/font/fira-italic.woff2)format("woff2");font-weight:400;font-style:italic;font-display:fallback}@font-face{font-family:fira;src:url(https://s.anyway.red/font/fira-bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:fallback}@font-face{font-family:fira;src:url(https://s.anyway.red/font/fira-bold-italic.woff2)format("woff2");font-weight:700;font-style:italic;font-display:fallback}@font-face{font-family:fira;src:url(https://s.anyway.red/font/fira-black.woff2)format("woff2");font-weight:900;font-style:normal;font-display:fallback}@font-face{font-family:fira;src:url(https://s.anyway.red/font/fira-black-italic.woff2)format("woff2");font-weight:900;font-style:italic;font-display:fallback}@media (width<=1400px){.logo span>span{display:none}}.vertical{& #app{--angle:0deg;--margin:1.5rem;grid-template:"map"55vh"desc"45vh/1fr}& .logo{background:var(--bg1);justify-content:center;align-items:center;height:3.5rem;display:flex;position:absolute;top:-55vh;left:0}& .track-map{transition:var(--transition-out);grid-area:map;justify-content:center;align-items:center;display:flex;translate:none;scale:.9}&.scrolled .track-map{transition:var(--transition);padding-top:3.5rem;scale:1}& .track-map>.inner{max-width:92vw;max-height:55vh}& .msg{translate:0 40vh}& .miles{font-size:calc(1rem + 2vw)}& .desc{border-top:1px solid var(--bg2);border-left:none}& .logo>.inner{padding:0 var(--margin)}& .corner-info{padding:var(--margin)}& .corner-info>.inner{padding-top:0}& .desc .primary{font-size:1.5rem}& .desc .secondary{font-size:.8rem}& .desc .more{margin-top:1em;font-size:.75rem}& .thumbs{flex:0 5vh;height:5vh}& .controls{padding:var(--margin) var(--margin) calc(var(--margin) * 2);flex:none;font-size:.75rem}& .modal{position:fixed}& .modal>.inner{border-radius:1em}& .thumb-source{display:none}& .modal.image .modal-content img{max-width:85vw;max-height:70vh}}