@font-face{font-family:PressStart2P-Regular;src:url(./PressStart2P-Regular-DalJBAVW.woff2) format("woff2")}html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #444;margin:1em 0;padding:0}input,select{vertical-align:middle}a,:focus,:active,:hover{outline:0}h1,h2,h3,h4,h5,h6{font-weight:400}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#322b64;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#7060dc;text-decoration:inherit}a:hover{color:#7060dc}body{margin:0;display:flex;flex-direction:column;min-height:100vh;background-color:initial}body>*{visibility:initial}main{flex-grow:1;background-color:#1a1a1a;color:#fff;width:100%;max-width:1280px;margin:0 auto;text-align:center;position:relative;display:flex;flex-direction:column}.homepage-only{display:none}body.homepage .homepage-only{display:block}body.homepage .not-homepage,.hidden.hidden.hidden{display:none}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#242424;cursor:pointer;transition:border-color .25s}button:hover{border-color:#7060dc}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#7060dc}button{background-color:#f9f9f9}}header{padding:1em 2em;background-color:#1a1a1a;color:#fff;text-align:center;display:flex;justify-content:space-between;font:14px/1.2 PressStart2P-Regular,system-ui}body:is(.env-production) header{display:none}header h2{font-weight:700;color:#7060dc;text-transform:uppercase}header h2 a{font-weight:inherit}header h2 .jgh{font-weight:300}header .nav{display:flex;justify-content:center;gap:1em;margin-top:1em;list-style:none}h1{font:700 65px/1 PressStart2P-Regular,system-ui;text-align:center;text-transform:uppercase;margin:2rem auto}@media (max-width: 600px){h1{font-size:10.83333vw}}.game-wrap{width:min(512px,100vw);margin:auto;position:relative}.game-container{width:100%}.game-container canvas{width:100%!important;height:auto!important;display:block}.game-list{display:flex;flex-direction:column;align-items:center}.game-list li{font:700 24px/1.25 PressStart2P-Regular,system-ui;width:fit-content;position:relative}@media (max-width: 512px){.game-list li{font-size:4.6875vw}}.game-list li a[href]{color:#efefef;display:block;padding:.4em .16em}.game-list li a[href]:before{content:"";position:absolute;top:0;right:-1.6em;bottom:0;left:-1.6em;background-color:#7060dc;opacity:0;cursor:pointer;mix-blend-mode:screen}.game-list li a[href]:hover:before{opacity:.2}.game-list li a[href]:after{content:"";background-color:#7060dc;width:.8em;aspect-ratio:1;position:absolute;top:calc(50% - .4em);right:100%;-webkit-mask:url(../assets/images/arrow.webp) no-repeat center/contain;mask:url(../assets/images/arrow.webp) no-repeat center/contain;image-rendering:pixelated;opacity:0;transform:translate(-25%)}.game-list li a[href]:hover:after{animation:pixelated-slide-in .3s forwards;animation-timing-function:steps(1);opacity:1}@keyframes pixelated-slide-in{0%{transform:translate(-50%)}25%{transform:translate(-37.5%)}50%{transform:translate(-25%)}75%{transform:translate(-12.5%)}to{transform:translate(0)}}@keyframes ldio-x2uulkbinbj{0%{background:#b8b0ee}12.5%{background:#b8b0ee}12.625%{background:#7060dc}to{background:#7060dc}}.ldio-x2uulkbinbj div{position:absolute;width:40px;height:40px;background:#7060dc;animation:ldio-x2uulkbinbj 1s linear infinite}.loadingio-spinner-blocks-nq4q5u6dq7r{width:200px;height:200px;overflow:hidden;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000}.ldio-x2uulkbinbj{width:100%;height:100%;position:relative;transform:translateZ(0) scale(1);backface-visibility:hidden;transform-origin:0 0}.ldio-x2uulkbinbj div{box-sizing:content-box}.ldio-x2uulkbinbj div:nth-child(1){left:38px;top:38px;animation-delay:0s}.ldio-x2uulkbinbj div:nth-child(2){left:80px;top:38px;animation-delay:.125s}.ldio-x2uulkbinbj div:nth-child(3){left:122px;top:38px;animation-delay:.25s}.ldio-x2uulkbinbj div:nth-child(4){left:38px;top:80px;animation-delay:.875s}.ldio-x2uulkbinbj div:nth-child(5){left:122px;top:80px;animation-delay:.375s}.ldio-x2uulkbinbj div:nth-child(6){left:38px;top:122px;animation-delay:.75s}.ldio-x2uulkbinbj div:nth-child(7){left:80px;top:122px;animation-delay:.625s}.ldio-x2uulkbinbj div:nth-child(8){left:122px;top:122px;animation-delay:.5s}.score-display{position:absolute;top:.5em;left:.5em;font:600 min(24px,5vw)/1.2 "PressStart2P-Regular",system-ui;-webkit-user-select:none;user-select:none;pointer-events:none;text-transform:uppercase;text-shadow:.075em .075em 0em #fb7e01,.1em .1em 0em #fb7e01;word-spacing:-.8em}body:is(.loading,.homepage) .score-display{display:none}.score-display span{display:inline-block}#score-plus{opacity:0;padding-left:.2em;font-size:.85em;position:absolute;top:0;left:100%}#score-plus.active{animation:animate-score-plus .6s forwards;animation-timing-function:steps(1);opacity:1}@keyframes animate-score-plus{0%{transform:translateY(85%)}12.5%{transform:translateY(57%)}25%{transform:translateY(36%)}37.5%{transform:translateY(21%)}50%{transform:translateY(11%)}62.5%{transform:translateY(5%)}75%{transform:translateY(2%)}87.5%{transform:translateY(1%)}to{transform:translateY(0)}}#vru-dom-text-dom-elements{position:absolute;box-sizing:border-box;align-items:stretch;pointer-events:none;top:0;right:0;bottom:0;left:0}body:is(.loading,.homepage) #vru-dom-text-dom-elements{display:none}.vru-dom-text{-webkit-user-select:none;user-select:none;pointer-events:none;text-transform:uppercase;position:absolute}.vru-modal-title{padding-block:.7em;text-shadow:#fb7e01 .1em .1em 1px,#fb7e01 -.1em -.1em 1px,#fb7e01 .1em -.1em 1px,#fb7e01 -.1em .1em 1px,#fb7e01 0em .1em 1px,#fb7e01 .1em 0em 1px,#fb7e01 -.1em 0em 1px,#fb7e01 0em -.1em 1px}.vru-button-text{box-sizing:border-box;text-align:center;transform:translate(-50%,calc(-.5em + 1px))}.debug-panel{position:relative;background:#000c;border-radius:8px;color:#fff;z-index:1000;min-width:200px;font:400 14px/1.2 Roboto,sans-serif}.debug-panel .panel-header{display:flex;justify-content:space-between;align-items:center}.debug-panel .minimize-button{background:none;border:1px solid white;color:#fff;width:18px;height:18px;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;font-size:18px;line-height:1}.debug-panel .minimize-button:hover{background:#ffffff1a}.debug-panel .debug-controls{padding-top:.5rem;background-color:inherit;padding:1em;position:absolute;top:calc(100% + .5em);right:-1em;border-radius:0 0 8px 8px}.debug-panel .debug-control{margin-top:.5rem}.debug-panel .debug-control:not(.all-scenes){display:none}body.current-CyclistGameScene .debug-panel .debug-control.debug-control.CyclistGameScene,body.current-MotorcyclistGameScene .debug-panel .debug-control.debug-control.MotorcyclistGameScene,body.current-PedestrianGameScene .debug-panel .debug-control.debug-control.PedestrianGameScene{display:block}.debug-panel h2{margin:0;font-size:1rem}.debug-panel label{display:flex;align-items:center;gap:.5rem;cursor:pointer;white-space:nowrap}.debug-panel input[type=checkbox]{cursor:pointer}.debug-panel .value-label{min-width:var(--min-width, 0)}
