html{display:flex;flex-direction:column;justify-content:center;align-items:center}body{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;font-family:Arial,Helvetica,sans-serif;background-color:#fff;color:#111;overflow:hidden}.screen{display:none;flex-direction:column;align-items:center;justify-content:center;gap:0;animation:fadeIn 0.6s ease forwards}.screen.active{display:flex}@keyframes fadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.gear-wrap{position:relative;width:120px;height:120px;margin-bottom:36px}.gear-wrap::before{content:'';position:absolute;inset:-12px;border-radius:50%;background:radial-gradient(circle,rgb(0 0 0 / .04) 0%,transparent 70%)}.gear{width:100%;height:100%;animation:spin-gear 2.4s linear infinite;transform-origin:center}@keyframes spin-gear{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.label{font-family:'Share Tech Mono',monospace;font-size:11px;letter-spacing:.35em;text-transform:uppercase;color:#111;margin-bottom:6px}.message{font-family:'Share Tech Mono',monospace;font-size:22px;letter-spacing:.12em;color:#111;margin-bottom:32px}.bar-track{width:220px;height:2px;background:#d0d0d0;position:relative;overflow:hidden}.bar-fill{height:100%;width:0%;background:#111;box-shadow:0 0 8px #111;transition:width 0.1s linear}.bar-track::after{content:'';position:absolute;top:0;left:-40%;width:40%;height:100%;background:linear-gradient(90deg,transparent,rgb(0 0 0 / .15),transparent);animation:shimmer 1.6s ease-in-out infinite}@keyframes shimmer{from{left:-40%}to{left:120%}}#captcha-screen h1{margin-bottom:16px;font-size:1.2rem}.error{border:solid 1px #dd4b39;width:300px;height:80px;padding-left:8px;padding-top:8px;padding-right:10px;padding-bottom:35px}#captcha-div{position:relative;border:solid 1px #d3d3d3;border-radius:5px;width:300px;height:80px;background-color:#f9f9f9;box-shadow:1px 1px 5px #d3d3d3;display:flex;flex-direction:row;align-items:center}#captcha-left{flex-grow:1;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;margin-left:15px}#captcha-right{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;margin-right:15px}#checkbox-container{width:30px;height:30px}#captcha-checkbox{border:solid 2px #c1c1c1;border-radius:3px;width:100%;height:100%}#captcha-checkbox:hover{border:solid 2px #b2b2b2;box-shadow:0 -1px 2px #c1c1c1 inset}#captcha-text{margin-left:15px}#captcha-img{border-radius:5px;width:30px;height:30px}#captcha-subtext{font-size:xx-small;color:#555}#captcha-subtext a{text-decoration:none;color:#555}#captcha-subtext a:hover{text-decoration:underline}.focused{background-color:#ebebeb}.blurred{background-color:#fff}.spinner{border:7px solid #ccc;border-top:7px solid #809ee5;border-radius:50%;width:50%;height:50%;animation:spin 1s linear infinite;display:none;margin:auto}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}#solve-box{width:400px;height:auto;border:solid 1px #cfcfcf;box-shadow:1px 1px 5px #cfcfcf;position:absolute;top:-8px;left:55px;background-color:#fff;display:none}#solve-triangle-outline{background-color:#cfcfcf;width:15px;height:15px;position:absolute;clip-path:polygon(0% 50%,100% 0%,100% 100%);top:38px;left:-15px}#solve-triangle-body{background-color:#fff;width:100%;height:100%;position:absolute;clip-path:polygon(0% 50%,100% 0%,100% 100%);left:2px}#solve-title{padding-top:15px;padding-left:10px;padding-right:10px;padding-bottom:25px;margin-bottom:5px}#solve-title-text{font-size:x-large;font-weight:700}#solve-title-subtext{font-size:small}#solve-title-hint{font-size:small;margin-top:6px}.solve-theme{background-color:#1a73e8;color:#fff}#solve-image-clip{width:100%;aspect-ratio:1;overflow:hidden}#solve-image-main-container{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:10px;width:100%;aspect-ratio:1}@keyframes gridFadeOut{from{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-30px)}}@keyframes gridSlideIn{from{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.grid-exit{animation:gridFadeOut 0.25s ease forwards;pointer-events:none}.grid-enter{animation:gridSlideIn 0.35s ease forwards}.box-exit{animation:fadeOut 0.25s ease forwards;pointer-events:none}.solve-image-container{width:100%;height:100%;background-color:#f9f9f9;display:flex;align-items:center;justify-content:center;position:relative}.tile-checked-overlay{position:absolute;width:40%;height:40%;object-fit:contain;pointer-events:none;display:none}.solve-image{width:100%;aspect-ratio:1;object-fit:cover;cursor:pointer}.solve-image.selected{outline:4px solid #1a73e8;outline-offset:-4px;opacity:.85}.solve-image-container.selected-container{background-color:#1a73e8}.pad5px{padding:5px}#solve-footer{display:flex;flex-direction:row;margin-top:5px;padding-top:8px;border-top:solid 1px #cfcfcf}.icon{width:30px;text-align:center;display:flex;align-items:center;justify-content:center;color:#747474;font-size:large;aspect-ratio:1}.icon:hover{color:#333}#solve-footer-left{flex-grow:1;display:flex;flex-direction:row;align-items:center;justify-content:flex-start}#solve-footer-right{display:flex;flex-direction:row;align-items:center;justify-content:flex-end}#verify{border:none;border-radius:.1rem;font-weight:700;font-size:small;padding:10px 25px}.fade-out{animation:fadeOut 1s forwards}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}#solve-image-error-msg{width:100%;text-align:center;color:#dd4b39;font-size:small;margin:8px 0;display:none}#try-again-later{width:100%;text-align:center;font-size:large;padding:10px 0;margin-bottom:15px}#information-text{font-size:x-small;overflow-y:scroll;margin:8px 0;display:none}#solve-audio-div{display:none}