@font-face{font-family:detour-heading;src:url(../assets/fonts/cone-regular.ttf)}@font-face{font-family:detour-text;src:url(../assets/fonts/cone-regular.ttf)}@font-face{font-family:detour-number;src:url(../assets/fonts/cone-regular.ttf)}body{margin:0;padding:0;box-sizing:border-box;overflow:hidden;background:#151515;color:#E5E5E5}body canvas{width:100%;height:100%}#screen-flash{width:100%;height:100%;position:fixed;top:0;left:0;opacity:0;z-index:1000;background:#E5E5E5;transition:opacity 2.5s ease-in-out}#screen-flash.screen-flash--active{opacity:1}#screen-flash #screen-flash-overlay{width:100%;height:100%;position:absolute;top:0;left:0;background:#E5E5E5;z-index:5000;display:none}#screen-flash .screen-flash-message{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}#screen-flash .screen-flash-message .screen-flash-text{position:relative;margin-left:1rem;display:inline-block;font-family:detour-text;font-size:25px;line-height:40px;letter-spacing:1.5px;color:#151515}@keyframes noise-anim{0%{clip:rect(19px, 9999px, 3px, 0)}5%{clip:rect(45px, 9999px, 86px, 0)}10%{clip:rect(36px, 9999px, 26px, 0)}15%{clip:rect(28px, 9999px, 91px, 0)}20%{clip:rect(53px, 9999px, 69px, 0)}25%{clip:rect(64px, 9999px, 5px, 0)}30%{clip:rect(26px, 9999px, 57px, 0)}35%{clip:rect(14px, 9999px, 66px, 0)}40%{clip:rect(2px, 9999px, 21px, 0)}45%{clip:rect(28px, 9999px, 18px, 0)}50%{clip:rect(11px, 9999px, 4px, 0)}55%{clip:rect(8px, 9999px, 6px, 0)}60%{clip:rect(98px, 9999px, 28px, 0)}65%{clip:rect(17px, 9999px, 48px, 0)}70%{clip:rect(47px, 9999px, 79px, 0)}75%{clip:rect(88px, 9999px, 29px, 0)}80%{clip:rect(4px, 9999px, 94px, 0)}85%{clip:rect(36px, 9999px, 75px, 0)}90%{clip:rect(53px, 9999px, 18px, 0)}95%{clip:rect(67px, 9999px, 58px, 0)}100%{clip:rect(38px, 9999px, 38px, 0)}}.screen-flash-text:after{content:attr(data-text);white-space:nowrap;position:absolute;left:5rem;text-shadow:-3px 0 #f22f0d;top:0;color:white;background:#151515;overflow:hidden;clip:rect(0, 900px, 0, 0);animation:noise-anim 5s infinite linear alternate-reverse}@keyframes noise-anim-2{0%{clip:rect(59px, 9999px, 60px, 0)}5%{clip:rect(62px, 9999px, 93px, 0)}10%{clip:rect(18px, 9999px, 79px, 0)}15%{clip:rect(49px, 9999px, 24px, 0)}20%{clip:rect(67px, 9999px, 86px, 0)}25%{clip:rect(80px, 9999px, 99px, 0)}30%{clip:rect(19px, 9999px, 38px, 0)}35%{clip:rect(69px, 9999px, 23px, 0)}40%{clip:rect(10px, 9999px, 8px, 0)}45%{clip:rect(76px, 9999px, 57px, 0)}50%{clip:rect(64px, 9999px, 21px, 0)}55%{clip:rect(78px, 9999px, 67px, 0)}60%{clip:rect(38px, 9999px, 85px, 0)}65%{clip:rect(84px, 9999px, 4px, 0)}70%{clip:rect(24px, 9999px, 68px, 0)}75%{clip:rect(59px, 9999px, 48px, 0)}80%{clip:rect(6px, 9999px, 70px, 0)}85%{clip:rect(28px, 9999px, 21px, 0)}90%{clip:rect(19px, 9999px, 81px, 0)}95%{clip:rect(74px, 9999px, 37px, 0)}100%{clip:rect(70px, 9999px, 9px, 0)}}.screen-flash-text:before{content:attr(data-text);white-space:nowrap;position:absolute;left:-5rem;text-shadow:3px 0 #0039ff;top:0;color:white;background:#151515;overflow:hidden;clip:rect(0, 900px, 0, 0);animation:noise-anim-2 5s infinite linear alternate-reverse}#detour-screen{width:100%;height:100%;position:fixed;left:0;top:0;background:#151515;pointer-events:none}#detour-intro{width:100%;height:100%;opacity:0;transition:opacity 2s linear}#detour-intro.detour-intro--visible{opacity:1}#detour-intro p{width:615px;margin:0;position:absolute;top:50%;left:50%;font-family:detour-text;font-size:25px;line-height:40px;letter-spacing:1.5px;transform:translate(-50%, -50%) scaleY(0.9);transition:opacity 3s ease-in-out}#detour-logo{width:85px;position:absolute;top:43%;left:50%;transform:translate(-50%, -50%);transition:opacity 2.5s ease-in-out}#detour-logo.detour-logo--fade{opacity:0}#detour-input{display:none;position:absolute;top:53%;left:50%;transform:translate(-50%, -50%)}#detour-input.detour-input--active{display:block}#detour-input .detour-input-icon{width:35px;margin-top:-.5rem;vertical-align:middle;display:none;transition:opacity 2.5s ease-in-out}#detour-input .detour-input-icon.detour-input-icon--fade{opacity:0}#detour-input .detour-input-icon.detour-input-icon--active{display:inline-block}#detour-input .detour-input-text{display:inline-block;margin:0;margin-left:1rem;margin-top:.5rem;font-size:1.5rem;font-family:detour-text;letter-spacing:.05rem;transform:scaleY(0.9)}#detour-input .detour-input-text.detour-input-text--wait{animation:fading 1.85s infinite linear}#detour-input .detour-input-text.detour-input-text--disabled{display:none}#detour-input .detour-input-text.detour-input-text--receive{transition:opacity 2.5s ease-in-out}#detour-input .detour-input-text.detour-input-text--receive.detour-input-text--receive--fade{opacity:0}@keyframes fading{0%{opacity:1}65%{opacity:0}100%{opacity:1}}#detour-loader{position:absolute;width:215px;height:3px;left:0;right:0;bottom:0;top:5%;margin:auto}#detour-loader #detour-loader-bar{height:100%;display:flex;transform:translateZ(0)}#detour-loader #detour-loader-bar .detour-loader-unit{flex:1;background:#E5E5E5;animation:loading .8s infinite alternate ease;box-shadow:0 0 5px #E5E5E5}#detour-loader #detour-loader-bar .detour-loader-unit:nth-child(1){animation-delay:-.74667s}#detour-loader #detour-loader-bar .detour-loader-unit:nth-child(2){animation-delay:-.69333s}#detour-loader #detour-loader-bar .detour-loader-unit:nth-child(3){animation-delay:-.64s}#detour-loader #detour-loader-bar .detour-loader-unit:nth-child(4){animation-delay:-.58667s}#detour-loader #detour-loader-bar .detour-loader-unit:nth-child(5){animation-delay:-.53333s}#detour-loader #detour-loader-bar .detour-loader-unit:nth-child(6){animation-delay:-.48s}#detour-loader #detour-loader-bar .detour-loader-unit:nth-child(7){animation-delay:-.42667s}#detour-loader #detour-loader-bar .detour-loader-unit:nth-child(8){animation-delay:-.37333s}#detour-loader #detour-loader-bar .detour-loader-unit:nth-child(9){animation-delay:-.32s}#detour-loader #detour-loader-bar .detour-loader-unit:nth-child(10){animation-delay:-.26667s}#detour-loader #detour-loader-bar .detour-loader-unit:nth-child(11){animation-delay:-.21333s}#detour-loader #detour-loader-bar .detour-loader-unit:nth-child(12){animation-delay:-.16s}#detour-loader #detour-loader-bar .detour-loader-unit:nth-child(13){animation-delay:-.10667s}#detour-loader #detour-loader-bar .detour-loader-unit:nth-child(14){animation-delay:-.05333s}#detour-loader #detour-loader-bar .detour-loader-unit:nth-child(15){animation-delay:0s}#detour-loader.detour-loader--disabled{display:none}@keyframes loading{100%{background:transparent;flex:10;box-shadow:0 0 0 transparent}}@keyframes move{0%{opacity:0;top:-10px}5%{opacity:1;top:0px}50.8%{opacity:1;top:0px}55.8%{opacity:0;top:10px}}.detour-generator{display:inline-block;vertical-align:middle;margin-top:-.5rem}.detour-generator.detour-generator--disabled{display:none}.detour-generator .detour-generator-unit{background:#151515;width:5px;height:5px;float:left;top:-10px;margin-right:3px;margin-top:3px;position:relative;opacity:0;animation:move 1.85s infinite}.detour-generator .detour-generator-unit.detour-generator-unit--enter{top:0;opacity:1}.detour-generator .detour-generator-unit:nth-child(1){animation-delay:.3s}.detour-generator .detour-generator-unit:nth-child(2){animation-delay:.35s}.detour-generator .detour-generator-unit:nth-child(3){animation-delay:.4s}.detour-generator .detour-generator-unit:nth-child(4){animation-delay:.15s}.detour-generator .detour-generator-unit:nth-child(5){animation-delay:.2s}.detour-generator .detour-generator-unit:nth-child(6){animation-delay:.25s}.detour-generator .detour-generator-unit:nth-child(8){animation-delay:.05s}.detour-generator .detour-generator-unit:nth-child(9){animation-delay:.1s}.detour-generator .detour-generator-unit.detour-generator-unit--clear{clear:both}.detour-generator .detour-generator-unit.detour-generator-unit--last{margin-right:0}#detour-gui{width:100%;height:100%;position:fixed;top:0;left:0;pointer-events:none}#detour-gui #detour-hud{position:absolute;top:0;left:0;opacity:0;transition:opacity 3.5s ease-in-out}#detour-gui #detour-hud.detour-hud--active{opacity:1}#detour-gui #detour-hud #detour-hud-health{display:block;padding-left:.3rem;margin-bottom:.65rem}#detour-gui #detour-hud #detour-hud-health .detour-hud-health-unit{width:15px;height:15px;display:inline-block;position:relative;box-shadow:0 0 8px #252525;border:2px solid #E5E5E5;transform:rotate(-135deg)}#detour-gui #detour-hud #detour-hud-health .detour-hud-health-unit+.detour-hud-health-unit{margin-left:.6rem}#detour-gui #detour-hud #detour-hud-health .detour-hud-health-unit.detour-hud-health-unit--full{background:#E5E5E5}#detour-gui #detour-hud #detour-hud-health .detour-hud-health-unit.detour-hud-health-unit--full .detour-hud-health-unit-inner{display:none}#detour-gui #detour-hud #detour-hud-health .detour-hud-health-unit:nth-child(2n-1){margin-left:-.5px}#detour-gui #detour-hud #detour-hud-health .detour-hud-health-unit:nth-child(2n){margin-left:-.5px;top:-18.5px}#detour-gui #detour-hud #detour-hud-health .detour-hud-health-unit .detour-hud-health-unit-inner{width:100%;height:100%;box-shadow:inset 0 0 3px #252525}#detour-gui #detour-hud #detour-hud-stamina{width:150px;height:3px;display:block;margin-bottom:.2rem;background:#252525;box-shadow:0 0 3px #252525}#detour-gui #detour-hud #detour-hud-stamina .detour-hud-stamina--fill{width:100%;height:100%;background:#E5E5E5}#detour-gui #detour-hud #detour-hud-points .detour-hud-icon{width:38px;background-image:url("../assets/icons/points-icon--drop.png");background-repeat:no-repeat;background-size:130%;background-position:50% 50%;margin-right:.65rem;display:inline-block;vertical-align:sub}#detour-gui #detour-hud #detour-hud-points .detour-hud-points-label{display:inline-block;font-family:detour-number;font-size:2.5rem;letter-spacing:0.035rem;vertical-align:super;text-shadow:1px 1px 3px #252525;transform:scaleY(0.8)}html,body{margin:0;padding:0;overflow:hidden;background:#151515}
