body{margin:0;overflow:hidden;font-family:Roboto,sans-serif;font-size:16px}#map{position:absolute;top:0;bottom:0;left:0;right:0;filter:hue-rotate(-6deg) contrast(.85) brightness(1) saturate(.9);transition:filter 1s;-webkit-transition:filter 1s;transition-delay:.25s;-webkit-transition-delay:.25s}#tiltShift{display:none;position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}#lensReflection{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none;background-image:url(/akira/assets/lens-reflection2-BrEk0BTF.jpg);mix-blend-mode:screen;background-repeat:no-repeat;background-position:center;opacity:0;background-size:100%;transition:opacity .02s ease-in,background-size 1s ease-in-out;-webkit-transition:opacity .02s ease-in,background-size 1s ease-in-out}#focus{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;backdrop-filter:blur(.6px);-webkit-backdrop-filter:blur(.6px);transition-property:all;-webkit-transition-property:all;transition-timing-function:ease-out;-webkit-transition-timing-function:ease-out}#focus,#lensGrime{transition-duration:.3s;transition-delay:.1s;-webkit-transition-duration:.3s;-webkit-transition-delay:.1s}#lensGrime{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;background-image:url(/akira/assets/LensDirt04-Dh4BWc2F.jpeg);mix-blend-mode:color-dodge;background-size:cover;opacity:.2;transform:rotate(0) scale(2.3);transition-property:transform;transition-timing-function:cubic-bezier(.29,.74,.84,1.3);-webkit-transition-property:transform;-webkit-transition-timing-function:cubic-bezier(.29,.74,.84,1.3)}#aberration{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;backdrop-filter:url(#chromaticAberration);-webkit-backdrop-filter:url(#chromaticAberration);-webkit-mask-image:radial-gradient(ellipse 100% 80% at 50% 50%,transparent 30%,black 80%);mask-image:radial-gradient(ellipse 100% 80% at 50% 50%,transparent 30%,black 80%)}#photoEffect{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none}#photoEffect.vignette{background:radial-gradient(circle at 50% 50%,#0000,#0000 60%,#111c0080);mix-blend-mode:hard-light}#filmGrain{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none;background-image:url(/akira/assets/filmgrain-tiny-CUt4zLnM.jpg);background-position:0 0;mix-blend-mode:normal;opacity:.15;background-size:100px;filter:blur(.3px)}body.effectsOff #photoEffect,body.effectsOff #tiltShift,body.effectsOff #aberration,body.effectsOff #lensGrime,body.effectsOff #lensReflection,body.effectsOff #filmGrain,body.effectsOff #focus{display:none!important}body.effectsOff #map,body.effectsOff #map canvas{filter:none!important;-webkit-filter:none!important}#effectsButton{display:none;left:10px;top:10px;position:fixed;padding:10px;z-index:10;border:1px solid black;background-color:#ffffff80;cursor:pointer;border-radius:4px}@keyframes fadeout{0%{opacity:1;padding-left:5px;padding-top:0;transform:translate(0);transform:translateY(0)}to{opacity:0;padding-left:15px;transform:translate(10px)}}.drop{z-index:10;pointer-events:none;position:absolute;top:50%;left:50%;width:7px;height:7px;border-radius:50%;box-shadow:inset 5px 5px 5px #00000080,inset -5px -5px 7px #ffffffe6;opacity:0;animation-name:fadeout;animation-duration:2s;animation-timing-function:ease-out;filter:blur(1.2px)}.drop:before{pointer-events:none;content:"";position:absolute;top:20%;left:20%;background:#fff;width:10%;height:10%;border-radius:50%}.effectsOff .drop{display:none}#routes{position:absolute;z-index:3;width:50%;left:50%;margin-left:-25%;bottom:50px;text-align:center;z-index:100}.button,a.button{cursor:pointer;padding:10px 20px;border-radius:25px;text-decoration:none;font-size:1em;color:#fff;background-color:#1e3a80;border:3px solid rgba(255,255,255,.5)}.button:hover,a.button:hover{background-color:#3357b0;border:5px solid rgba(255,255,255,.5);color:#fff}.ctrl{width:150px;height:150px;background:#1a1d2163;border-radius:30px;cursor:grab;position:absolute;left:calc(50% - 75px);bottom:80px;z-index:3}.ctrl *{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}