@import"https://fonts.googleapis.com/css2?family=Grandstander:wght@400;700&display=swap";*:where(:not(html,iframe,canvas,img,svg,video,audio):not(svg *,symbol *)){all:unset;display:revert}*,*:before,*:after{box-sizing:border-box}a,button{cursor:revert}ol,ul,menu{list-style:none}img{max-inline-size:100%;max-block-size:100%}table{border-collapse:collapse}input,textarea{-webkit-user-select:auto}textarea{white-space:revert}meter{-webkit-appearance:revert;appearance:revert}:where(pre){all:revert}::placeholder{color:unset}::marker{content:initial}:where([hidden]){display:none}:where([contenteditable]:not([contenteditable="false"])){-moz-user-modify:read-write;-webkit-user-modify:read-write;overflow-wrap:break-word;-webkit-line-break:after-white-space;-webkit-user-select:auto}:where([draggable="true"]){-webkit-user-drag:element}:where(dialog:modal){all:revert}*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;touch-action:none;font-family:Grandstander,cursive;text-shadow:0 0 3px #000}html,body{width:100vw;min-width:100vw;max-width:100vw;height:100vh;min-height:100vh;max-height:100vh}body{display:flex;justify-content:center;align-items:center;position:fixed;inset:0;color:#fff;font-size:24px;background:#1a1a1a;background:linear-gradient(rgb(106,39,14),rgb(29,7,0))}#root{display:flex;justify-content:center;align-items:center;flex-direction:column}canvas{border-radius:6px;box-shadow:0 0 5px #000;border:3px solid #831;overflow:hidden}.levels{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:36px;gap:12px}.level{width:150px;height:150px;background-size:cover;opacity:.5;border:3px solid #831;border-radius:6px;transform:scale(.9);transition:all .2s ease-in-out;cursor:pointer;position:relative;filter:grayscale(1);display:flex;justify-content:center;align-items:center;box-shadow:0 0 3px #000;overflow:hidden}.level svg{position:absolute;width:80px;height:80px;fill:#831;opacity:.9;filter:drop-shadow(0 0 3px #000)}.level:hover,.level.complete{opacity:1;transform:scale(1);filter:grayscale(0)}h1{font-size:52px;margin-bottom:24px;color:#fff;text-shadow:0 0 6px #000}button{font-size:24px;padding:12px 24px;border-radius:6px;border:3px solid #831;background:rgb(95,35,12);color:#fff;cursor:pointer;opacity:.5;box-shadow:0 0 3px #000;transition:all .2s ease-in-out;margin-top:12px}button:hover{opacity:1}.moto{color:#ddd}.score{position:absolute;bottom:0;font-size:28px;font-weight:700;text-shadow:0 0 5px #000}