@font-face{font-family:Monocraft;src:url(/assets/fonts/monocraft.otf) format("opentype")}body,html{margin:0;padding:0;height:100%;font-family:Monocraft}body{display:flex;justify-content:center;align-items:center;height:100vh;margin:0}canvas{display:block;width:100%;height:100%;image-rendering:pixelated}.msg-container{max-width:60%;margin:0 auto;padding:0 1rem}.msg-container figure{text-align:center;padding:.5rem 0}#startScreen{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;display:none;flex-direction:column;justify-content:center;align-items:center;text-align:center;z-index:10}#startScreen h1{font-size:3em;margin-bottom:10px;color:#ff0079}#startScreen p{font-size:1.2em;margin-bottom:20px;max-width:600px;font-weight:700;line-height:1.5;color:#333}.steps{text-align:left;margin-top:10px;font-size:1em}.steps ul{list-style:none;padding:0}.steps ul li{margin-bottom:10px}.steps ul li:before{content:"✔";color:#ff0079;margin-right:10px}.pet-images{display:flex;justify-content:center;gap:20px;margin:20px 0}.pet-images img{width:100px;height:auto;object-fit:contain;border-radius:10px;padding:20px;box-shadow:0 4px 8px #0000001a}#clearSelection{image-rendering:pixelated;cursor:pointer;border:0;background-color:transparent;position:absolute;right:0;top:0;margin:10px 30px;display:none}#clearSelection>svg{position:fixed}