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}:root{--bg-color:#fff;--text-color:#000;--border-color:#ccc}[data-theme=light][data-contrast=normal]{--bg-color:#fff;--text-color:#222;--border-color:#ccc;--tile-bg-color:#3498db;--tile-color:#fff}[data-theme=light][data-contrast=high]{--bg-color:#fff;--text-color:#000;--border-color:#000;--tile-bg-color:#3498db;--tile-color:#000}[data-theme=dark][data-contrast=normal]{--bg-color:#1e1e1e;--text-color:#ddd;--border-color:#444;--tile-bg-color:#3498db;--tile-color:#fff}[data-theme=dark][data-contrast=high]{--bg-color:#000;--text-color:#ff0;--border-color:#fff;--tile-bg-color:#3498db;--tile-color:#000}body{background-color:#fff;background-color:var(--bg-color);color:#000;color:var(--text-color)}.App{text-align:center}.App h1{font-family:Henny Penny,system-ui;font-size:2rem;letter-spacing:1.5rem}.App-logo{height:40vmin;pointer-events:none}.App .game-block.game-over{display:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#3498db;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;width:100%}.App-header img{margin:2rem 0;width:90%}.App-header .toolbar{display:none}.App-header .toolbar .user{align-items:center;background-color:#61dafb;border:0;border-radius:20px;height:40px;justify-content:center;margin:5px;width:40px}.App-header .toolbar-user{align-items:center;display:flex;font-size:1.2rem}.App-header .toolbar.leaderboard{align-items:center;font-size:1.1rem;height:40px;justify-content:center;width:180px}.App-header .toolbar .modal{color:#202020;font-size:1rem}.App-header .leaderboard h2{text-align:left}.App-header .leaderboard table{width:100%}.App-header .leaderboard table tr.current-player,.mobile-footer .leaderboard table tr.current-player{background-color:#3498db;color:#fff}.App-header .leaderboard table .rank,.App-header .leaderboard table .score{width:10%}.App-header .leaderboard table .name{padding-left:50px;text-align:start;width:80%}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.game-container{margin:1rem;text-align:center}.game-container .word-divider{color:#fff;margin-top:1.5rem}.tile-container{display:flex;gap:10px;justify-content:center;margin:10px 0}.tile-container.daily-letters{grid-gap:8px;display:grid;gap:8px;grid-auto-rows:auto;grid-template-columns:repeat(5,auto);justify-content:center}.tile-container.daily-letters .tile{box-shadow:4px 4px 0 #c8c8c880,5px 5px 0 #0000004d}.tile-container.daily-letters .tile:nth-child(n+6){grid-column:span 1;margin-left:-30px}.tile-container.daily-letters .tile:nth-child(6){grid-column-start:2}.tile-container.daily-letters .tile:active{box-shadow:2px 2px 0 #0006,4px 4px 0 #0003;transform:translateY(2px)}.tile-container.new-word{margin-top:1.5rem}.tile{align-items:center;background-color:var(--tile-bg-color);border:2px solid #3498db;border-radius:5px;color:var(--tile-color);cursor:pointer;display:flex;font-size:1.6rem;font-weight:700;height:50px;justify-content:center;perspective:600px;transition:all .2s ease-in-out;width:50px}.tile.empty{background-color:#fff;border:2px solid var(--tile-bg-color);color:#000}.tile.disabled{background-color:#ddd;border:2px solid #ddd;color:#000}.tile span{align-items:center;backface-visibility:hidden;border-radius:5px;display:flex;font-size:1.8rem;font-weight:700;justify-content:center;position:absolute;transition:transform .6s}.help-content__wrapper .tile span{font-size:1.2rem}.tile .front{background:var(--tile-bg-color);color:var(--tile-color);transform:rotateY(0deg)}.tile .back{background:#ddd;color:#a9a9a9;transform:rotateY(180deg)}.tile.disabled .front{transform:rotateY(-180deg)}.tile.disabled .back{transform:rotateY(0deg)}.input-tile{background-color:#fff}.keyboard{margin-top:20px}.keyboard-row{display:flex;justify-content:center;margin:5px 0}.key{background-color:#ddd;border:none;border-radius:5px;cursor:pointer;font-size:1.2rem;font-weight:700;height:50px;margin:5px;transition:background .2s;width:50px}.key:hover{background-color:#bbb}.key.special.delete{background-color:#f95e5e;color:#000}.key.special.enter{background-color:green;color:#fff;width:100%}.key.special.logout{color:#000}.special{width:100px}.key.toolbar{width:120px}.letter-action-container{display:flex;gap:10px;justify-content:center;margin:1rem auto auto}.letter-action-container button{align-items:center;background-color:#fff;border-radius:10px;display:flex;justify-content:center;min-width:0;padding:10px}.letter-action-container button.delete{background-color:#f95e5e;border:1px solid #f95e5e;color:#000;font-size:1.6rem;font-weight:700;width:20%}.letter-action-container button.delete span{display:none}.letter-action-container button.exchange-button,.letter-action-container button.shuffle-button{color:#000}.message{border-radius:5px;color:#000;color:var(--text-color);font-size:1.2rem;font-weight:700;margin-top:20px;padding:10px;text-align:center}.message.success{background-color:#1daf09}.message.error{background-color:#f24c28}.game-container{font-family:Arial,sans-serif}.progress-container{margin-bottom:20px}.word-progress{align-items:center;display:flex;flex-direction:column}.word-progress h3{font-size:1.2rem}.progress-bar{display:flex;margin-top:10px}.progress-segment{background-color:#ddd;height:10px;margin:0 5px;transition:background-color .3s;width:30px}.progress-segment.filled{background-color:#4caf50}.timer{font-size:1rem;margin-top:20px;text-align:center}.timer-display{color:#f44336;font-size:1.6rem;font-weight:700}.word-history{font-size:1rem;margin-top:30px}.word-history ul{list-style-type:none;padding:0}.word-history li{margin:5px 0}button:disabled{background-color:#ccc;cursor:not-allowed}.word-blocks{flex-direction:column;gap:10px;margin-top:20px}.word-block,.word-blocks{display:flex;justify-content:center}.word-block{align-items:center;background-color:#f5f5f5;border:2px solid #ccc;border-radius:10px;color:#333;font-size:1.2rem;font-weight:700;height:50px;text-align:center;width:100%}.word-block.empty{background-color:#fff;border:2px dashed #ddd;color:#bbb}.word-block.filled{background-color:#90ee90;border:2px solid #90ee90;color:#006400}@keyframes rotateIn{0%{opacity:0;transform:rotateY(-90deg)}50%{opacity:1;transform:rotateY(0deg)}to{opacity:1;transform:rotateY(0deg)}}.tile.filled{animation:rotateIn .6s ease-out}.tile.chosen{background-color:#d3d3d3;color:#a9a9a9;cursor:not-allowed}.modal-container{text-align:left;width:75%}.modal-container table{width:100%}.modal-container form label{align-items:center;display:flex;gap:10px;justify-content:space-between}.modal-container label span{text-align:right;width:80px}.modal-container form input{flex:1 1;padding:5px}.modal-container form input.error{border:1px solid #f95e5e}.modal-container form span.error{color:#f95e5e;display:flex;font-size:1rem;margin-top:-5px}.modal-container button.close{background-color:#f95e5e;border:5px;border-radius:5px;color:#fff;padding:5px 7px}.modal-container form button.submit{background-color:#3498db;border:5px;border-radius:5px;color:#fff;margin-top:1rem;padding:10px}.modal-container.help{font-size:.9rem}.modal-container.help .tile-container.daily-letters{display:inline-flex;width:100%}.modal-container.help .tile{height:25px;margin-left:0!important;width:25px}.modal-container.help p,.modal-container.help span{text-align:left!important}.modal-container.help li{margin-bottom:1rem;text-align:left}.modal-container.help .help-content__wrapper{max-height:65vh;overflow:auto}.modal-container.help .scroll-fade{position:relative}.modal-container.help .scroll-fade:after{background:linear-gradient(180deg,#0000,#fff);bottom:0;content:"";height:40px;left:0;pointer-events:none;position:absolute;right:0}.settings-container{display:flex;flex-direction:column}.settings-container hr{color:#ddd;margin:1rem 0}.settings-container div{display:flex;flex-direction:row;justify-content:space-between}.settings-container .setting-item{margin-bottom:1rem}.modal-container.feedback-form textarea{width:100%}.feedback-button-container{display:inline-flex!important;flex-direction:column!important}.feedback{width:100%!important}.feedback textarea{width:100%}.progressbar-timer{font-family:Arial;text-align:center;width:100%}.progressbar-timer__bar{background-color:#ddd;border-radius:5px;height:10px;margin:auto;overflow:hidden;width:100%}.progressbar-timer__overlay{background-color:#3498db;height:10px;transition:width 1s linear}.mobile-footer{align-items:center;background:#fff;background:var(--bg-color);bottom:0;box-shadow:0 -2px 10px #0000001a;display:flex;height:60px;justify-content:space-around;left:0;position:fixed;width:100%;z-index:1000}.mobile-footer button svg{color:#000;color:var(--text-color);height:20px;width:20px}.mobile-footer__leaderboard{display:flex;flex-direction:column}.mobile-footer__leaderboard button{background-color:initial;border:0;color:#000;color:var(--text-color)}.mobile-footer__leaderboard p{margin:0}.mobile-footer__settings{display:flex;flex-direction:column}.mobile-footer__settings button{background-color:initial;border:0;color:#000;color:var(--text-color)}.mobile-footer__settings p{margin:0}.mobile-footer__help{display:flex;flex-direction:column}.mobile-footer__help button{background-color:initial;border:0;color:#000;color:var(--text-color)}.mobile-footer__help p{margin:0}.mobile-footer__account{display:flex;flex-direction:column}.mobile-footer__account button{background-color:initial;border:0;color:#000;color:var(--text-color)}.mobile-footer__account p{margin:0}.modal-container{background-color:#fff;background-color:var(--bg-color);border-radius:8px;padding:20px}.modal-container form{border:2px solid #ddd;display:flex;flex-direction:column;gap:10px;padding:10px}.modal-container form span{display:none}.modal-container.account .tabs{display:flex;justify-content:center}.modal-container.account .tabs .key.special{margin-bottom:0;width:50%}.modal-container.account .tabs button{background:#f0f0f0;border:2px solid #0000;border-bottom:none;border-top-left-radius:8px;border-top-right-radius:8px;color:#000;color:var(--text-color);cursor:pointer;font-weight:700;padding:10px 20px;transition:background .2s ease}.modal-container.account .tabs button:hover{background:#e0e0e0}.modal-container.account .tabs button.active{background:#fff;border-color:#ccc;color:#000!important}.leaderboard-tabs{border-bottom:1px solid #ccc;display:flex;margin-bottom:10px}.leaderboard-tabs .tab-button{background:none;border:none;color:#000;color:var(--text-color);cursor:pointer;font-weight:400;padding:8px 15px}.leaderboard-tabs .tab-button.active{border-bottom:2px solid #3498db;font-weight:700}.message-box{background:#f0f0f0;border-radius:8px;margin-top:1rem;opacity:0;padding:10px 15px;transition:opacity .5s ease-in-out}.fade-in{opacity:1}.fade-out{opacity:0}@media (min-width:599px){.tile-container,.tile-container.daily-letters{display:flex;gap:10px;justify-content:center;margin:10px 0}.tile-container.daily-letters .tile:nth-child(n+6){margin-left:0}}@media (min-width:968px){.App-header{align-items:center;background-color:#3498db;color:#fff;display:inline-flex;flex-direction:row;font-size:calc(10px + 2vmin);justify-content:center}.App-header img{margin:2rem 0;width:400px}.App-header .toolbar{display:flex;flex-direction:row;position:absolute;right:0;width:400px}.App{text-align:center}.App h1{font-family:Henny Penny,system-ui;font-size:3rem;letter-spacing:1.5rem}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header .toolbar .user{align-items:center;background-color:#61dafb;border:0;border-radius:20px;height:40px;justify-content:center;margin:5px;width:40px}.App-header .toolbar-user{align-items:center;display:flex;font-size:1.2rem;justify-content:end;width:100%}.App-header .toolbar.leaderboard{align-items:center;font-size:1.1rem;height:40px;justify-content:center;width:100%}.App-header .toolbar .modal{color:#202020;font-size:1rem}.App-header .leaderboard h2{text-align:left}.App-header .leaderboard table{width:100%}.App-header .leaderboard table tr.current-player{background-color:#3498db;color:#fff}.App-header .leaderboard table .rank,.App-header .leaderboard table .score{width:10%}.App-header .leaderboard table .name{padding-left:50px;text-align:start;width:80%}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.game-container{margin:auto;text-align:center;width:35%}.tile-container,.tile-container.daily-letters{display:flex;gap:10px;justify-content:center;margin:10px 0}.tile-container.daily-letters .tile:nth-child(n+6){margin-left:0}.tile-container.new-word{margin-top:1.5rem}.tile{align-items:center;background-color:var(--tile-bg-color);border:2px solid var(--tile-bg-color);border-radius:5px;color:var(--tile-color);cursor:pointer;display:flex;font-size:2.4rem;font-weight:700;height:50px;justify-content:center;margin:0;perspective:600px;transition:all .2s ease-in-out;width:50px}.tile.empty,.tile.empty:first-of-type{background-color:#fff;border:2px solid var(--tile-bg-color);color:#000}.tile.disabled{background-color:#ddd;border:2px solid #ddd;color:#000}.tile span{align-items:center;backface-visibility:hidden;border-radius:5px;display:flex;font-size:1.8rem;font-weight:700;justify-content:center;position:absolute;transition:transform .6s}.tile .front{background:var(--tile-bg-color);color:var(--tile-color);transform:rotateY(0deg)}.tile .back{background:#ddd;color:#a9a9a9;transform:rotateY(180deg)}.tile.disabled .front{transform:rotateY(-180deg)}.tile.disabled .back{transform:rotateY(0deg)}.input-tile{background-color:#fff}.keyboard{margin-top:20px}.keyboard-row{display:flex;justify-content:center;margin:5px 0}.key{background-color:#ddd;border:none;border-radius:5px;cursor:pointer;font-size:1.2rem;font-weight:700;height:50px;margin:5px;transition:background .2s;width:50px}.key:hover{background-color:#bbb}.key.special.shuffle-button{width:160px}.key.special.delete{background-color:#f95e5e}.key.special.delete span{display:flex}.key.special.enter{background-color:green;color:#fff;width:160px}.special{width:100px}.key.toolbar{width:120px}.message{border-radius:5px;color:#000;color:var(--text-color);font-size:1.2rem;font-weight:700;margin-top:20px;padding:10px;text-align:center}.message.success{background-color:#1daf09}.message.error{background-color:#f24c28}.game-container{font-family:Arial,sans-serif}.progress-container{margin-bottom:20px}.word-progress{align-items:center;display:flex;flex-direction:column}.word-progress h3{font-size:1.2rem}.progress-bar{display:flex;margin-top:10px}.progress-segment{background-color:#ddd;height:10px;margin:0 5px;transition:background-color .3s;width:30px}.progress-segment.filled{background-color:#4caf50}.timer{font-size:1rem;margin-top:20px;text-align:center}.timer-display{color:#f44336;font-size:2rem;font-weight:700}.word-history{font-size:1.4rem;margin-top:30px}.word-history ul{list-style-type:none;padding:0}.word-history li{margin:5px 0}button:disabled{background-color:#ccc;cursor:not-allowed}.word-blocks{flex-direction:row;gap:10px;margin-top:20px}.word-block,.word-blocks{display:flex;justify-content:center}.word-block{align-items:center;background-color:#f5f5f5;border:2px dashed #ccc;border-radius:10px;color:#333;font-size:1rem;font-weight:700;height:50px;text-align:center;width:120px}.word-block.empty{background-color:#fff;color:#bbb}.word-block.filled{background-color:#90ee90;border:2px solid #90ee90;color:#006400}@keyframes rotateIn{0%{opacity:0;transform:rotateY(-90deg)}50%{opacity:1;transform:rotateY(0deg)}to{opacity:1;transform:rotateY(0deg)}}.tile.filled{animation:rotateIn .6s ease-out}.tile.chosen{background-color:#d3d3d3;color:#a9a9a9;cursor:not-allowed}.modal-container{text-align:center;width:25%}.modal-container form{display:flex;flex-direction:column}.modal-container form label{align-items:center;display:flex;gap:10px;justify-content:space-between}.modal-container label span{text-align:right;width:80px}.modal-container form input{flex:1 1;padding:5px}.modal-container form input.error{border:1px solid #f95e5e}.modal-container form span.error{color:#f95e5e;display:flex;font-size:1rem;margin-top:-5px}.modal-container button.close{background-color:#f95e5e;border:5px;border-radius:5px;color:#fff;padding:5px 7px}.modal-container form button.submit{background-color:#3498db;border:5px;border-radius:5px;color:#fff;margin-top:1rem;padding:10px}.progressbar-timer{font-family:Arial;text-align:center;width:100%}.progressbar-timer__bar{background-color:#ddd;border-radius:5px;height:10px;margin:auto;overflow:hidden;width:100%}.progressbar-timer__overlay{background-color:#3498db;height:10px;transition:width 1s linear}.letter-action-container{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:2rem auto}.letter-action-container button{align-items:center;background-color:#fff;border-radius:10px;display:flex;flex:initial;justify-content:center;min-width:0;padding:10px}.letter-action-container button.delete{background-color:#f95e5e;border:1px solid #f95e5e;order:2;width:160px}.letter-action-container button.shuffle-button{order:1}.letter-action-container button.exchange-button{order:3}.letter-action-container button.exchange-button,.letter-action-container button.shuffle-button{flex:initial;width:160px}.modal-container.account .tabs{display:flex;justify-content:center}.modal-container.account .tabs .key.special{margin-bottom:0;width:50%}.modal-container.account .tabs button{background:#f0f0f0;border:2px solid #0000;border-bottom:none;border-top-left-radius:8px;border-top-right-radius:8px;color:#ccc;cursor:pointer;font-weight:700;padding:10px 20px;transition:background .2s ease}.modal-container.account .tabs button:hover{background:#e0e0e0}.modal-container.account .tabs button.active{background:#fff;border-color:#ccc;border-bottom:2px solid #fff}}.social-share{background:#f8f8f8;background:var(--bg-color,#f8f8f8);border-radius:12px;margin-top:1rem;padding:1rem;text-align:center}.social-share .share-buttons{display:flex;flex-direction:column;gap:.5rem}.social-share .btn{border:none;border-radius:8px;color:var(--text-color);cursor:pointer;font-weight:700;padding:.5rem 1rem;text-decoration:none}.social-share .btn.facebook{background-color:var(--tile-bg-color);color:#fff}.social-share .btn.instagram{background:radial-gradient(circle at 30% 107%,#fdf497 0,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%)}.social-share .btn.email{background-color:#777;color:#fff}.social-share .btn.mobile{background-color:#07c;color:#fff;font-size:1.2rem}@media (min-width:768px){.social-share .btn.mobile{display:none}}.theme-switch{display:inline-block;height:28px;position:relative;width:50px}.theme-switch input{height:0;opacity:0;width:0}.theme-switch .slider{background-color:#ccc;border-radius:34px;bottom:0;cursor:pointer;position:absolute;right:0;top:0;transition:.4s;width:50px}.theme-switch .slider:before{align-items:center;background-color:#fff;border-radius:50%;bottom:3px;content:"🌞";display:flex;font-size:12px;height:22px;justify-content:center;left:3px;position:absolute;transition:.4s;width:22px}.theme-switch input:checked+.slider{background-color:#4f46e5}.theme-switch input:checked+.slider:before{content:"🌙";transform:translateX(22px)}.contrast-switch{display:inline-block;height:28px;position:relative;width:50px}.contrast-switch input{height:0;opacity:0;width:0}.contrast-switch .slider{background-color:#ccc;border-radius:34px;bottom:0;cursor:pointer;position:absolute;right:0;top:0;transition:.4s;width:50px}.contrast-switch .slider:before{align-items:center;background-color:#fff;border-radius:50%;bottom:3px;content:"";display:flex;font-size:12px;height:22px;justify-content:center;left:3px;position:absolute;transition:.4s;width:22px}.contrast-switch input:checked+.slider{background-color:#4f46e5}.contrast-switch input:checked+.slider:before{content:"";transform:translateX(22px)}
/*# sourceMappingURL=main.de2a8a51.css.map*/