@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.learn-container{width:100%;max-width:1200px;margin:0 auto;padding:6rem 2rem 2rem}.learn-header{text-align:center;margin-bottom:3rem}.learn-title{font-size:2.5rem;color:#ffffff;margin-bottom:1rem}.learn-subtitle{font-size:1.2rem;color:#cccccc}.learn-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.learn-card{background:rgba(20,20,20,.95);border:1px solid rgba(255,133,51,.3);border-radius:12px;padding:1.5rem;transition:all .3s ease}.learn-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(255,133,51,.2);border-color:rgba(255,133,51,.5)}.learn-card-title{font-size:1.5rem;color:#ffffff;margin-bottom:1rem}.learn-card-content{color:#cccccc;line-height:1.6}.learn-progress{margin-top:1rem;height:6px;background:rgba(255,255,255,.1);border-radius:3px;overflow:hidden}.learn-progress-bar{height:100%;background:linear-gradient(90deg,#ff8533,#ff9966);border-radius:3px;transition:width .3s ease}.protected-page{padding:6rem 2rem 2rem;min-height:calc(100vh - 80px)}.protected-page-content{max-width:1200px;margin:0 auto}.page-header{text-align:center;margin-bottom:3rem;animation:fadeInUp .8s ease-out}.orange-title{font-size:2.5rem;color:#ff8533;margin-bottom:1rem;font-weight:700}.page-header p{font-size:1.2rem;color:#e0e0e0;max-width:800px;margin:0 auto;animation:fadeInUp 1s ease-out .2s backwards}.learning-paths{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-bottom:4rem;animation:fadeInUp 1s ease-out .4s backwards}.learning-path-card{background:rgba(20,20,20,.95);border:1px solid rgba(255,133,51,.3);border-radius:12px;overflow:hidden;transition:all .3s ease}.learning-path-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(255,133,51,.2);border-color:rgba(255,133,51,.5)}.learning-path-image{height:180px;position:relative;overflow:hidden}.image-overlay{display:none}.learning-path-content{position:relative;z-index:2;padding:1.5rem;background:rgba(20,20,20,.95)}.learning-path-content h3{font-size:1.5rem;color:#ffffff;margin-bottom:1rem}.learning-path-content p{color:#cccccc;margin-bottom:1.5rem;line-height:1.6}.learning-stats{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.9rem;color:#999999}.learning-progress{height:6px;background:rgba(255,255,255,.1);border-radius:3px;margin-bottom:1.5rem;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,#ff8533,#ff9966);border-radius:3px;transition:width .3s ease}.continue-learning,.start-learning{display:inline-block;padding:.75rem 1.5rem;border-radius:6px;font-weight:600;text-decoration:none;transition:all .3s ease}.start-learning{background-color:#ff8533;color:white}.continue-learning{background-color:rgba(255,133,51,.2);color:#ff8533;border:1px solid #ff8533}.continue-learning:hover,.start-learning:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,133,51,.3)}.contribution-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:4rem}.contribution-card{background:rgba(20,20,20,.95);border:1px solid rgba(255,133,51,.3);border-radius:12px;padding:2rem;text-align:center;transition:all .3s ease;position:relative}.contribution-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(255,133,51,.2);border-color:rgba(255,133,51,.5)}.contribution-icon{background:rgba(255,133,51,.1);width:4rem;height:4rem;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:1.8rem;color:#ff8533}.contribution-card h3{font-size:1.5rem;color:#ffffff;margin-bottom:1rem}.contribution-card p{color:#cccccc;margin-bottom:1.5rem;line-height:1.6}.contribute-button{display:inline-block;padding:.75rem 1.5rem;background-color:rgba(255,133,51,.1);color:#ff8533;border:1px solid #ff8533;border-radius:6px;font-weight:600;text-decoration:none;transition:all .3s ease;margin-top:1rem}.contribute-button:hover{background-color:rgba(255,133,51,.2);transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,133,51,.2)}.contribute-button.coming-soon{background-color:rgba(100,100,100,.2);color:#ffffff;border:1px dashed rgba(255,255,255,.3);position:relative;overflow:hidden}.contribute-button.coming-soon:hover{background-color:rgba(255,133,51,.1);border-color:#ff8533;color:#ff8533;box-shadow:0 4px 12px rgba(255,133,51,.2)}@media (max-width:768px){.protected-page{padding:5rem 1rem 1rem}.orange-title{font-size:2rem}.contribution-options,.learning-paths{grid-template-columns:1fr}.contribution-card{padding:1.5rem}.learning-path-image{height:150px}.scrambled-word{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;padding:10px 5px;margin-bottom:15px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.scrambled-word::-webkit-scrollbar{display:none}.drag-area{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;padding:15px 5px;-webkit-overflow-scrolling:touch;scrollbar-width:none;min-height:70px}.drag-area::-webkit-scrollbar{display:none}.tile{flex-shrink:0}.drag-area-container:after,.drag-area-container:before{content:"";position:absolute;top:0;bottom:0;width:10px;z-index:5;pointer-events:none}.drag-area-container:before{left:0;background:linear-gradient(90deg,rgba(0,0,0,.2),transparent)}.drag-area-container:after{right:0;background:linear-gradient(270deg,rgba(0,0,0,.2),transparent)}}@media (max-width:375px){.tile{width:38px;height:38px;font-size:1.1rem;margin:4px}.edge-drop-zone{width:8px;margin:0 4px}}.game-container{min-height:100vh;background:#0a0a0a;color:white;font-family:Inter,sans-serif;padding:5rem 1rem 2rem}.game-header{flex-direction:column;margin-bottom:2rem;position:relative}.back-link,.game-header{display:flex;align-items:center}.back-link{position:absolute;left:0;top:1rem;gap:.5rem;color:#fff;text-decoration:none;font-size:1rem;padding:.5rem 1rem;background:rgba(255,133,51,.2);border-radius:.5rem;transition:all .3s ease}.back-link:hover{background:rgba(255,133,51,.4)}.game-title{font-size:2.5rem;font-weight:700;text-align:center;margin:1.5rem 0}.game-content{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:2rem}.game-stats{display:flex;justify-content:center;gap:2rem;margin-bottom:1rem}.stat-card{display:flex;align-items:center;gap:1rem;background:#1a1a1a;padding:1rem 1.5rem;border-radius:.75rem;min-width:150px;box-shadow:0 4px 20px rgba(0,0,0,.4);border:1px solid rgba(255,133,51,.3)}.level.stat-card{border-color:rgba(255,234,51,.3)}.score.stat-card{border-color:rgba(75,192,192,.3)}.stat-icon{font-size:1.75rem;color:#ff8533}.level .stat-icon{color:#ffea33}.score .stat-icon{color:#4bc0c0}.stat-info h3{font-size:.875rem;font-weight:600;opacity:.7;margin:0 0 .25rem}.stat-info p{font-size:1.25rem;font-weight:700;margin:0}.percentage{font-size:.875rem!important;color:#4bc0c0}.game-board{background:#1a1a1a;border-radius:1rem;padding:2rem;box-shadow:0 8px 30px rgba(0,0,0,.3);border:1px solid rgba(255,133,51,.2);display:flex;flex-direction:column;gap:1.5rem}.word-meaning{text-align:center;margin-bottom:1rem}.word-meaning p{font-size:1.25rem;margin-bottom:1rem}.hint-button{display:flex;align-items:center;justify-content:center;gap:.5rem;background:rgba(255,234,51,.2);border:none;color:#ffea33;padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;cursor:pointer;margin:0 auto;transition:all .3s ease}.hint-button:hover{background:rgba(255,234,51,.3)}.hint-display{display:flex;align-items:center;justify-content:center;gap:.75rem;background:rgba(255,234,51,.1);border:1px solid rgba(255,234,51,.3);color:#fff;padding:.75rem 1rem;border-radius:.5rem;font-size:.875rem;margin:0 auto;max-width:90%;animation:fadeIn .5s ease}.hint-icon{color:#ffea33;font-size:1.25rem}.scrambled-word{display:flex;justify-content:center;flex-wrap:wrap;gap:.75rem;margin:1.5rem 0}.scrambled-word h3{margin-bottom:1rem;font-size:1.25rem;color:rgba(255,255,255,.8)}.scrambled-letters{display:flex;justify-content:center;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.scrambled-letter{align-items:center;width:3rem;height:3rem;background:#333;border-radius:.5rem;font-size:1.5rem;font-weight:700;color:white;box-shadow:0 4px 10px rgba(0,0,0,.2);border:2px solid rgba(255,133,51,.4);text-transform:uppercase}.scrambled-letter,.tile-container{display:flex;justify-content:center}.tile-container{flex-wrap:wrap;gap:.75rem;margin:1.5rem 0}.tile:hover{transform:translateY(-2px);box-shadow:0 6px 15px rgba(0,0,0,.4);border-color:rgba(255,133,51,.7)}.dropped-tiles{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:.5rem;width:100%;min-height:4rem;padding:.5rem}.answer-tile-wrapper{flex-direction:column}.answer-tile,.answer-tile-wrapper{position:relative;display:flex;margin:.25rem}.answer-tile{align-items:center;justify-content:center;width:3.5rem;height:3.5rem;background:linear-gradient(135deg,#2a4e6e,#193753);border-radius:.5rem;font-size:1.75rem;font-weight:700;color:white;cursor:pointer;box-shadow:0 4px 10px rgba(0,0,0,.3);border:2px solid rgba(75,192,192,.6);transition:all .2s ease;user-select:none;text-transform:uppercase}.answer-tile:hover{background:linear-gradient(135deg,#255d87,#1e4367);transform:translateY(-2px);box-shadow:0 6px 15px rgba(0,0,0,.4)}.answer-tile:active{transform:translateY(0);box-shadow:0 2px 5px rgba(0,0,0,.2)}.answer-tile:after{content:"×";position:absolute;top:-8px;right:-8px;width:20px;height:20px;background:rgba(231,76,60,.9);border-radius:50%;font-size:14px;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease}.answer-tile:hover:after{opacity:1}.answer-tile-controls{display:flex;justify-content:space-between;width:100%;position:absolute;top:-18px;left:0;opacity:0;transition:opacity .2s ease}.answer-tile-wrapper:hover .answer-tile-controls{opacity:1}.move-tile-button{width:20px;height:20px;background:rgba(75,192,192,.8);border:none;border-radius:50%;color:white;font-size:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.move-tile-button:hover{background:rgba(75,192,192,1);transform:scale(1.1)}.move-tile-button.left{margin-right:2px}.move-tile-button.right{margin-left:2px}.drag-drop-help{text-align:center;color:rgba(255,255,255,.6);font-size:.8rem;margin-top:.5rem;font-style:italic}.accent-feedback{display:flex;flex-direction:column;align-items:center;gap:.5rem}.accent-word{font-size:1.5rem;font-weight:700;color:#fff;background:rgba(0,204,0,.15);padding:.5rem 1rem;border-radius:.5rem;margin:.5rem 0;letter-spacing:1px}@media (max-width:768px){.game-title{font-size:1.75rem;margin-top:3rem}.game-stats{flex-wrap:wrap;gap:1rem}.stat-card{flex:1 0 40%;min-width:130px}.game-board{padding:1.5rem}.scrambled-letter,.tile{width:2.5rem;height:2.5rem;font-size:1.25rem}.back-link{top:0}.answer-tile{width:2.75rem;height:2.75rem;font-size:1.35rem}.answer-tile-controls{top:-16px}.move-tile-button{width:18px;height:18px;font-size:10px}}@media (max-width:480px){.game-header{margin-bottom:1rem}.game-title{font-size:1.5rem;margin-top:2.5rem}.game-stats{flex-direction:column;align-items:center}.stat-card{width:100%;max-width:300px}.scrambled-letter,.tile{width:2.25rem;height:2.25rem;font-size:1.125rem}.word-meaning p{font-size:1rem}.hint-display{font-size:.8rem}.drop-area{height:3.5rem}.drop-placeholder{font-size:1rem}.back-link{font-size:.875rem;padding:.375rem .75rem}.answer-tile{width:2.25rem;height:2.25rem;font-size:1.15rem}.answer-tile-controls{top:-14px}.move-tile-button{width:16px;height:16px;font-size:9px}.accent-word{font-size:1.2rem}}.dragging{opacity:.6;transform:scale(1.05);z-index:10}.drag-over{background:rgba(75,192,192,.15);border-color:rgba(75,192,192,.7);box-shadow:inset 0 0 10px rgba(75,192,192,.3)}.tile-container.drag-over{padding:.5rem;border-radius:.75rem;min-height:4.5rem}.dropped-tiles.drag-over{border:2px dashed rgba(75,192,192,.7);border-radius:.75rem}.input-method-toggle{display:flex;justify-content:center;gap:1rem;margin:1rem 0}.toggle-button{display:flex;align-items:center;justify-content:center;gap:.5rem;background:#2a2a2a;border:1px solid #444;color:#ddd;padding:.75rem 1.25rem;border-radius:.5rem;font-size:.875rem;cursor:pointer;transition:all .3s ease}.toggle-button:hover{background:#333;color:white;transform:translateY(-2px)}.toggle-button.active{background:rgba(255,133,51,.2);border-color:#ff8533;color:#ff8533}.user-input-area{margin:1.5rem 0}.word-input:focus{outline:none;border-color:rgba(75,192,192,.7);box-shadow:0 0 15px rgba(75,192,192,.2)}.submit-button{display:block;width:100%;max-width:300px;margin:1.5rem auto;background:#ff8533;color:white;border:none;padding:.875rem 1.5rem;border-radius:.5rem;font-size:1.25rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-shadow:1px 1px 3px rgba(0,0,0,.5)}.submit-button:hover{background:#ff7020;transform:translateY(-2px);box-shadow:0 6px 15px rgba(255,133,51,.3)}.submit-button:disabled{background:#666;cursor:not-allowed;transform:none;box-shadow:none}.result{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;border-radius:.5rem;margin:1rem 0;animation:fadeIn .5s ease}.result.correct{background:rgba(0,204,0,.2);border:1px solid rgba(0,204,0,.4)}.result.wrong{background:rgba(231,76,60,.2);border:1px solid rgba(231,76,60,.4)}.result-icon{font-size:2rem}.result.correct .result-icon{color:#00cc00}.result.wrong .result-icon{color:#e74c3c}.reset-button{display:flex;align-items:center;justify-content:center;gap:.5rem;background:#333;border:1px solid #444;color:#ddd;padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;cursor:pointer;margin:0 auto;transition:all .3s ease}.reset-button:hover{background:#444;color:white}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.accent-warning{background-color:rgba(243,156,18,.2);border:1px solid rgba(243,156,18,.4);color:#f39c12;padding:.75rem 1rem;border-radius:.5rem;margin:1rem 0;text-align:center;font-size:.875rem;animation:fadeIn .3s ease}.drag-area{min-height:4rem;padding:1rem;margin:1rem 0;background:rgba(40,44,52,.6);border:2px dashed rgba(75,192,192,.3);border-radius:.5rem;transition:all .3s ease;gap:.75rem}.drag-area:hover{border-color:rgba(75,192,192,.5)}.drag-placeholder{color:#888;font-size:.875rem;font-style:italic;pointer-events:none}.tile.dragging{opacity:.6}.tile.drag-over{background-color:rgba(75,192,192,.3);border-color:rgba(75,192,192,.8)}.tile.input-tile{background:rgba(75,192,192,.2);border-color:rgba(75,192,192,.5);cursor:pointer;position:relative}.tile.input-tile:after{content:"×";position:absolute;top:-8px;right:-8px;width:16px;height:16px;background:rgba(231,76,60,.8);color:white;border-radius:50%;font-size:12px;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease}.tile.input-tile:hover:after{opacity:1}.unsupported-language{text-align:center;padding:2rem;margin:2rem auto;max-width:600px;background:rgba(40,44,52,.6);border-radius:.5rem;border:1px solid #444}.unsupported-language h2{color:#e74c3c;margin-bottom:1rem}.unsupported-language p{margin-bottom:2rem}.game-controls{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-top:1.5rem}.coming-soon-container{max-width:700px;margin:0 auto;padding:2rem;text-align:center;background:rgba(20,20,20,.8);border-radius:1rem;border:1px solid rgba(255,133,51,.3);box-shadow:0 8px 30px rgba(0,0,0,.3)}.coming-soon-icon{margin:1rem auto 2rem;color:#ff8533;background:rgba(255,133,51,.1);width:100px;height:100px;border-radius:50%;display:flex;align-items:center;justify-content:center}.coming-soon-container h2{font-size:2rem;margin-bottom:1.5rem;color:#fff}.coming-soon-container p{color:#ccc;margin-bottom:1.5rem;line-height:1.6;font-size:1.1rem}.coming-soon-actions{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-top:2rem}.auth-button{padding:.75rem 1.5rem;background-color:#ff8533;color:white;border:none;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-shadow:1px 1px 3px rgba(0,0,0,.3);min-width:200px}.auth-button:hover{background-color:#ff7020;transform:translateY(-2px);box-shadow:0 6px 15px rgba(255,133,51,.3)}.back-button{padding:.75rem 1.5rem;background-color:transparent;color:#ccc;border:1px solid #666;border-radius:.5rem;font-size:1rem;cursor:pointer;transition:all .3s ease;min-width:200px}.back-button:hover{background-color:rgba(255,255,255,.1);color:#fff;border-color:#999}.text-green-500{color:#00cc00}.text-white{color:#ffffff}.text-orange-500{color:#ff8533}@media (max-width:768px){.coming-soon-container{padding:1.5rem}.coming-soon-icon{width:80px;height:80px}.coming-soon-container h2{font-size:1.75rem}.coming-soon-container p{font-size:1rem}}.content-page-header{border-bottom:1px solid rgba(255,255,255,.1);background-color:rgba(0,0,0,.95);position:fixed;top:0;left:0;right:0;z-index:100}.dashboard-header-actions{display:flex;align-items:center;gap:1rem}.dashboard-link{display:flex;align-items:center;padding:.5rem 1rem;background:rgba(255,133,51,.2);color:#ff8533;border-radius:.5rem;font-weight:600;transition:all .3s ease}.dashboard-link:hover{background:rgba(255,133,51,.3);transform:translateY(-2px)}.naija-scramble-btn{text-shadow:1px 1px 2px #000;font-weight:700}.content-page-footer{padding:2rem 0;margin-top:3rem;border-top:1px solid rgba(255,255,255,.1);background-color:rgba(0,0,0,.3)}.footer-title{font-size:1.5rem;font-weight:700;margin-bottom:1rem}.footer-text{color:#ccc;font-size:.95rem;max-width:600px;margin:0 auto}.mb-4{margin-bottom:1rem}.drag-area-container{display:flex;align-items:stretch;width:100%;position:relative;min-height:60px}.drag-area{flex-wrap:wrap;min-height:60px;background-color:rgba(0,0,0,.2);border-radius:8px;padding:10px;margin:0;border:2px dashed rgba(255,255,255,.3);flex-grow:1}.drag-area,.edge-drop-zone{display:flex;justify-content:center;align-items:center;transition:all .2s ease}.edge-drop-zone{width:10px;height:auto;background-color:rgba(0,204,0,.05);border-radius:4px;margin:0 8px;position:relative}.edge-drop-zone.drag-over,.edge-drop-zone:hover{background-color:rgba(0,204,0,.2);width:15px}.edge-drop-zone:before{content:"";position:absolute;width:2px;height:20px;background-color:rgba(255,255,255,.3);border-radius:2px}.edge-drop-zone.drag-over:before,.edge-drop-zone:hover:before{background-color:rgba(255,255,255,.6)}.tile{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:#00cc00;color:white;border-radius:6px;margin:5px;font-size:1.2rem;font-weight:700;cursor:grab;user-select:none;box-shadow:0 2px 5px rgba(0,0,0,.2);transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease}.tile.dragging{opacity:.7;transform:scale(1.1);box-shadow:0 5px 15px rgba(0,0,0,.3);z-index:10}.tile.drag-over{transform:scale(.95)}.input-tile,.input-tile:hover,.tile.drag-over{background-color:#00cc00}.input-tile:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.25)}.drag-placeholder{color:rgba(255,255,255,.5);font-size:.9rem;text-align:center;margin:0;padding:15px;user-select:none;width:100%}.game-page-container{padding-top:1rem;max-width:800px;margin:1rem auto 0!important}@media (hover:none) and (pointer:coarse){.tile{cursor:pointer;touch-action:none}.tile.dragging{opacity:.7;transform:scale(1.1);box-shadow:0 5px 15px rgba(0,0,0,.3);z-index:10}.input-method-toggle{margin-bottom:1rem}.tile{width:45px;height:45px;font-size:1.3rem;margin:6px}.drag-area{min-height:80px;padding:15px 10px}.word-input{text-align:center;width:100%;max-width:90%}}@media screen and (max-width:768px){.game-container{padding:1rem}.game-stats{flex-direction:column;gap:8px}.stat-card{width:100%;margin:0 0 10px}.game-board{padding:15px 10px}.game-header{flex-direction:column;gap:10px}.scrambled-word{flex-wrap:wrap;justify-content:center}.meaning-display{padding:10px;margin-bottom:15px;font-size:.9rem}.reset-button,.submit-button{padding:10px 15px;font-size:.9rem}.game-controls{flex-direction:column;gap:10px}.input-method-toggle{flex-direction:column;align-items:center;margin-bottom:15px}.toggle-option{width:80%;margin:5px 0}}.dragged-tile-visual{z-index:9999;will-change:transform;transform-origin:center center}.visual-drag-tile{display:inline-flex;width:40px;height:40px;border-radius:6px;font-size:1.2rem;font-weight:700;box-shadow:0 5px 15px rgba(0,0,0,.3);opacity:.9;transform:scale(1.1)}@media (hover:none) and (pointer:coarse){.game-container{padding:4rem .5rem 2rem}.orange-title{color:#ff8533;margin-top:1rem}.mobile-drag-area-container{width:100%!important;margin:0 auto;box-sizing:border-box;display:flex;flex-direction:column;align-items:center}.scrambled-word{width:92%!important;max-width:92%!important;margin:0 auto 15px;flex-wrap:wrap!important;justify-content:center!important;padding:15px 10px;box-sizing:border-box;display:flex}.scrambled-word .tile{flex-shrink:0;margin:3px}.mobile-word-input-area{width:92%!important;max-width:92%!important;min-width:92%!important;box-sizing:border-box!important;flex-basis:92%!important;margin:0 auto!important;flex-grow:0!important;flex-shrink:0!important;min-height:80px!important;padding:10px!important;border:2px dashed rgba(255,255,255,.3)!important;overflow:hidden!important;display:flex!important;flex-wrap:wrap!important;justify-content:center!important;align-items:center!important}.mobile-word-input-area .tile{width:42px;height:42px;font-size:18px;position:relative;margin:3px;flex-shrink:0}.game-controls{display:flex;flex-direction:column;gap:15px;width:92%;margin:30px auto}.reset-button,.submit-button{width:100%;margin:0}.word-input{width:100%;max-width:100%;box-sizing:border-box;text-align:center}.game-stats,.word-meaning{margin-bottom:20px}.accent-warning,.input-method-toggle{margin-bottom:15px}.accent-warning{margin-top:15px}.result{margin-bottom:15px}.game-board{padding:15px 10px;width:100%;box-sizing:border-box;margin-bottom:25px}}@media (max-width:375px){.mobile-tiles-track .tile{width:45px;height:45px;font-size:18px}.mobile-word-input-area .tile{width:40px;height:40px;font-size:16px}}.dragged-tile-visual{z-index:1000;position:fixed;pointer-events:none;transform:translate(-50%,-50%);transition:none;width:auto;height:auto}.visual-drag-tile{width:55px;height:55px;font-size:24px;display:flex;align-items:center;justify-content:center;background-color:#00cc00;color:white;border-radius:8px;box-shadow:0 6px 12px rgba(0,0,0,.3)}@media (hover:none) and (pointer:coarse){.visual-drag-tile{width:45px;height:45px;font-size:1.3rem;opacity:.9}.game-board{width:100%;max-width:100%;overflow:hidden;padding:0;margin-bottom:25px}.game-stats,.word-meaning{margin-bottom:20px}.accent-warning,.input-method-toggle,.scrambled-word{margin-bottom:15px}.accent-warning{margin-top:15px}.result{margin-bottom:15px}}.mobile-word-input-area{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;min-height:70px;padding:15px;background-color:rgba(0,0,0,.15);border-radius:12px;gap:8px;width:100%;max-width:85%;border:2px dashed rgba(255,255,255,.3);box-shadow:inset 0 0 15px rgba(0,0,0,.1);margin:0 auto;overflow:hidden;box-sizing:border-box}.mobile-word-input-area .tile{width:42px;height:42px;font-size:18px;position:relative;margin:3px}.mobile-tiles-slider{flex-direction:column;padding:10px 0;margin-bottom:15px}.mobile-tiles-slider,.mobile-tiles-track{display:flex;width:100%;position:relative}.mobile-tiles-track{overflow-x:auto;white-space:nowrap;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent;-webkit-overflow-scrolling:touch;padding:12px 15px;gap:10px;background-color:rgba(0,0,0,.08);border-radius:12px;justify-content:flex-start;align-items:center;scroll-snap-type:x proximity;-ms-overflow-style:-ms-autohiding-scrollbar}.mobile-tiles-track::-webkit-scrollbar{height:6px}.mobile-tiles-track::-webkit-scrollbar-thumb{background-color:rgba(255,255,255,.3);border-radius:3px}.mobile-tiles-track::-webkit-scrollbar-track{background-color:transparent}.mobile-tiles-slider:after,.mobile-tiles-slider:before{content:"";position:absolute;bottom:10px;width:25px;height:50px;z-index:2;pointer-events:none}.mobile-tiles-slider:before{left:0;background:linear-gradient(90deg,rgba(30,41,59,.7),rgba(30,41,59,0));border-top-left-radius:12px;border-bottom-left-radius:12px}.mobile-tiles-slider:after{right:0;background:linear-gradient(270deg,rgba(30,41,59,.7),rgba(30,41,59,0));border-top-right-radius:12px;border-bottom-right-radius:12px}.user-input-area{width:100%;max-width:100%;overflow:hidden;margin-bottom:15px}.mobile-drag-area-container{padding:0 20px}.mobile-game-header{margin-top:2.5rem;padding-top:1rem}.mobile-drag-area-container{display:flex;flex-direction:column;gap:15px;width:100%;max-width:100%;overflow:hidden;margin:0 auto}.toggle-option.active{background-color:#4c8dd3;color:white;transform:scale(1.05)}.word-input{width:100%;max-width:300px;padding:10px 15px;border-radius:8px;background-color:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.3);color:white;font-size:1rem;margin:0 auto;text-align:center}@media (max-width:768px){.game-page-container{padding-top:.5rem;margin-top:.5rem!important}}.mobile-word-input-area{min-height:80px!important;padding:10px!important;border:2px dashed rgba(255,255,255,.3)!important;overflow:hidden!important;align-items:center!important}.mobile-word-input-area,.scrambled-word{width:92%!important;max-width:92%!important;min-width:92%!important;box-sizing:border-box!important;flex-basis:92%!important;margin:0 auto!important;flex-grow:0!important;flex-shrink:0!important;display:flex!important;flex-wrap:wrap!important;justify-content:center!important}.scrambled-word{padding:15px 10px!important}body .game-container .game-board .mobile-word-input-area,body .game-container .game-board .scrambled-word{width:92%!important;max-width:92%!important;min-width:92%!important;flex-basis:92%!important;flex-grow:0!important;flex-shrink:0!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box!important}.language-selection-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:1.5rem;margin-top:2rem;margin-bottom:3rem}@media (min-width:640px){.language-selection-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.language-selection-grid{grid-template-columns:repeat(3,1fr)}}.language-card{display:flex;flex-direction:column;background:rgba(20,20,20,.95);border:1px solid rgba(255,133,51,.3);border-radius:12px;overflow:hidden;transition:all .3s ease;text-decoration:none;box-shadow:0 4px 6px rgba(0,0,0,.1)}.language-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(255,133,51,.2);border-color:rgba(255,133,51,.5)}.language-card-image{position:relative;height:180px;width:100%}.language-progress{position:absolute;bottom:0;left:0;width:100%;height:5px;background-color:rgba(0,0,0,.5)}.language-progress-bar{height:100%;background:linear-gradient(90deg,#ff8533,#ff9966)}.language-card-content{padding:1.5rem;flex-grow:1;display:flex;flex-direction:column}.language-card-content h3{font-size:1.5rem;color:#ffffff;margin-bottom:.75rem;display:flex;align-items:center}.language-card-content p{color:#cccccc;margin-bottom:1.5rem;line-height:1.6;flex-grow:1}.language-stats{display:flex;justify-content:space-between;width:100%;color:#9ca3af;font-size:.875rem;margin-bottom:.5rem}