*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#111;font-family:IBM Plex Mono,serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.logo{align-items:center;color:#fff;display:flex;justify-content:center;position:relative;text-transform:uppercase}.logo .fire-icon{height:40px;margin-right:5px;position:relative;width:40px}.logo h1{animation:gradientAnimation 3s ease infinite;background:linear-gradient(90deg,#ee682e 0,#fff 50%);-webkit-background-clip:text;background-size:300% 100%;color:#0000;display:inline-block;font-size:1.6em}.app-container{margin:0 auto;max-width:600px;padding:20px;text-align:center}.success-message{background:#fff;border-radius:10px;font-size:1.5em;margin:10px 0 30px;padding:20px}.input-container{margin:20px 0}.input-wrapper{position:relative;width:100%}.input-container input{border:none;border-radius:5px;box-sizing:border-box;display:block;font-family:IBM Plex Mono,serif;font-size:1em;font-weight:700;outline:none;padding:20px 15px;width:100%}.timeout-progress{background:#999;border-radius:0 0 0 5px;bottom:0;height:3px;left:0;position:absolute}.guess-button{font-size:1em;padding:10px 20px}.rules-button{border:none;border-radius:100%;bottom:20px;box-shadow:0 0 0 3px #111;cursor:pointer;font-weight:700;height:50px;position:fixed;right:50%;text-align:center;transform:translateX(50%);vertical-align:middle;width:50px;z-index:100}.rules-button:hover{background-color:#ddd}.error-message{background:blue;box-sizing:initial;color:#fff;font-size:small;font-weight:700;margin:20px 0 30px;outline:2px dashed blue;padding:10px}.attempt-list{margin-bottom:70px}.attempt{border-radius:5px;color:#000;display:flex;font-weight:700;margin:0 0 10px;padding:11px 15px 12px;position:relative;text-align:left}.attempt-last:before{background:#eee;border-radius:100%;content:" ";display:block;height:10px;left:-20px;position:absolute;top:17px;width:10px}.attempt_label{width:100%}.attempt_value{flex-shrink:0;white-space:nowrap}.separator{background:#eee;border-radius:3px;height:3px;margin:20px 0}.test{position:relative}@keyframes scaleUpDown{0%,to{transform:scaleY(1) scaleX(1)}50%,90%{transform:scaleY(1.1)}75%{transform:scaleY(.95)}80%{transform:scaleX(.95)}}@keyframes shake{0%,to{transform:skewX(0) scale(1)}50%{transform:skewX(5deg) scale(.9)}}@keyframes particleUp{0%{opacity:0}20%{opacity:1}80%{opacity:1}to{opacity:0;top:-60%;transform:scale(.5)}}@keyframes glow{0%,to{background-color:#ef5a00}50%{background-color:#ff7800}}.fire{background-color:initial;height:26px;margin-left:auto;margin-right:auto;position:absolute;top:8px;width:26px}.fire-center{animation:scaleUpDown 3s ease-out;animation-fill-mode:both;animation-iteration-count:infinite}.fire-center,.fire-center .main-fire{height:100%;position:absolute;width:100%}.fire-center .main-fire{background-image:radial-gradient(farthest-corner at 5px 0,#d43300 0,#ef5a00 95%);border-radius:0 40% 60% 40%;filter:drop-shadow(0 0 5px #d43322);transform:scaleX(.8) rotate(45deg)}.fire-center .particle-fire{animation:particleUp 2s ease-out 0;animation-fill-mode:both;animation-iteration-count:infinite;background-color:#ef5a00;border-radius:50%;filter:drop-shadow(0 0 5px #d43322);height:5px;left:45%;position:absolute;top:60%;width:5px}.fire-right{animation:shake 2s ease-out 0;animation-fill-mode:both;animation-iteration-count:infinite;height:100%;position:absolute;width:100%}.fire-right .main-fire{border-radius:0 40% 60% 40%;height:80%;right:-25%;top:15%;width:80%}.fire-right .main-fire,.fire-right .particle-fire{background-color:#ef5a00;filter:drop-shadow(0 0 5px #d43322);position:absolute;transform:scaleX(.8) rotate(45deg)}.fire-right .particle-fire{animation:particleUp 2s ease-out 0;animation-fill-mode:both;animation-iteration-count:infinite;border-radius:50%;height:10px;left:50%;top:45%;width:10px}.fire-left{animation:shake 3s ease-out 0;animation-fill-mode:both;animation-iteration-count:infinite;height:100%;position:absolute;width:100%}.fire-left .main-fire{border-radius:0 40% 60% 40%;height:80%;left:-20%;top:15%;transform:scaleX(.8) rotate(45deg);width:80%}.fire-left .main-fire,.fire-left .particle-fire{background-color:#ef5a00;filter:drop-shadow(0 0 5px #d43322);position:absolute}.fire-left .particle-fire{animation:particleUp 0 3s ease-out infinite;animation-fill-mode:both;border-radius:50%;height:10%;left:20%;top:10%;width:10%}.fire-bottom .main-fire{animation:glow 2s ease-out 0;animation-fill-mode:both;animation-iteration-count:infinite;background-color:#ff7800;border-radius:0 40% 100% 40%;filter:blur(5px);height:75%;left:20%;position:absolute;top:30%;transform:scaleX(.8) rotate(45deg);width:75%}.modal{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;margin:0;overflow:auto;padding:30px;position:fixed;right:0;top:0;z-index:1000}.modal-content{background-color:#fff;border:1px solid #888;border-radius:10px;box-shadow:0 5px 15px #0000004d;font-size:medium;line-height:150%;margin:0;max-width:500px;padding:30px;position:relative;text-align:left}.modal-content h2{margin:0 0 20px}.close{color:#aaa;display:block;float:right;font-size:28px;font-weight:700;height:30px;position:absolute;right:0;top:10px;width:30px}.close:focus,.close:hover{color:#000;cursor:pointer;text-decoration:none}.new-game-button{align-items:center;background:linear-gradient(45deg,red,#ff8c00);border:none;border-radius:100px;color:#fff;cursor:pointer;display:flex;font-weight:700;gap:10px;justify-content:center;margin:30px auto;padding:10px 20px;text-align:center;vertical-align:middle}.new-game-button svg path{fill:#fff}
/*# sourceMappingURL=main.bc4eb235.css.map*/