body{font-family:sans-serif;margin:0}#info{background-color:#000;border:1px solid #fff;color:#fff;font-family:monospace;left:0;padding:.5rem;position:absolute;top:0}#distance-row,#score-row{display:flex}#distance,#score{margin-left:.5rem}.divider{background-color:#fff;height:2px;margin:.5rem 0;width:100%}#info #title{font-weight:700}#info #health{-webkit-appearance:none;height:12px;margin:10px 0;width:100%}#info #health:focus{outline:none}#info #health::-moz-range-track{background:#333;height:12px;width:100%}#info #health::-moz-range-thumb{opacity:0}#info #health::-moz-range-progress{background:#4194e2;height:12px}#info #health::-webkit-slider-runnable-track{-webkit-appearance:none;background:#333;height:12px;margin-top:-1px;overflow:hidden;width:100%}#info #health::-webkit-slider-thumb{-webkit-appearance:none;background:transparent;box-shadow:-100px 0 0 100px #4194e2;cursor:ew-resize;height:12px;width:0}#game-over-panel,#intro-panel{background-color:#000;bottom:0;color:#fff;display:grid;font-family:monospace;left:0;opacity:1;place-items:center;position:absolute;right:0;top:0;transition:opacity 1.5s ease-in-out;z-index:10}#game-over-panel.hidden,#intro-panel.hidden{opacity:0;pointer-events:none}#game-over-column,#intro-column{text-align:center}#game-over-title,#intro-title{font-size:3em;margin-bottom:3em}#replay-button,#start-button{background-color:#000;border:1px solid #fff;color:#fff;cursor:pointer;font-family:monospace;padding:.5rem}#replay-button:hover,#start-button:hover{background-color:#0f0f5c}#game-over-distance-row,#game-over-score-row{display:flex;font-size:1.3rem;justify-content:center;margin-bottom:1rem}#game-over-distance,#game-over-score{margin-left:.5rem}.score-popup{animation:score-popup-float-up 1s ease-in-out;animation-iteration-count:1;color:#eee;font-size:30px;left:50%;position:absolute;transform:translate(-50%,-50%)}@keyframes score-popup-float-up{0%{opacity:1;top:33%}to{opacity:0;top:25%}}#stats{display:grid;position:absolute;right:0;top:0;z-index:9999}