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}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:root{--bg-color:#2c3e50;--card-bg:#34495e;--accent-color:#f1c40f;--text-color:#ecf0f1;--board-bg:#34495e;--cell-bg:#2980b9;--selected-bg:#e67e22;--font-stack:"Montserrat",sans-serif;--cell-default-size:45px;--cell-gap:4px;--shadow-color:#00000080;--notification-bg:#333;--notification-text:#fff}body,html{box-sizing:border-box;margin:0;padding:0}body{background-color:#2c3e50;background-color:var(--bg-color);color:#ecf0f1;color:var(--text-color);font-family:Montserrat,sans-serif;font-family:var(--font-stack);justify-content:center;min-height:100vh;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.game-container,.homepage,body{align-items:center;display:flex;flex-direction:column;width:100vw}.game-container,.homepage{background:#34495e;background:var(--card-bg);border-radius:0;box-shadow:none;box-sizing:border-box;gap:15px;height:100vh;justify-content:space-evenly;max-width:none;padding:10px}.homepage{justify-content:center}.homepage-title{font-family:Press Start\ 2P,cursive}.homepage-dropdown{background-color:gray;border:none;border-radius:20px;color:#fff;font-size:1em;min-width:150px;outline:none;padding:5% 10%;position:relative;z-index:1}.homepage-btns{align-items:center;display:flex;flex-direction:column;gap:15px;justify-content:center;position:relative;z-index:1}h1{color:#f1c40f;color:var(--accent-color);font-size:2.8em;margin-top:0;text-shadow:2px 2px 5px #000000b3}.header{align-items:center;display:flex;flex-wrap:wrap;font-size:1.2em;font-weight:700;gap:10px;justify-content:space-around;padding:0 5px;text-align:center;width:100%}.info-box{min-width:90px;padding:10px 15px}#objective-box,.info-box{background:#0003;border-radius:10px}#objective-box{box-sizing:border-box;font-size:1.1em;padding:12px 15px;width:100%}#objective-box,#word-display{font-weight:700;text-align:center}#word-display{color:#f1c40f;color:var(--accent-color);flex-shrink:0;font-size:1.8em;letter-spacing:1px;margin:10px 0;min-height:1.5em}.game-board{grid-gap:4px;grid-gap:var(--cell-gap);aspect-ratio:1/1;background:#34495e;background:var(--board-bg);border-radius:10px;box-shadow:inset 0 3px 8px #0006;box-sizing:border-box;display:grid;gap:4px;gap:var(--cell-gap);margin:auto;max-width:calc(100vh - 200px);padding:8px;touch-action:none;width:calc(100vw - 20px)}.cell{align-items:center;aspect-ratio:1/1;background:#2980b9;background:var(--cell-bg);border-radius:8px;box-shadow:0 3px 5px #0000004d;color:#ecf0f1;color:var(--text-color);cursor:pointer;display:flex;font-size:1.4em!important;font-weight:700;justify-content:center;position:relative;text-transform:uppercase;transition:transform .2s ease-out,background-color .2s ease-out,box-shadow .2s ease-out;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;will-change:transform,opacity}.cell:hover:not(.selected){background:#3498db;transform:scale(1.05)}.cell.selected{background:#e67e22;background:var(--selected-bg);box-shadow:0 0 10px 3px #f1c40f,0 5px 10px #00000080;box-shadow:0 0 10px 3px var(--accent-color),0 5px 10px var(--shadow-color);color:#333;transform:scale(1.08);z-index:10}.cell.bot-selected{background:#27ae60;box-shadow:0 0 10px 3px #2ecc71,0 5px 10px #00000080;box-shadow:0 0 10px 3px #2ecc71,0 5px 10px var(--shadow-color);color:#fff}.cell.clearing{opacity:0;pointer-events:none;transform:scale(.1);transition:opacity .2s ease-in,transform .2s ease-in;z-index:1}.controls{display:flex;flex-shrink:0;flex-wrap:wrap;gap:15px;justify-content:center;width:100%}button{background:#f1c40f;background:var(--accent-color);border:none;border-radius:50px;box-shadow:0 4px 10px #0003;color:#333;cursor:pointer;font-size:1em;font-weight:700;letter-spacing:1px;min-width:120px;padding:12px 25px;text-transform:uppercase;transition:all .2s ease-in-out}button:hover{box-shadow:0 7px 15px #0006;transform:translateY(-3px)}button:active{box-shadow:0 2px 5px #0003;transform:translateY(0)}button:disabled{background:#7f8c8d;box-shadow:none;cursor:not-allowed;transform:none}#notification-box{background-color:#333;background-color:var(--notification-bg);border-radius:10px;box-shadow:0 5px 10px #0000004d;color:#fff;color:var(--notification-text);font-weight:700;justify-content:center;opacity:0;padding:10px 20px;position:fixed;text-align:center;top:20px;transition:opacity .5s ease-in-out;width:100%;z-index:1000}#notification-box.show{opacity:1}.game-over-modal-overlay,.leaderboard-modal-overlay,.profile-modal-overlay{align-items:center;background-color:#000000b3;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:fixed;top:0;transition:visibility 0s,opacity .3s ease;visibility:hidden;width:100%;z-index:1000}.game-over-modal-overlay.show,.leaderboard-modal-overlay.show,.profile-modal-overlay.show{opacity:1;visibility:visible}.game-over-modal-content,.leaderboard-modal-content,.profile-modal-content{background:#34495e;background:var(--card-bg);border-radius:15px;box-shadow:0 10px 25px #0006;color:#ecf0f1;color:var(--text-color);max-height:80vh;max-width:90%;overflow-y:auto;padding:30px;text-align:center;transform:scale(.8);transition:transform .3s cubic-bezier(.68,-.55,.27,1.55)}.game-over-modal-overlay.show .game-over-modal-content,.leaderboard-modal-overlay.show .leaderboard-modal-content,.profile-modal-overlay.show .profile-modal-content{transform:scale(1)}.game-over-modal-content h2,.leaderboard-modal-content h2{color:#f1c40f;color:var(--accent-color);font-size:2.5em;margin:0 0 10px;text-shadow:2px 2px #c43248}.game-over-modal-content p{font-size:1.2em;margin:0 0 20px}.game-over-modal-content .modal-buttons,.leaderboard-modal-content .modal-buttons{display:flex;gap:15px;justify-content:center;margin-top:20px}@media (min-width:601px){.game-container,.homepage{border-radius:15px;box-shadow:0 10px 20px #00000080;box-shadow:0 10px 20px var(--shadow-color);height:auto;margin:auto;max-width:50%;padding:25px}body{overflow:auto;padding:20px}.game-board{width:80%}}@media (max-width:600px){body{overflow:hidden;padding:0}.game-container{gap:10px;padding:10px}h1{font-size:2em}.header{padding:0}.info-box{width:calc(50% - 10px)}#objective-box,.info-box{font-size:.9em;padding:8px}#word-display{font-size:1.2em;margin:5px 0}.game-board{gap:2px;padding:3px}.cell{font-size:1em}button{font-size:.8em;min-width:90px;padding:8px 15px}.game-over-modal-content{padding:20px}.game-over-modal-content h2{font-size:2em}.game-over-modal-content p{font-size:1em}.game-over-modal-content .modal-buttons button{font-size:.9em;padding:10px 18px}}@media (max-width:380px){h1{font-size:1.8em}.header{flex-direction:column;gap:5px}.info-box{width:90%}#objective-box{font-size:.8em;padding:6px}#word-display{font-size:1em}.cell{font-size:.9em}button{font-size:.75em;min-width:80px;padding:6px 12px}}.custom-dropdown-container{max-width:400px;position:relative;width:100%}.custom-dropdown-label{color:#ecf0f1;color:var(--text-color);display:block;font-size:1.1em;font-weight:700;margin-bottom:8px}.custom-dropdown-trigger{align-items:center;background-color:#0000004d;border:1px solid #fff3;border-radius:8px;box-shadow:0 2px 5px #0003;box-sizing:border-box;color:#ecf0f1;color:var(--text-color);cursor:pointer;display:flex;font-size:1em;justify-content:space-between;overflow:hidden;padding:10px 15px;text-overflow:ellipsis;transition:all .2s ease-in-out;white-space:nowrap;width:100%}.custom-dropdown-trigger:hover{background-color:#0006;border-color:#f1c40f;border-color:var(--accent-color);box-shadow:0 4px 8px #0000004d}.custom-dropdown-trigger.open{border-color:#f1c40f;border-color:var(--accent-color);box-shadow:0 0 0 3px #48bb7880}.custom-dropdown-arrow{height:20px;transition:transform .2s ease-in-out;width:20px}.custom-dropdown-trigger.open .custom-dropdown-arrow{transform:rotate(180deg)}.custom-dropdown-options{background-color:#34495e;background-color:var(--card-bg);border:1px solid #f1c40f;border:1px solid var(--accent-color);border-radius:8px;box-shadow:0 5px 15px #0000004d;left:0;max-height:200px;overflow-y:auto;position:absolute;top:100%;width:100%;z-index:100}.custom-dropdown-option{color:#ecf0f1;color:var(--text-color);cursor:pointer;padding:10px 15px;transition:background-color .1s ease-in-out}.custom-dropdown-option:hover{background-color:#f1c40f33;background-color:rgba(var(--accent-color-rgb),.2);color:#f1c40f;color:var(--accent-color)}.custom-dropdown-option.selected{background-color:#f1c40f;background-color:var(--accent-color);color:#333;font-weight:700}:root{--accent-color-rgb:241,196,15}.leaderboard-filter-controls{display:flex;flex-direction:row;gap:15px;margin-bottom:20px;width:100%}.leaderboard-list{list-style:none;margin:0;max-height:300px;overflow-y:auto;padding:0;text-align:left;width:100%}.leaderboard-item{align-items:center;background-color:#0003;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:8px;padding:10px 15px}.leaderboard-item-rank{color:#f1c40f;color:var(--accent-color);font-weight:700;min-width:30px}.leaderboard-item-name{flex-grow:1;margin-left:10px}.leaderboard-item-score{color:var(--button-bg);font-weight:700}.button{margin-bottom:5%}.modal-close-button{border-radius:50%;margin-bottom:5%;min-width:1%}.profile-modal-overlay{align-items:center;background-color:#000c;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:fixed;top:0;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;width:100%;z-index:1000}.profile-modal-overlay.show{opacity:1;visibility:visible}.profile-modal-content{background-color:#2c3e50;border-radius:15px;box-shadow:0 10px 30px #00000080;color:#ecf0f1;max-height:90vh;max-width:90vw;overflow-y:auto;padding:30px;position:relative;width:800px}.profile-modal-content h2{color:#3498db;font-size:2rem;margin-bottom:25px;margin-top:0;text-align:center}.profile-loading{color:#bdc3c7}.profile-error,.profile-loading{font-size:1.2rem;padding:40px;text-align:center}.profile-error{color:#e74c3c}.profile-stats{display:flex;flex-direction:column;gap:25px}.profile-section{background-color:#34495e;border:2px solid #3498db;border-radius:10px;padding:20px}.profile-section h3{border-bottom:2px solid #3498db;color:#3498db;font-size:1.4rem;margin-bottom:15px;margin-top:0;padding-bottom:8px}.stats-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-item{align-items:center;background-color:#2c3e50;border:1px solid #3498db;border-radius:8px;display:flex;justify-content:space-between;padding:10px}.stat-label{color:#bdc3c7;font-weight:700}.stat-value{color:#3498db;font-weight:700}.board-size-stats,.format-stats{display:flex;flex-direction:column;gap:10px}.board-size-item,.format-item{align-items:center;background-color:#2c3e50;border:1px solid #3498db;border-radius:8px;display:flex;justify-content:space-between;padding:12px}.board-size-name,.format-name{color:#ecf0f1;font-weight:700}.board-size-count,.format-count{color:#3498db;font-weight:700}.board-size-scores,.format-scores{color:#bdc3c7;display:flex;font-size:.9rem;gap:15px}.achievements-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.achievement-item{align-items:center;border:2px solid;border-radius:8px;display:flex;justify-content:space-between;padding:12px;transition:all .3s ease}.achievement-item.unlocked{background-color:#27ae60;border-color:#2ecc71;color:#fff}.achievement-item.locked{background-color:#34495e;border-color:#7f8c8d;color:#bdc3c7}.achievement-info{align-items:center;display:flex;gap:10px}.achievement-icon{font-size:1.5rem}.achievement-name{font-weight:700}.achievement-status{font-size:1.2rem;font-weight:700}.recent-games-list{display:flex;flex-direction:column;gap:8px}.recent-game-item{align-items:center;background:#ffffff1a;border-left:4px solid #f1c40f;border-left:4px solid var(--accent-color);border-radius:8px;display:flex;justify-content:space-between;padding:12px 15px}.game-score{color:#f1c40f;color:var(--accent-color);font-size:1.1em;font-weight:700;min-width:60px}.game-details{color:#ecf0f1;color:var(--text-color);flex-grow:1;text-align:center}.game-date{color:#ccc;font-size:.9em;min-width:80px;text-align:right}@media (max-width:768px){.achievements-grid{gap:10px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.achievement-item{min-height:90px;padding:10px 6px}.achievement-icon{font-size:2em}.achievement-name{font-size:.8em}.achievement-status{font-size:1.3em}}@media (max-width:600px){.profile-modal-content{max-width:95%;padding:20px}.stats-grid{grid-template-columns:1fr}.achievements-grid{gap:8px;grid-template-columns:repeat(2,1fr)}.achievement-item{min-height:80px;padding:8px 4px}.achievement-icon{font-size:1.8em}.achievement-name{font-size:.75em;line-height:1.1}.achievement-status{font-size:1.2em;margin-top:3px}.recent-game-item{align-items:flex-start;flex-direction:column;gap:5px}.game-date,.game-details,.game-score{min-width:auto;text-align:left}}@media (max-width:380px){.achievements-grid{gap:6px;grid-template-columns:repeat(2,1fr)}.achievement-item{min-height:70px;padding:6px 3px}.achievement-icon{font-size:1.5em}.achievement-name{font-size:.7em}.achievement-status{font-size:1.1em}}.rules-modal-overlay{align-items:center;background-color:#000c;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:fixed;top:0;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;width:100%;z-index:1000}.rules-modal-overlay.show{opacity:1;visibility:visible}.rules-modal-content{background-color:#2c3e50;border-radius:15px;box-shadow:0 10px 30px #00000080;color:#ecf0f1;max-height:90vh;max-width:90vw;overflow-y:auto;padding:30px;position:relative;width:700px}.rules-modal-content h2{color:#3498db;font-size:1.6rem;margin-bottom:20px;margin-top:0;text-align:center}.rules-content{display:flex;flex-direction:column;gap:20px}.rules-section{background-color:#34495e;border:2px solid #3498db;border-radius:10px;padding:20px}.rules-section h3{border-bottom:2px solid #3498db;color:#3498db;font-size:1.1rem;margin-bottom:12px;margin-top:0;padding-bottom:6px}.rules-section p{color:#ecf0f1;font-size:.9rem;line-height:1.5;margin-bottom:12px}.rules-section ul{color:#ecf0f1;font-size:.9rem;margin:0;padding-left:18px}.rules-section li{line-height:1.4;margin-bottom:6px}.game-modes{display:flex;flex-direction:column;gap:10px}.mode-item{background-color:#2c3e50;border:1px solid #3498db;border-radius:8px;color:#ecf0f1;font-size:.9rem;padding:10px}.scoring-types{display:flex;flex-direction:column;gap:8px;margin-bottom:15px}.scoring-type{background-color:#2c3e50;border:1px solid #3498db;border-radius:6px;color:#ecf0f1;font-size:.85rem;padding:8px}.scoring-examples{display:flex;flex-direction:column;gap:10px;margin-top:15px}.score-example{align-items:center;background-color:#2c3e50;border:1px solid #3498db;border-radius:8px;display:flex;justify-content:space-between;padding:10px}.word-example{color:#3498db;font-size:.9rem;font-weight:700}.score-value{color:#27ae60;font-size:.85rem;font-weight:700}@media (max-width:768px){.rules-modal-content{padding:18px;width:95vw}.rules-modal-content h2{font-size:1.4rem;margin-bottom:16px}.rules-section h3{font-size:1rem}.rules-section p,.rules-section ul{font-size:.85rem}.score-example{align-items:flex-start;flex-direction:column;gap:4px}.word-example{font-size:.85rem}.score-value{font-size:.8rem}}@media (max-width:480px){.rules-modal-content{padding:12px}.rules-modal-content h2{font-size:1.2rem;margin-bottom:12px}.rules-section{padding:15px}.rules-section h3{font-size:.95rem;margin-bottom:8px}.rules-section p,.rules-section ul{font-size:.8rem}.mode-item,.scoring-type{font-size:.8rem;padding:8px}.word-example{font-size:.8rem}.score-value{font-size:.75rem}}.auth-container{flex-direction:column;margin-bottom:20px}.auth-container,.user-info{align-items:center;display:flex;gap:10px}.user-info{background-color:#34495e;border:1px solid #3498db;border-radius:8px;padding:8px 12px}.user-avatar{border:2px solid #3498db;border-radius:50%;height:32px;width:32px}.user-name{color:#ecf0f1}.auth-button,.user-name{font-size:.9rem;font-weight:700}.auth-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;gap:8px;justify-content:center;padding:10px 20px;transition:all .3s ease}.signin-button{background-color:#4285f4;color:#fff}.signin-button:hover{background-color:#357ae8;transform:translateY(-2px)}.logout-button{background-color:#e74c3c;color:#fff}.logout-button:hover{background-color:#c0392b;transform:translateY(-2px)}.google-icon{height:18px;width:18px}.auth-error{background-color:#e74c3c1a;border:1px solid #e74c3c;border-radius:4px;color:#e74c3c;font-size:.8rem;padding:8px;text-align:center}.loading-screen{align-items:center;background-color:#2c3e50;background-color:var(--bg-color);color:#ecf0f1;color:var(--text-color);display:flex;flex-direction:column;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.loading-title{animation:pulse 2s ease-in-out infinite alternate;color:#f1c40f;color:var(--accent-color);font-family:Press Start\ 2P,cursive;font-size:2.8em;margin-bottom:40px;text-shadow:2px 2px 5px #000000b3}.loading-indicator{align-items:center;display:flex;flex-direction:column;gap:20px}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f1c40f4d;border-radius:50%;border-top-color:#f1c40f;border-top:4px solid var(--accent-color);height:40px;width:40px}.loading-text{color:#ecf0f1;color:var(--text-color);font-size:1.2em;margin:0;opacity:.8}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse{0%{opacity:.8}to{opacity:1}}@media (max-width:600px){.loading-title{font-size:2em;margin-bottom:30px}.loading-spinner{border-width:3px;height:30px;width:30px}.loading-text{font-size:1em}}@media (max-width:380px){.loading-title{font-size:1.8em;margin-bottom:25px}}
/*# sourceMappingURL=main.68d63baa.css.map*/