:root{--accent:#000;--secondary:#ffed00}*{box-sizing:border-box}body,html{height:100%}iframe{border:none!important}body{align-items:center;background:#ffed00;display:flex;line-height:1.4;margin:0}body.off{background:#000}svg{max-height:100vh;overflow:visible;shape-rendering:crispEdges;vertical-align:middle;width:100%}.menu .text{opacity:.3}#congrats-button,#start-button{color:var(--accent);cursor:pointer;fill:transparent;stroke:none}.menu .selected .text{opacity:1}.menu .stars{display:none;shape-rendering:auto}.menu .selected .stars{display:block}#sound-toggle{align-items:center;background:var(--secondary);border-radius:0;box-shadow:inset 0 0 0 2px var(--accent);cursor:pointer;display:flex;font-family:Arial,Helvetica,sans-serif;font-size:14px;justify-content:center;padding:6px 11px;position:absolute;right:10px;top:10px;transition:.3s}#sound-toggle p{margin:3px 0 0;padding:0}#sound-toggle:hover{box-shadow:inset 0 0 0 2px var(--accent)}#sound-toggle:hover,body.off #sound-toggle{background:var(--accent);color:var(--secondary)}body.off #sound-toggle,body.off #sound-toggle:hover{box-shadow:inset 0 0 0 2px var(--secondary)}body.off #sound-toggle:hover{background:var(--secondary);color:var(--accent)}#hud{opacity:.3}#guy{border:1px solid red;transform:scale(1)}#inner-guy{transform-origin:13px}.left #inner-guy{transform:scaleX(-1)}.walk #left_foot,.walk #right_foot{animation:walk .2s infinite}.walk #right_foot{animation-delay:.1s}.walk #head{animation:walk .4s infinite;position:relative;z-index:5}.off #face,.on #guy .accent{fill:var(--accent)}.off #guy .accent,.on #face{fill:var(--secondary)}#death rect{display:none}.dying #death rect{animation:death .8s infinite;display:initial;opacity:0}@keyframes death{0%{opacity:1;transform:rotate(45deg)}50%{opacity:0;transform:rotate(0)}}#inner-goal{shape-rendering:auto;transform-origin:12px 12px}.finish #inner-goal{animation:none}#inner-goal-finish{transform-origin:12px 12px;transition:transform .5s}.finish #inner-goal-finish{transform:scale(200)}.on>svg{background:var(--secondary);color:var(--accent);fill:var(--accent)}.off>svg{background:var(--accent);color:var(--secondary);fill:var(--secondary)}.off .light,.on .dark{opacity:.3}@keyframes walk{50%{transform:translateY(-2px)}}@keyframes pulse{50%{transform:scale(.7)}}[hidden]{display:none!important}#dialog{background:#fff;box-shadow:0 5px 10px rgba(0,0,0,.2);font-family:helvetica neue,helvetica,arial,sans-serif;font-size:16px;padding:25px;position:fixed;right:10px;top:10px;width:400px}h3{margin:0 0 15px}ul{list-style:none;margin:0 0 20px;padding:0}li{margin-bottom:10px}kbd{border:2px solid #444;border-radius:2px;display:inline-block;font-weight:700;line-height:1;padding:4px 6px}span{margin-left:10px}