body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.keypad-container{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,60px);grid-template-rows:repeat(4,60px);justify-content:center;margin-bottom:20px}.keypad-button{align-items:center;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-weight:700;height:60px;justify-content:center;outline:none;transition:background-color .3s;width:60px}.keypad-button .digit{font-size:1.2rem;line-height:1.2rem}.keypad-button .letters{font-size:.7rem;line-height:.7rem;margin-top:3px}.keypad-placeholder{height:60px;width:60px}.keypad-button.green{background-color:#28a745}.keypad-button.red{background-color:#dc3545}.keypad-button.grey{background-color:#ccc;color:#666}.App{font-family:sans-serif;padding:.5rem;position:relative;text-align:center}.App,body,html{margin:0 auto;max-width:500px}body,html{box-sizing:border-box;overflow-x:hidden;padding:0}.small-title{font-size:.8rem;margin:0 0 .2rem}:root{--accent-color:#9575cd}.top-bar{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.left-level,.right-score{font-size:.8rem;font-weight:700}.center-title{font-size:.8rem;margin:0}.modal-backdrop{align-items:flex-start;background:#00000080;box-sizing:border-box;display:flex;height:100%;justify-content:center;left:0;padding:1rem;position:fixed;top:0;width:100%;z-index:2000}.modal{background:#fff;border:2px solid #9575cd;border:2px solid var(--accent-color);border-radius:8px;box-shadow:0 4px 12px #0003;margin:2px auto 0;max-height:90vh;max-width:275px;overflow-y:auto;padding:1rem;text-align:center}.modal h2{color:#9575cd;color:var(--accent-color);font-size:1.2rem;margin-bottom:.5rem;margin-top:0}.modal button{background-color:#9575cd;background-color:var(--accent-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;margin:.5rem .25rem 0;padding:.5rem 1rem}.modal button:hover{opacity:.9}.how-to-play-body{line-height:1.4;margin-top:.5rem;text-align:left}.daily-number{font-size:1.4rem;margin-bottom:.3rem;margin-top:.5rem}.small-dial{color:#777;font-size:75%;font-style:italic}.two-column-layout{align-items:flex-start;display:flex;gap:0;margin-bottom:-1rem}.level-dots-container{align-items:center;display:flex;flex-direction:column;margin-right:1rem}.level-dot{background-color:#bbb;border-radius:50%;height:5px;margin:6px 0;width:5px}.active-dot{background-color:#9575cd;background-color:var(--accent-color);height:12px;width:12px}.keypad-container{margin:0 auto;padding-top:.5rem;transform:scale(.93);transform-origin:top center}.message-container{margin-top:.25rem;min-height:1rem}.message{font-size:.75rem;margin-bottom:.5rem;margin-top:.25rem;transition:opacity .5s ease-in-out}.message.success{color:green}.message.error{color:red}.fade-out{opacity:0}.bottom-row{justify-content:center;margin-top:1rem}.bottom-row,.word-form{align-items:center;display:flex}.word-form{gap:.5rem;margin-bottom:.5rem}.word-input{box-sizing:border-box;font-size:1rem;margin-left:1rem;max-width:200px;padding:.2rem;width:70%}.circle-submit-btn{align-items:center;background-color:#9575cd;background-color:var(--accent-color);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:2rem;justify-content:center;width:2rem}.qwerty-keyboard{align-items:center;display:flex;flex-direction:column;margin:1rem auto;max-width:100%}.qwerty-row{display:flex;justify-content:center;margin-bottom:.5rem}.keycap{background-color:#ccc;border:none;border-radius:6px;cursor:pointer;font-size:1rem;margin:0 .15rem;min-width:1.8rem;outline:none;padding:.75rem .4rem;text-align:center;text-transform:uppercase}.keycap:hover{background-color:#9575cd;background-color:var(--accent-color);color:#fff}.found-words-container{margin-bottom:1rem;position:relative}.collapsed-row{border-radius:8px;margin-bottom:1rem;padding:.5rem}.collapsed-inner{align-items:center;display:flex;justify-content:center;position:relative}.collapsed-words-list{display:flex;gap:.3rem;list-style-type:none;margin:0;padding:0}.tiny-pill{background-color:#9575cd;background-color:var(--accent-color);border-radius:16px;color:#fff;display:inline-block;font-size:.75rem;font-weight:700;min-width:30px;padding:.2rem .4rem}.expand-arrow{cursor:pointer;font-size:1.2rem;margin-left:.5rem}.expanded-overlay{background-color:#fff;border:1px solid #ccc;border-radius:8px;box-shadow:0 4px 8px #0000004d;left:0;padding:1rem;position:absolute;right:0;top:0;z-index:999}.overlay-header{display:flex;justify-content:flex-end}.collapse-arrow{cursor:pointer;font-size:1.2rem}.words-columns{display:flex;gap:1rem;justify-content:center;margin-top:.5rem}.words-columns ul{list-style-type:none;margin:0;padding:0}.pill{background-color:#9575cd;background-color:var(--accent-color);border-radius:16px;color:#fff;display:inline-block;font-weight:700;margin-bottom:.3rem;padding:.3rem .6rem}.expanded-info,.footer{margin-top:1rem;text-align:center}.footer{color:#777;font-size:.75rem}#share-preview{left:-9999px;position:absolute;top:0}.particle-container{bottom:0;height:100vh;left:0;pointer-events:none;position:absolute;right:0;z-index:3000}.floating-particle{animation:floatUp 3s ease forwards;background-color:#9575cd;background-color:var(--accent-color);border-radius:50%;bottom:0;height:12px;opacity:.85;position:absolute;width:12px}@keyframes floatUp{0%{opacity:.9;transform:translateY(0)}30%{opacity:1}to{opacity:0;transform:translateY(-120vh)}}.level-up-overlay{animation:fadeInOut 3s ease forwards;background-color:#fffffff2;border:2px solid #9575cd;border:2px solid var(--accent-color);border-radius:8px;color:#9575cd;color:var(--accent-color);font-size:1.2rem;font-weight:700;left:50%;padding:1rem 1.5rem;position:absolute;top:40%;transform:translate(-50%,-50%);z-index:4000}@keyframes fadeInOut{0%{opacity:0}20%{opacity:1}80%{opacity:1}to{opacity:0}}.celebration-modal{border:3px solid #9575cd;border:3px solid var(--accent-color)}
/*# sourceMappingURL=main.ac622fb7.css.map*/