html{background-color:violet}html,body{height:100%}body{font-family:sans-serif;display:flex;justify-content:center;align-items:center}canvas{z-index:10}.frame{width:500px;height:500px;position:relative;border-radius:6px;border:3px solid white;filter:drop-shadow(18px 18px 0px black);box-sizing:content-box}.game{width:100%;height:100%;background:aliceblue;position:relative;overflow:hidden}.corner-timer:empty{display:none}.corner-timer{position:absolute;background-color:#fff;color:violet;top:0;right:0;padding:5px 10px;border-bottom-left-radius:4px;z-index:1}.map{width:100%;position:absolute;pointer-events:none}.debug,.interface{position:absolute;top:0;left:0;bottom:0;right:0}.car{position:absolute;pointer-events:none;background-size:contain;background-position:center;background-repeat:no-repeat}.obstacle{position:absolute;pointer-events:none;filter:drop-shadow(18px 18px 0px black);background-size:contain}.circle:before{clip-path:circle()}.obstacle:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-position:center;background-size:contain}.debug{pointer-events:none}.interface{padding:115px;display:flex;flex-direction:column;align-items:center;gap:20px}.interface .logo{position:relative;width:400px;margin-top:60px;margin-bottom:10px}.hidden{display:none}.start-button{letter-spacing:.07em;background-color:#7fffd4;font-size:18px;padding:10px 20px;text-transform:uppercase;border-radius:4px;border:3px solid black;filter:drop-shadow(12px 12px 0px black)}.start-button:hover{background-color:violet}.timer{font-family:arial}.timer:before{content:var(--time);position:relative}.interface>div{rotate:8deg;font-size:24px;text-transform:uppercase;text-align:center;padding:40px;border:3px solid black;background:violet;border-radius:4px;filter:drop-shadow(12px 12px 0px black)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}