body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f0f0f0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;min-height:100vh;overflow:hidden;padding:0;position:fixed;width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{display:flex;flex-direction:column;height:100vh}#root,.App{margin:0;padding:0}.letter-box{align-items:center;border:2px solid #d3d6da;display:flex;font-size:24px;font-weight:700;height:50px;justify-content:center;margin:2px;text-transform:uppercase;width:50px}.letter-box.correct:not(.flip){background-color:#6aaa64;border-color:#6aaa64;color:#fff}.letter-box.present:not(.flip){background-color:#c9b458;border-color:#c9b458;color:#fff}.letter-box.absent:not(.flip){background-color:#787c7e;border-color:#787c7e;color:#fff}.letter-box.mine{background-color:#9c0d38;border-color:#9c0d38;color:#fff}.letter-box.shield{background-color:#4682b4;border-color:#4682b4;color:#fff}.letter-box.flip{animation:flip .6s ease forwards;background-color:#fff;border-color:#d3d6da;color:#000}@keyframes flip{0%{transform:rotateX(0deg)}45%{transform:rotateX(90deg)}55%{transform:rotateX(90deg)}to{transform:rotateX(0deg)}}.letter-box.flip.correct{animation:flip-correct .6s ease forwards}.letter-box.flip.present{animation:flip-present .6s ease forwards}.letter-box.flip.absent{animation:flip-absent .6s ease forwards}.letter-box.flip.mine{animation:flip-mine .6s ease forwards}@keyframes flip-correct{0%,45%{background-color:#fff;border-color:#d3d6da;color:#000;transform:rotateX(0deg)}55%{background-color:#6aaa64;border-color:#6aaa64;color:#fff;transform:rotateX(90deg)}to{background-color:#6aaa64;border-color:#6aaa64;color:#fff;transform:rotateX(0deg)}}@keyframes flip-present{0%,45%{background-color:#fff;border-color:#d3d6da;color:#000;transform:rotateX(0deg)}55%{background-color:#c9b458;border-color:#c9b458;color:#fff;transform:rotateX(90deg)}to{background-color:#c9b458;border-color:#c9b458;color:#fff;transform:rotateX(0deg)}}@keyframes flip-absent{0%,45%{background-color:#fff;border-color:#d3d6da;color:#000;transform:rotateX(0deg)}55%{background-color:#787c7e;border-color:#787c7e;color:#fff;transform:rotateX(90deg)}to{background-color:#787c7e;border-color:#787c7e;color:#fff;transform:rotateX(0deg)}}@keyframes flip-mine{0%,45%{background-color:#fff;border-color:#d3d6da;color:#000;transform:rotateX(0deg)}55%{background-color:#9c0d38;border-color:#9c0d38;color:#fff;transform:rotateX(90deg)}to{background-color:#9c0d38;border-color:#9c0d38;color:#fff;transform:rotateX(0deg)}}.letter-box.flip.shield{animation:flip-shield .6s ease forwards}@keyframes flip-shield{0%,45%{background-color:#fff;border-color:#d3d6da;color:#000;transform:rotateX(0deg)}55%{background-color:#4682b4;border-color:#4682b4;color:#fff;transform:rotateX(90deg)}to{background-color:#4682b4;border-color:#4682b4;color:#fff;transform:rotateX(0deg)}}.letter-box.current-row{cursor:pointer}.letter-box.current-row:hover{border-color:#666}.letter-box.current-row:focus{outline:none}.letter-box.current-row.cursor{border-color:#000;border-width:2px}.game-board{align-items:center;flex:1 1;min-height:0;overflow:hidden;padding:10px}.game-row{display:flex;gap:5px;justify-content:center;margin:2px 0}@media (max-height:800px){.game-board{transform:scale(.85);transform-origin:center top}}@media (max-height:700px){.game-board{transform:scale(.75)}}.game-row.shake{animation:shake .5s}@keyframes shake{0%{transform:translateX(0)}25%{transform:translateX(5px)}50%{transform:translateX(-5px)}75%{transform:translateX(5px)}to{transform:translateX(0)}}.keyboard{background-color:#f0f0f0;bottom:0;left:0;margin:10px auto;max-width:500px;padding:0 8px;position:fixed;right:0;-webkit-user-select:none;user-select:none}.keyboard-row{gap:3px;margin:3px 0}.keyboard-key{background-color:#d3d6da;border:0;border-radius:4px;color:#1a1a1b;cursor:pointer;font-size:13px;font-weight:700;height:45px;min-width:30px;padding:0 6px;text-transform:uppercase;width:30px}.keyboard-key[data-key=BACKSPACE],.keyboard-key[data-key=ENTER]{font-size:12px;min-width:40px;width:40px}.keyboard-key.correct{background-color:#6aaa64;color:#fff}.keyboard-key.present{background-color:#c9b458;color:#fff}.keyboard-key.absent{background-color:#787c7e;color:#fff}.keyboard-key.mine{background-color:#9c0d38;color:#fff}.keyboard-key.shield{background-color:#4682b4;color:#fff}.game-board{padding-bottom:160px}@media (max-width:380px){.keyboard-key{font-size:12px;height:40px;min-width:28px;padding:0 4px}.keyboard-key[data-key=BACKSPACE],.keyboard-key[data-key=ENTER]{font-size:11px;min-width:35px;width:35px}}.topic-selector select{background-color:#fff;border:1px solid #ccc;border-radius:4px;cursor:pointer;width:200px}.topic-selector select:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.modal-content{border-radius:10px;padding:30px;text-align:center;width:350px}.close-button{color:#000;right:10px;top:10px}.star-icon{color:#fff;font-size:30px}h2{margin-bottom:10px}p{font-size:16px;margin-bottom:20px}.green-button{background-color:#6aaa64;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:16px;margin:5px 0;padding:10px 20px}.green-button:hover{opacity:.9}.yellow-button{background-color:#c9b458}.blue-button,.yellow-button{border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:16px;margin:5px 0;padding:10px 20px}.blue-button{background-color:#4682b4}.yellow-button:hover{opacity:.9}.grey-button{background-color:#787c7e;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:16px;margin:5px 0;padding:10px 20px}.play-again{width:100%}.topic-buttons{display:flex;justify-content:space-between;margin-top:10px}.topic-button{flex:1 1;font-size:14px;margin:0 5px;padding:10px 5px}.topic-button:hover{opacity:.9}.icon-container{align-items:center;background-color:#6aaa64;border-radius:10px;display:flex;height:50px;justify-content:center;margin:0 auto 20px;width:50px}.icon{color:#fff;font-size:30px}.retry-icon{font-size:36px}.play-again-icon,.share-icon{font-size:1.2em;margin-right:8px;vertical-align:middle}.modal-overlay{z-index:1000}.modal-content{background:#fff;border-radius:12px;max-height:90vh;max-width:500px;width:90%}.share-type-selection{display:flex;gap:1rem;margin:1.5rem 0}.share-type-selection button{align-items:center;background-color:#6aaa64;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:.5rem;padding:1.5rem;transition:opacity .2s}.share-type-selection button:last-child{background-color:#c9b458}.share-type-selection button:hover{opacity:.9}.custom-text-section{margin:1.5rem 0}.custom-text-section label{display:block;font-weight:500;margin-bottom:.5rem}.custom-text-section textarea{border:2px solid #ddd;border-radius:8px;font-size:14px;min-height:80px;padding:.75rem;resize:vertical;width:100%}.preview-section{background:#f5f5f5;border-radius:8px;margin:1.5rem 0;padding:1rem}.preview-section h3{margin-bottom:1rem}.share-buttons-container{display:flex;flex-direction:column;gap:.75rem;margin:1.5rem 0}.share-button{align-items:center;border:none;border-radius:25px;color:#fff;cursor:pointer;display:flex;font-size:16px;gap:.5rem;justify-content:center;padding:12px 24px;transition:opacity .2s;width:100%}.share-button.twitter{background-color:#6aaa64}.share-button.facebook{background-color:#c9b458}.share-button.clipboard{background-color:#787c7e}.share-button.dowload{background-color:#011936}.share-button:hover{opacity:.9}.back-button{background:#27213c;border:none;border-radius:25px;color:#fff;cursor:pointer;display:block;margin-top:1rem;padding:10px;transition:all .2s;width:100%}.back-button:hover{opacity:.9}.close-button{font-size:1.5rem;padding:5px 10px;right:1rem;top:1rem}.close-button:hover{color:#000}h2{margin:0 0 1.5rem;text-align:center}@media (max-width:480px){.modal-content{padding:1.5rem;width:95%}.share-type-selection{flex-direction:column}}.not-found-container{align-items:center;display:flex;justify-content:center;min-height:100vh}.not-found{padding:40px 20px;text-align:center}.not-found h1{font-size:24px;margin-bottom:20px}.not-found p{color:#666;margin-bottom:30px}.not-found .highlight{background-color:gold;border-radius:4px;color:#000;font-weight:500;padding:2px 6px}.not-found .action-button{background-color:#000;border-radius:25px;color:#fff;display:inline-block;margin-top:20px;padding:10px 20px;text-decoration:none;transition:background-color .2s}.not-found .action-button:hover{background-color:#333}.topingo-game{margin:0 auto;max-width:600px;min-height:100vh;text-align:center}.game-content{align-items:center;display:flex;flex-direction:column;gap:16px;width:100%}.game-container{width:100%}.game-end-buttons{background-color:var(--background-color);bottom:100px;display:flex;gap:10px;justify-content:center;left:50%;max-width:600px;padding:0 10px;position:fixed;transform:translateX(-50%);width:100%;z-index:100}.game-end-buttons button{border:none;border-radius:4px;cursor:pointer;flex:1 1;font-size:14px;font-weight:700;max-width:160px;padding:12px 8px;white-space:nowrap}.game-end-buttons button:hover{opacity:.8}.game-end-buttons .green-button{background-color:#538d4e;color:#fff}.game-end-buttons .yellow-button{background-color:#b59f3b;color:#fff}.game-end-buttons .gray-button{background-color:#787c7e;color:#fff}.keyboard,.keyboard-wrapper{margin-top:10px;width:100%}.keyboard-wrapper.game-over{margin-top:0}@media (max-width:480px){.topingo-game{padding:10px}.game-container{padding:10px 5px}.game-end-buttons{bottom:10px;padding:0 10px}.game-end-buttons button{font-size:14px;padding:12px 8px}}@media (max-width:360px){.game-end-buttons{bottom:5px}.game-end-buttons button{font-size:13px;padding:10px 6px}}.topingo-game{align-items:center;display:flex;flex-direction:column;font-family:Arial,sans-serif;padding:20px}.game-board{grid-gap:5px;display:grid;grid-template-rows:repeat(6,1fr)}.guess-row{grid-gap:5px;display:grid;grid-template-columns:repeat(5,1fr)}.tile{font-size:2em;height:50px;width:50px}.correct{background-color:#6aaa64;color:#fff}.present{background-color:#c9b458;color:#fff}.absent{background-color:#787c7e;color:#fff}.keyboard{align-items:center;display:flex;flex-direction:column}.keyboard-row{display:flex;justify-content:center;margin:5px 0}.keyboard button{cursor:pointer;font-size:1em;margin:0 2px;padding:10px}.game-board{display:flex;flex-direction:column;gap:5px;margin-bottom:20px}.guess-row{display:flex;flex-wrap:nowrap;gap:5px}.tile{align-items:center;border:2px solid #ccc;display:flex;flex-shrink:0;font-size:1.5em;font-weight:700;height:40px;justify-content:center;width:40px}.key{background-color:#d3d6da;border:none;border-radius:4px;cursor:pointer;font-size:1em;margin:2px;padding:10px}.key.correct{background-color:#6aaa64;color:#fff}.key.present{background-color:#c9b458;color:#fff}.key.absent{background-color:#787c7e;color:#fff}.topic-selector{margin-bottom:20px}.topic-selector select{border-radius:5px;font-size:16px;padding:10px}.game-container{flex-direction:column}.game-container,.navbar{align-items:center;display:flex}.navbar{background-color:#000;box-sizing:border-box;height:45px;justify-content:space-between;left:0;padding:0 16px;position:fixed;top:0;width:100vw;z-index:1000}.navbar-left{align-items:center;display:flex;gap:16px}.navbar-left h1{color:#fff;font-size:24px;font-weight:700;margin:0}.navbar-right{display:flex;gap:16px}.icon-button{align-items:center;background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:8px}.icon-button:hover{background-color:#ffffff1a}@media (max-width:480px){.navbar{height:45px;padding:0 12px}.navbar-left h1{font-size:20px}.icon-button{padding:6px}}.topingo-game{padding-top:50px}.icon-button-container{display:inline-block;margin-right:8px;position:relative}.shield-badge{padding:0;z-index:1001}.stats-modal{background-color:#fff;border-radius:8px;box-shadow:0 4px 23px 0 #0003;left:50%;max-height:90vh;max-width:500px;overflow-y:auto;padding:24px;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);width:90%;z-index:1000}.stats-modal-overlay{background-color:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.stats-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr);margin:24px 0}.stat-item{align-items:center;border-radius:8px;display:flex;flex-direction:column;padding:16px}.stat-item.green{background-color:#6aaa64}.stat-item.yellow{background-color:#c9b458}.stat-item.gray{background-color:#787c7e}.stat-number{color:#fffdfd;font-size:32px;font-weight:700}.stat-label{color:#fffdfd;font-size:14px;margin-top:4px;text-transform:uppercase}.topics-stats{display:flex;flex-direction:column;gap:12px;margin-top:20px}.topic-stat{align-items:center;background:#fff;border-radius:8px;display:flex;justify-content:space-between;padding:12px 16px}.topic-name{color:#1a1a1a;font-weight:600}.topic-progress{color:#666;font-size:14px}.close-button{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;font-size:20px;padding:4px 8px;position:absolute;right:16px;top:16px}.close-button:hover{background-color:#f5f5f5}h2{font-size:24px;margin:0}h3{color:#1a1a1a;font-size:20px;margin:24px 0 0}.progress-bar-container{background-color:#eee;border-radius:10px;height:20px;overflow:hidden;position:relative;width:200px}.progress-bar-fill{background-color:#6aaa64;height:100%;transition:width .3s ease-in-out}.progress-text{color:#000;font-size:12px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.modal-overlay{align-items:center;background-color:#000000b3;bottom:0;cursor:pointer;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.modal-content{background-color:#fff;border-radius:8px;cursor:default;margin:1rem;max-height:85vh;max-width:90%;overflow-y:auto;padding:2rem;position:relative;width:500px}.rules-section{margin-bottom:2rem;text-align:left}.rules-section h3{color:#333;margin-bottom:1rem}.rules-section ul{list-style-type:disc;padding-left:2rem;text-align:left}.rules-section li{margin-bottom:.8rem;text-align:left}.example-row{align-items:center;display:flex;gap:1rem;margin:1rem 0}.example-word{display:flex;gap:4px}.example-tile{align-items:center;border:2px solid #d3d6da;display:flex;font-weight:700;height:35px;justify-content:center;width:35px}.example-tile.correct{background-color:#6aaa64;border-color:#6aaa64;color:#fff}.example-tile.present{background-color:#c9b458;border-color:#c9b458;color:#fff}.example-tile.absent{background-color:#787c7e;border-color:#787c7e;color:#fff}.example-tile.mine{background-color:#b80c09;border-color:#b80c09;color:#fff}.example-tile.shield{background-color:#4682b4;border-color:#4682b4;color:#fff}.example-explanation{color:#666;font-size:.9rem;margin:0}.modal-close-button{background:#ffffffe6;border:none;border-radius:4px;cursor:pointer;font-weight:700;padding:.5rem 1rem;position:absolute;right:1rem;top:2rem;z-index:1001}h2{color:#1a1a1a;margin-bottom:1.5rem;margin-top:0}.shield-score-examples{display:flex;flex-direction:column;gap:.5rem}.shield-score-row{align-items:center;display:flex;gap:1rem;margin:0}.shield-score-row p{margin:0}.shield-icon-container{height:30px;position:relative;width:30px}.shield-badge,.shield-icon-container{align-items:center;display:flex;justify-content:center}.shield-badge{background-color:#4682b4;border-radius:50%;color:#fff;font-size:11px;font-weight:700;height:16px;position:absolute;right:-4px;top:-4px;width:16px}.topic-landing{background-color:#fff;color:#1a1a1b;display:flex;flex-direction:column;font-family:Clear Sans,Helvetica Neue,Arial,sans-serif;height:100vh;overflow-y:auto;position:relative}.topic-landing:before{background:radial-gradient(ellipse at top,#6aaa6426 0,#0000 70%);content:"";height:400px;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.landing-content{display:flex;flex:1 1;flex-direction:column;justify-content:center;margin:0 auto;max-width:900px;padding:3rem 2rem;position:relative;text-align:center;z-index:1}.landing-hero{margin-bottom:5rem}.landing-hero h1{color:#1a1a1b;font-size:3.5rem;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin-bottom:1.5rem}.landing-description{color:#515353;font-size:1.25rem;line-height:1.7;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;max-width:600px}.landing-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.play-button{background-color:#6aaa64;border:2px solid #6aaa64;border-radius:4px;color:#fff;display:inline-block;font-size:1.1rem;font-weight:700;letter-spacing:.05em;padding:1rem 2rem;text-decoration:none;text-transform:uppercase;transition:all .2s ease}.play-button:hover{background-color:#538d4e;border-color:#538d4e;transform:translateY(-2px)}.directory-button{background-color:#f6f7f8;border:2px solid #d3d6da;border-radius:4px;color:#1a1a1b;display:inline-block;font-size:1.1rem;font-weight:700;letter-spacing:.05em;padding:1rem 2rem;text-decoration:none;text-transform:uppercase;transition:all .2s ease}.directory-button:hover{background-color:#cbcfd3;border-color:#6aaa64;transform:translateY(-2px)}.related-topics{border-top:1px solid #d3d6da;margin-top:auto;padding-top:2rem}.related-topics h2{color:#787c7e;font-size:1rem;font-weight:700;letter-spacing:.1em;margin-bottom:2rem;text-transform:uppercase}.topic-card{text-align:left}.topic-card-description{color:#787c7e}@media (max-width:768px){.landing-hero h1{font-size:2.5rem}.landing-description{font-size:1.1rem}.topic-grid{grid-template-columns:1fr}}.topic-directory-container{background-color:#fff;color:#1a1a1b;font-family:Clear Sans,Helvetica Neue,Arial,sans-serif;min-height:100vh;overflow-y:auto;padding:40px 20px}.topic-directory-header{border-bottom:1px solid #d3d6da;margin-bottom:40px;padding-bottom:20px;text-align:center}.topic-directory-title{color:#1a1a1b;font-size:2.5rem;font-weight:700;letter-spacing:.05em;margin-bottom:10px}.topic-directory-subtitle{color:#515353;font-size:1.1rem;margin:0 auto;max-width:600px}.topic-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin:0 auto;max-width:1000px;padding-bottom:60px}.topic-card{background-color:#fff;border:2px solid #d3d6da;border-radius:4px;color:#1a1a1b;cursor:pointer;display:flex;flex-direction:column;height:auto;min-height:200px;padding:20px;text-decoration:none;transition:all .2s ease}.topic-card:hover{background-color:#f6f7f8;border-color:#6aaa64;transform:translateY(-2px)}.topic-card-content{display:flex;flex-direction:column;flex-grow:1}.topic-card-title{color:#1a1a1b;font-size:1.5rem;font-weight:700;margin-bottom:10px}.topic-card-description{color:#414344;flex-grow:1;font-size:.9rem;line-height:1.5;margin-bottom:20px}.topic-card-footer{align-items:center;border-top:1px solid #d3d6da;display:flex;justify-content:space-between;margin-top:auto;padding-top:15px}.topic-word-count{color:#787c7e;font-size:.8rem;font-weight:600;text-transform:uppercase}.topic-play-btn{background-color:#6aaa64;border-radius:4px;color:#fff;font-size:.9rem;font-weight:700;padding:8px 16px;text-transform:uppercase;transition:background-color .2s}.topic-card:hover .topic-play-btn{background-color:#538d4e}@media (max-width:768px){.topic-directory-title{font-size:2rem}.topic-grid{grid-template-columns:1fr}}
/*# sourceMappingURL=main.bace745e.css.map*/