@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap);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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--background-color:#f0f4f8;--text-color:#102a43;--tile-bg:#fff;--tile-shadow:0 4px 6px #0000001a;--selected-bg:#4a4e69;--selected-text:#fff;--button-bg:#e2e8f0;--button-hover-bg:#cbd5e1;--play-bg:#be3434;--play-hover-bg:#fc6f6ffd;--play-text:#fff}body{align-items:center;background-color:#f0f4f8;background-color:var(--background-color);box-sizing:border-box;color:#102a43;color:var(--text-color);display:flex;font-family:Poppins,sans-serif;justify-content:center;margin:0;min-height:100vh;padding:20px}.App{max-width:600px;text-align:center;width:100%}.game-stats{background-color:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;box-shadow:var(--tile-shadow);display:flex;gap:2rem;justify-content:center;margin-bottom:1rem;margin-left:auto;margin-right:auto;max-width:300px;padding:.5rem 1rem}.stat-item{align-items:center;display:flex;flex-direction:column}.stat-item span{color:#627d98;font-size:.75rem;font-weight:600;letter-spacing:.5px}.stat-item div{font-size:1.5rem;font-weight:700}.home-screen{animation:fadeIn .5s ease-in-out}.home-screen h1{font-size:3.5rem;margin-bottom:.5rem;margin-top:1rem}.home-screen .tagline{color:#4a6fa5;font-size:1.25rem;margin-bottom:2rem}header{margin-bottom:1rem}header h1{font-size:2.5rem;margin:0}header p{font-size:1.1rem;min-height:24px}.solved-group{animation:slide-in .5s ease-out;border-radius:8px;color:#102a43;padding:1rem;text-align:center}.play-button{background-color:#be3434;background-color:var(--play-bg);border:none;border-radius:8px;color:#fff;color:var(--play-text);cursor:pointer;font-size:1.2rem;font-weight:600;padding:1rem 2.5rem;transition:background-color .2s ease,transform .2s ease}.play-button:hover{background-color:#fc6f6ffd;background-color:var(--play-hover-bg);transform:scale(1.05)}.modal-overlay{align-items:center;animation:fadeIn .3s ease;background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background-color:#fff;border-radius:12px;box-shadow:0 5px 15px #0000004d;max-width:90%;padding:2rem 2.5rem;width:450px}.modal-content h2{font-size:1.75rem;margin-top:0}.modal-content ul{line-height:1.6;list-style:none;padding:0;text-align:left}.modal-content ul li{margin-bottom:1rem;padding-left:1.5rem;position:relative}.modal-content ul li:before{color:#be3434;color:var(--play-bg);content:"✓";font-weight:700;left:0;position:absolute}.solved-group strong{display:block;font-size:1rem;font-weight:700;text-transform:uppercase}.solved-group p{font-weight:600;margin:.25rem 0 0}.word-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(4,1fr);margin-bottom:1.5rem}.word-tile{align-items:center;background-color:#fff;background-color:var(--tile-bg);border:2px solid #0000;border-radius:8px;box-shadow:0 4px 6px #0000001a;box-shadow:var(--tile-shadow);cursor:pointer;display:flex;font-size:clamp(.9rem,2.5vw,1.1rem);font-weight:600;justify-content:center;min-height:60px;padding:1rem .5rem;text-transform:uppercase;transition:transform .2s ease,background-color .2s ease,color .2s ease;-webkit-user-select:none;user-select:none}.word-tile:hover:not(:disabled){transform:translateY(-3px)}.word-tile.selected{background-color:#4a4e69;background-color:var(--selected-bg);color:#fff;color:var(--selected-text);transform:scale(1.05)}.word-tile:disabled{cursor:not-allowed;opacity:.7}.mistakes-container{align-items:center;justify-content:center;margin-bottom:1.5rem}.mistake-dots,.mistakes-container{display:flex;gap:.5rem}.dot{background-color:#9b2226;border-radius:50%;height:15px;transition:background-color .3s ease;width:15px}.dot.lost{background-color:#e0e0e0}.action-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.action-buttons button{background-color:#e2e8f0;background-color:var(--button-bg);border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:background-color .2s ease,opacity .2s ease}.action-buttons button:hover:not(:disabled){background-color:#cbd5e1;background-color:var(--button-hover-bg)}.action-buttons button:disabled{cursor:not-allowed;opacity:.5}.action-buttons .submit-button{background-color:#be3434;background-color:var(--play-bg);color:#fff;color:var(--play-text)}.action-buttons .submit-button:hover:not(:disabled){background-color:#fc6f6ffd;background-color:var(--play-hover-bg)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slide-in{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.shake{animation:shake-anim .5s ease-in-out}@keyframes shake-anim{10%,90%{transform:translateX(-1px)}20%,80%{transform:translateX(2px)}30%,50%,70%{transform:translateX(-4px)}40%,60%{transform:translateX(4px)}}.loading-screen{margin-top:20vh;text-align:center}
/*# sourceMappingURL=main.4c652c2d.css.map*/