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}body.landing-page-active,body:has(.landing-page){height:auto;overflow:auto;position:static}body.landing-page-active #root,body:has(.landing-page) #root{height:auto;min-height:100vh}.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)}.daily-button{background-color:#c9a227;border-radius:8px;box-shadow:0 4px 14px #c9a2274d;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)}.daily-button:hover{background-color:#d4b02e;box-shadow:0 6px 20px #c9a22766;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}.footer-link{color:#858788;font-size:.875rem;text-decoration:none}.footer-link:hover{color:#fff}@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%}.daily-button,.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.69d82bac.css.map*/