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}body.screenshot-mode,body.screenshot-mode #root{background-color:initial!important}body.screenshot-mode .letter-box{background-color:#fff;border-color:#000!important}body.screenshot-mode .challenge-button-container,body.screenshot-mode .game-end-buttons,body.screenshot-mode .keyboard,body.screenshot-mode .navbar,body.screenshot-mode .topic-selector{display:none!important}body.screenshot-mode .game-board{flex:none;height:auto;min-height:auto}body.screenshot-mode .game-container,body.screenshot-mode .game-content{flex:none;height:auto}body.screenshot-mode .letter-box.cursor{border-color:#d3d6da;border-width:2px}.letter-box{align-items:center;border:2px solid #d3d6da;display:flex;font-size:min(24px,calc(7.69231vw - 3.07692px));font-weight:700;height:min(50px,calc(15.38462vw - 6.15385px));justify-content:center;margin:2px;text-transform:uppercase;width:min(50px,calc(15.38462vw - 6.15385px))}@media (max-width:360px){.letter-box{font-size:min(20px,calc(7.14286vw - 2.14286px));height:min(45px,calc(15.38462vw - 4.61538px));margin:1px;width:min(45px,calc(15.38462vw - 4.61538px))}}.letter-box.correct:not(.flip){background-color:var(--color-correct);border-color:var(--border-color-correct);border-style:var(--border-style-correct);border-width:var(--border-width-correct);color:var(--tile-text-color);color:var(--text-color-correct,var(--tile-text-color))}.letter-box.present:not(.flip){background-color:var(--color-present);border-color:var(--border-color-present);border-style:var(--border-style-present);border-width:var(--border-width-present);color:var(--tile-text-color);color:var(--text-color-present,var(--tile-text-color))}.letter-box.absent:not(.flip){background-color:var(--color-absent);border-color:var(--border-color-absent);border-style:var(--border-style-absent);border-width:var(--border-width-absent);color:var(--tile-text-color);color:var(--text-color-absent,var(--tile-text-color))}.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:var(--color-correct);border-color:var(--border-color-correct);border-style:var(--border-style-correct);border-width:var(--border-width-correct);color:var(--tile-text-color);color:var(--text-color-correct,var(--tile-text-color));transform:rotateX(90deg)}to{background-color:var(--color-correct);border-color:var(--border-color-correct);border-style:var(--border-style-correct);border-width:var(--border-width-correct);color:var(--tile-text-color);color:var(--text-color-correct,var(--tile-text-color));transform:rotateX(0deg)}}@keyframes flip-present{0%,45%{background-color:#fff;border-color:#d3d6da;color:#000;transform:rotateX(0deg)}55%{background-color:var(--color-present);border-color:var(--border-color-present);border-style:var(--border-style-present);border-width:var(--border-width-present);color:var(--tile-text-color);color:var(--text-color-present,var(--tile-text-color));transform:rotateX(90deg)}to{background-color:var(--color-present);border-color:var(--border-color-present);border-style:var(--border-style-present);border-width:var(--border-width-present);color:var(--tile-text-color);color:var(--text-color-present,var(--tile-text-color));transform:rotateX(0deg)}}@keyframes flip-absent{0%,45%{background-color:#fff;border-color:#d3d6da;color:#000;transform:rotateX(0deg)}55%{background-color:var(--color-absent);border-color:var(--border-color-absent);border-style:var(--border-style-absent);border-width:var(--border-width-absent);color:var(--tile-text-color);color:var(--text-color-absent,var(--tile-text-color));transform:rotateX(90deg)}to{background-color:var(--color-absent);border-color:var(--border-color-absent);border-style:var(--border-style-absent);border-width:var(--border-width-absent);color:var(--tile-text-color);color:var(--text-color-absent,var(--tile-text-color));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}.letter-box.multiple-occurrences{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}.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-width:400px){.game-board{padding:5px}.game-row{gap:3px;margin:1px 0}}@media (max-width:360px){.game-board{padding:3px}.game-row{gap:2px;margin:1px 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:min(3px,.5vw);margin:3px 0}.keyboard-key{background-color:#d3d6da;border:0;border-radius:4px;color:#1a1a1b;cursor:pointer;font-size:min(13px,calc(3.57143vw - 1.42857px));font-weight:700;height:min(45px,calc(10vw - 4px));min-width:min(30px,calc(8.33333vw - 5px));padding:0 min(6px,1vw);text-transform:uppercase;width:min(30px,calc(8.33333vw - 5px))}.keyboard-key[data-key=BACKSPACE],.keyboard-key[data-key=ENTER]{font-size:min(12px,calc(3.33333vw - 1.33333px));min-width:min(40px,calc(11.11111vw - 6.66667px));width:min(40px,calc(11.11111vw - 6.66667px))}.keyboard-key.correct{background-color:var(--color-correct);border-color:var(--border-color-correct);border-style:var(--border-style-correct);border-width:var(--border-width-correct);color:var(--tile-text-color);color:var(--text-color-correct,var(--tile-text-color))}.keyboard-key.present{background-color:var(--color-present);border-color:var(--border-color-present);border-style:var(--border-style-present);border-width:var(--border-width-present);color:var(--tile-text-color);color:var(--text-color-present,var(--tile-text-color))}.keyboard-key.absent{background-color:var(--color-absent);border-color:var(--border-color-absent);border-style:var(--border-style-absent);border-width:var(--border-width-absent);color:var(--tile-text-color);color:var(--text-color-absent,var(--tile-text-color))}.keyboard-key.mine{background-color:#9c0d38;color:#fff}.keyboard-key.shield{background-color:#4682b4;color:#fff}.game-board{padding-bottom:160px}@media (max-width:360px){.keyboard{padding:0 4px}.keyboard-row{gap:2px;margin:2px 0}.keyboard-key{font-size:min(11px,calc(3.33333vw - 1px));height:min(40px,calc(10vw - 3px));min-width:min(26px,calc(8.33333vw - 3.33333px));padding:0 min(4px,.8vw)}.keyboard-key[data-key=BACKSPACE],.keyboard-key[data-key=ENTER]{font-size:min(10px,calc(3.125vw - .9375px));min-width:min(35px,calc(11.11111vw - 4.44444px));width:min(35px,calc(11.11111vw - 4.44444px))}}.keyboard-key.multiple-occurrences{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}.topic-selector{margin-bottom:8px}.topic-selector select{background-color:#fff;border:1px solid #666;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}.sub-message{color:#666;font-size:16px;margin-bottom:10px}.motivational-message{color:#2d2d2d;font-size:15px;font-weight:600;margin-bottom:20px}.explore-topics-label{font-weight:500;margin-bottom:10px;margin-top:15px}.share-preview-card{background:linear-gradient(135deg,#f5f7fa,#e8ecf1);border:2px solid #d1d8e0;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin:20px 0;padding:20px}.preview-label{color:#7f8c8d;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.preview-topic{color:#2d3436;font-size:18px;font-weight:700;margin-bottom:4px}.preview-attempts{color:#636e72;font-size:16px;font-weight:600;margin-bottom:12px}.preview-grid{align-items:center;display:flex;flex-direction:column;gap:4px}.preview-grid-row{font-size:20px;letter-spacing:2px;line-height:1.2}.green-button{background-color:#4a8440}.black-button,.green-button{border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:16px;margin:5px 0;padding:10px 20px}.black-button{background-color:#1a1a1a;box-shadow:0 2px 8px #0000004d;font-weight:500;transition:all .3s ease}.black-button:hover{background-color:#2d2d2d;box-shadow:0 4px 15px #0006;transform:translateY(-1px)}.black-button:active{box-shadow:0 1px 4px #0000004d;transform:translateY(0)}.outlined-button{background-color:initial;border:2px solid #2d2d2d;border-radius:25px;color:#2d2d2d;cursor:pointer;font-size:16px;font-weight:500;margin:5px 0;overflow:hidden;padding:10px 20px;position:relative;transition:all .3s ease}.outlined-button:before{background-color:#2d2d2d;content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .3s ease;width:100%;z-index:-1}.outlined-button:hover{border-color:#2d2d2d;box-shadow:0 4px 12px #2d2d2d33;color:#fff}.outlined-button:hover:before{left:0}.outlined-button:active{transform:scale(.98)}.green-button:hover{opacity:.9}.yellow-button{background-color:#be8d01}.gradient-button,.yellow-button{border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:16px;margin:5px 0;padding:10px 20px}.gradient-button{animation:pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#11998e,#38ef7d);box-shadow:0 4px 15px #11998e66;font-weight:600;overflow:hidden;position:relative;transition:all .3s ease}@keyframes pulse{0%,to{box-shadow:0 4px 15px #11998e66;transform:scale(1)}50%{box-shadow:0 4px 25px #38ef7d99;transform:scale(1.02)}}@keyframes shimmer{0%{left:-100%}to{left:100%}}.gradient-button:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.gradient-button:hover{background:linear-gradient(135deg,#0fb89e,#4affaa);box-shadow:0 6px 30px #38ef7db3;transform:scale(1.05)}.gradient-button:hover:before{animation:shimmer .8s}.gradient-button:active{box-shadow:0 2px 10px #11998e80;transform:scale(.98)}.black-silver-button{background:linear-gradient(135deg,#1a1a1a,#535657);border:none;border-radius:25px;box-shadow:0 4px 15px #0000004d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin:5px 0;overflow:hidden;padding:10px 20px;position:relative;transition:all .3s ease}.black-silver-button:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.black-silver-button:hover{background:linear-gradient(135deg,#000,#535657);box-shadow:0 6px 20px #0006;transform:scale(1.05)}.black-silver-button:hover:before{animation:shimmer .8s}.black-silver-button:active{box-shadow:0 2px 10px #0000004d;transform:scale(.98)}.yellow-button:hover{opacity:.9}.grey-button{background-color:#858788;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:#4a8440;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:#4a8440;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:#be8d01}.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.x{background-color:#000}.share-button.facebook{background-color:#1877f2}.share-button.linkedin{background-color:#0a66c2}.share-button.bluesky{background-color:#1185fe}.share-button.reddit{background-color:#ff4500}.share-button.whatsapp{background-color:#25d366}.share-button.clipboard{background-color:#858788}.share-button.download{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}.close-button:hover{color:#000}h2{margin:0 0 1.5rem}@media (max-width:480px){.modal-content{padding:1.5rem;width:95%}.share-type-selection{flex-direction:column}}.toast-notification{animation:slideUp .3s ease-out;background-color:#333;border-radius:8px;bottom:2rem;box-shadow:0 4px 12px #0000004d;color:#fff;font-size:14px;left:50%;padding:12px 24px;position:fixed;transform:translateX(-50%);z-index:10000}@keyframes slideUp{0%{opacity:0;transform:translateX(-50%) translateY(20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.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}:root{--color-correct:#4a8440;--color-present:#be8d01;--color-absent:#858788;--tile-text-color:#fff;--border-width-correct:2px;--border-style-correct:solid;--border-color-correct:var(--color-correct);--border-width-present:2px;--border-style-present:solid;--border-color-present:var(--color-present);--border-width-absent:2px;--border-style-absent:solid;--border-color-absent:var(--color-absent)}.high-contrast{--color-correct:#f5793a;--color-present:#85c0f9;--color-absent:#858788;--text-color-correct:#000;--text-color-present:#000;--text-color-absent:#fff;--border-color-correct:var(--color-correct);--border-color-present:var(--color-present)}.borders-mode{--border-width-correct:3px;--border-style-correct:solid;--border-color-correct:#000;--border-width-present:3px;--border-style-present:dashed;--border-color-present:#000}.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:4px;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:#4a8440;background-color:var(--color-correct);color:#fff;color:var(--text-color-correct,var(--tile-text-color))}.game-end-buttons .yellow-button{background-color:#be8d01;background-color:var(--color-present);color:#fff;color:var(--text-color-present,var(--tile-text-color))}.game-end-buttons .gray-button{background-color:#858788;background-color:var(--color-absent);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:#4a8440;color:#fff}.present{background-color:#be8d01;color:#fff}.absent{background-color:#858788;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:#4a8440;color:#fff}.key.present{background-color:#be8d01;color:#fff}.key.absent{background-color:#858788;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:var(--color-correct)}.stat-item.yellow{background-color:var(--color-present)}.stat-item.gray{background-color:var(--color-absent)}.stat-number{color:var(--tile-text-color);font-size:32px;font-weight:700}.stat-item.green .stat-label,.stat-item.green .stat-number{color:var(--tile-text-color);color:var(--text-color-correct,var(--tile-text-color))}.stat-item.yellow .stat-label,.stat-item.yellow .stat-number{color:var(--tile-text-color);color:var(--text-color-present,var(--tile-text-color))}.stat-item.gray .stat-label,.stat-item.gray .stat-number{color:var(--tile-text-color);color:var(--text-color-absent,var(--tile-text-color))}.stat-label{color:var(--tile-text-color);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{padding:4px 8px;right:16px;top:16px}h2{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:var(--color-correct);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%)}.settings-modal-content{background-color:#fff;border-radius:8px;box-shadow:0 4px 23px 0 #0003;max-height:85vh;max-width:90%;overflow-y:auto;padding:2rem;position:relative;width:400px}.close-button{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;font-size:20px;line-height:1;padding:.5rem;position:absolute;right:1rem;top:1rem}.close-button:hover{background-color:#f5f5f5}h2{font-size:24px;text-align:center}.setting-item{align-items:center;border-bottom:1px solid #d3d6da;display:flex;justify-content:space-between;padding:16px 0;text-align:left}.setting-info h3{color:#1a1a1a;font-size:18px;font-weight:500;margin:0}.setting-info p{color:#787c7e;font-size:14px;margin:4px 0 0}.switch{display:inline-block;flex-shrink:0;height:28px;position:relative;width:50px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#878a8c;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;bottom:4px;content:"";height:20px;left:4px;width:20px}input:checked+.slider{background-color:#4a8440}.high-contrast input:checked+.slider{background-color:#005ab5}input:focus+.slider{box-shadow:0 0 1px #4a8440}input:checked+.slider:before{transform:translateX(22px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.settings-footer{color:#787c7e;font-size:12px;margin-top:2rem;text-align:center}.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:var(--color-correct);border-color:var(--border-color-correct);border-style:var(--border-style-correct);border-width:var(--border-width-correct);color:var(--tile-text-color);color:var(--text-color-correct,var(--tile-text-color))}.example-tile.present{background-color:var(--color-present);border-color:var(--border-color-present);border-style:var(--border-style-present);border-width:var(--border-width-present);color:var(--tile-text-color);color:var(--text-color-present,var(--tile-text-color))}.example-tile.present.multiple{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}.example-tile.absent{background-color:var(--color-absent);border-color:var(--color-absent);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}.accessibility-footer{border-top:1px solid #eee;color:#666;font-size:.9rem;margin-top:2rem;padding-top:1rem;text-align:center}.settings-link{background:none;border:none;color:#007bff;cursor:pointer;font:inherit;font-weight:700;padding:0;text-decoration:underline}.settings-link:hover{color:#0056b3}.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{gap:1rem}.play-button{border:2px solid #4a8440;border-radius:4px;font-size:1.1rem;padding:1rem 2rem;transition:all .2s ease}.play-button:hover{background-color:#4a8440;border-color:#4a8440}.directory-button{background-color:#f6f7f8;border-radius:4px;font-size:1.1rem;padding:1rem 2rem}.directory-button:hover{background-color:#cbcfd3;border-color:#4a8440}.topic-markdown-content{margin-left:auto;margin-right:auto;margin-top:3rem;max-width:800px;padding:0 2rem;text-align:left}.topic-markdown-content h1{font-size:2rem}.topic-markdown-content h1,.topic-markdown-content h2{color:#1a1a1b;font-weight:700;margin-bottom:1rem;margin-top:2.5rem}.topic-markdown-content h2{font-size:1.5rem}.topic-markdown-content h3{color:#1a1a1b;font-size:1.2rem;font-weight:600;margin-bottom:.75rem;margin-top:2rem}.topic-markdown-content p{color:#515353;font-size:1.05rem;line-height:1.7;margin-bottom:1rem}.topic-markdown-content ol,.topic-markdown-content ul{margin-bottom:1.5rem;padding-left:1.5rem}.topic-markdown-content li{color:#515353;font-size:1rem;line-height:1.6;margin-bottom:.5rem}.topic-markdown-content li strong,.topic-markdown-content strong{color:#1a1a1b;font-weight:700}.topic-markdown-content a{border-bottom:1px solid #0000;color:#4a8440;font-weight:600;text-decoration:none;transition:border-color .2s ease}.topic-markdown-content a:hover{border-bottom-color:#4a8440}.topic-markdown-content code{background-color:#f6f7f8;border-radius:3px;color:#1a1a1b;font-family:Courier New,monospace;font-size:.9em;padding:.2rem .4rem}.topic-markdown-content pre{background-color:#f6f7f8;border:1px solid #d3d6da;border-radius:4px;margin-bottom:1.5rem;overflow-x:auto;padding:1rem}.topic-markdown-content pre code{background-color:initial;padding:0}.topic-markdown-content blockquote{border-left:3px solid #4a8440;color:#858788;font-style:italic;margin:1.5rem 0;padding-left:1.5rem}.related-topics{border-top:1px solid #d3d6da;margin-top:auto;padding-top:2rem}.related-topics h2{color:#858788;font-size:1rem;font-weight:700;letter-spacing:.1em;margin-bottom:2rem;text-transform:uppercase}.topic-card{text-align:left}.topic-card-description{color:#858788}@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:#4a8440;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:#858788;font-size:.8rem;font-weight:600;text-transform:uppercase}.topic-play-btn{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,.topic-play-btn{background-color:#4a8440}@media (max-width:768px){.topic-directory-title{font-size:2rem}.topic-grid{grid-template-columns:1fr}}.landing-page{background-color:#fff;color:#1a1a1b;display:flex;flex-direction:column;font-family:Clear Sans,Helvetica Neue,Arial,sans-serif;min-height:100vh;overflow-x:hidden;position:relative;width:100%}.landing-page,.landing-page *,.landing-page :after,.landing-page :before{box-sizing:border-box}.landing-page:before{background:radial-gradient(circle at 50% -100px,#6aaa6426 0,#0000 70%);content:"";height:800px;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.landing-header{align-items:center;display:flex;justify-content:flex-end;padding:2rem;position:relative;z-index:10}.blog-link{background:#f6f7f8;border-radius:6px;color:#515353;font-size:.85rem;font-weight:700;letter-spacing:.1em;padding:.6rem 1.2rem;text-decoration:none;transition:all .2s}.blog-link:hover{background:#eef0f1;color:#1a1a1b;transform:translateY(-1px)}.landing-main{align-items:center;display:flex;flex:1 1;flex-direction:column;margin:0 auto;max-width:1100px;padding:4rem 2rem 8rem;position:relative;text-align:center;z-index:1}.hero-section{margin-bottom:8rem}.hero-title{word-wrap:break-word;color:#1a1a1b;font-size:clamp(1.8rem,8vw,4.5rem);font-weight:800;letter-spacing:-.04em;line-height:1.1;margin-bottom:1.5rem;max-width:900px;padding:0 1rem;width:100%}.hero-subtitle{color:#515353;font-size:clamp(1.1rem,3vw,1.4rem);line-height:1.6;margin:0 auto 3.5rem;max-width:700px;padding:0 1.5rem}.landing-actions{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.play-button{background-color:#4a8440;border-radius:8px;box-shadow:0 4px 14px #6aaa644d;color:#fff;display:inline-block;font-size:1.2rem;font-weight:700;letter-spacing:.05em;padding:1.2rem 3rem;text-decoration:none;text-transform:uppercase;transition:all .2s cubic-bezier(.4,0,.2,1)}.play-button:hover{background-color:#5f9959;box-shadow:0 6px 20px #6aaa6466;transform:translateY(-2px)}.directory-button{background-color:#fff;border:2px solid #d3d6da;border-radius:8px;color:#1a1a1b;display:inline-block;font-size:1.2rem;font-weight:700;letter-spacing:.05em;padding:1.2rem 3rem;text-decoration:none;text-transform:uppercase;transition:all .2s ease}.directory-button:hover{background-color:#f6f7f8;border-color:#1a1a1b;transform:translateY(-2px)}.popular-topics-preview{margin-bottom:10rem;position:relative;width:100%}.section-title{color:#858788;font-size:.9rem;font-weight:700;letter-spacing:.2em;margin-bottom:3rem;text-transform:uppercase}.slideshow-container{align-items:center;display:flex;margin:0 auto;max-width:600px;position:relative;width:100%}.slideshow-window{border-radius:20px;max-width:100%;overflow:hidden;padding:1rem 0;width:100%}.slides-track{box-sizing:border-box;display:flex;height:100%;transition:transform .6s cubic-bezier(.4,0,.2,1)}.slide-item{box-sizing:border-box;flex:1 1;padding:0}.slide-item,.slide-nav{align-items:center;display:flex;justify-content:center}.slide-nav{background:#fff;border:2px solid #f0f1f2;border-radius:50%;box-shadow:0 4px 12px #0000000d;color:#1a1a1b;cursor:pointer;height:48px;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s;width:48px;z-index:10}.slide-nav:hover{border-color:#4a8440;color:#4a8440;transform:translateY(-50%) scale(1.1)}.slide-nav.prev{left:-64px}.slide-nav.next{right:-64px}.slide-dots{bottom:-40px;display:flex;gap:.75rem;left:50%;position:absolute;transform:translateX(-50%)}.dot{background:#d3d6da;border:none;border-radius:50%;cursor:pointer;height:8px;padding:0;transition:all .3s;width:8px}.dot.active{background:#6aaa64;border-radius:4px;width:24px}.preview-card{align-items:center;background:#fff;border:2px solid #f0f1f2;border-radius:20px;color:#1a1a1b;display:flex;flex-direction:column;gap:1rem;margin:0 auto;max-width:350px;padding:3rem 2rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);width:calc(100% - 2rem)}.preview-card:hover{border-color:#6aaa64;box-shadow:0 12px 24px #0000000d;transform:translateY(-8px)}.preview-icon{font-size:2.5rem;margin-bottom:.5rem}.preview-card h3{font-size:1.2rem;font-weight:700;margin:0}.play-count{color:#858788;font-size:.85rem;font-weight:600}.features-section{max-width:1000px;text-align:left;width:100%}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}.feature-item h3{color:#1a1a1b;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.feature-item p{color:#515353;font-size:1.1rem;line-height:1.6}.landing-footer{border-top:1px solid #f0f1f2;color:#858788;font-size:.9rem;padding:4rem 2rem;text-align:center}@media (max-width:768px){.landing-header{padding:1rem}.landing-main{padding:1.5rem .5rem 4rem;width:100%}.hero-section{margin-bottom:3rem;width:100%}.hero-title{font-size:clamp(1.8rem,10vw,2.8rem);margin-bottom:1rem}.hero-subtitle{margin-bottom:2.5rem}.landing-actions{flex-direction:column;gap:1rem;margin:0 auto;max-width:280px;width:100%}.directory-button,.play-button{font-size:1.1rem;padding:1rem 1.5rem;width:100%}.popular-topics-preview{margin-bottom:6rem}.slideshow-container{max-width:100%;padding:0 10px}.slide-nav{background:#ffffffe6;height:36px;width:36px}.slide-nav.prev{left:-5px}.slide-nav.next{right:-5px}.preview-card{max-width:260px;padding:2rem 1.5rem}.features-section{padding:0 1rem}.features-grid{gap:2rem}.feature-item h3{font-size:1.3rem}.feature-item p{font-size:1rem}}@media (max-width:480px){.hero-title{font-size:2.2rem}.slide-nav{display:none}}
/*# sourceMappingURL=main.3870fbc2.css.map*/