*{box-sizing:border-box}body{background-image:linear-gradient(to right bottom,#111827,#1f2937,#111827)}.App-container{display:flex;justify-content:space-around;width:100vw;height:100vh}/*! left side styles */.leftside{width:30%}.wrong-guess{display:flex;justify-content:center;align-items:center;padding:.2rem .5rem;background-color:#1f293780;border-radius:9999px;border-bottom-color:#4b5563;border-top-color:#4b5563;border-left-color:#4b5563;border-right-color:#4b5563;border-bottom-style:solid;border-top-style:solid;border-left-style:solid;border-right-style:solid;border-bottom-width:.8px;border-top-width:.8px;border-left-width:.8px;border-right-width:.8px;box-sizing:border-box;color:#f9a8d4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-size:18px;font-weight:600;line-height:28px;height:3.5rem}.timer-container{background-color:#1f293780;border-radius:9999px;padding:1rem;border-bottom-color:#4b5563;border-top-color:#4b5563;border-left-color:#4b5563;border-right-color:#4b5563;border-bottom-style:solid;border-top-style:solid;border-left-style:solid;border-right-style:solid;border-bottom-width:.8px;border-top-width:.8px;border-left-width:.8px;border-right-width:.8px;box-sizing:border-box;color:#f9a8d4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-size:18px;font-weight:600;line-height:28px;height:3.5rem;display:flex;align-items:center;justify-content:space-around}.wrong-guess-and-timer-container{margin-top:5rem;display:flex;flex-wrap:wrap;justify-content:space-around;width:100%}/*! main section styles */header{color:#fff;width:21.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center}main{display:flex;justify-content:center;flex-direction:column;align-items:center;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";width:40%}header{display:flex;flex-direction:column;align-items:center}.difficulty-button{padding:.2rem;border:rgba(10,8,3,.651) 2px solid;font-size:medium;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-size:18px;font-weight:600;line-height:28px}.difficulty-select p{text-align:center}.active{background-image:linear-gradient(to right bottom,#ec4899,#9333ea);color:#f9f4da;font-weight:600;font-size:medium;padding:.5rem;border-radius:4px}.status-section{color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:21.5rem;min-height:60px;border-radius:4px;margin-block:30px}section.game-instructions{background-color:#00c3ffe7;color:#f9f4da;display:flex;flex-direction:column;align-items:center;justify-content:center;width:21.5rem;border-radius:4px;margin-block:30px;padding:.5rem}.keyboard-section{display:flex;justify-content:center;flex-wrap:wrap;width:100%;max-width:25rem;margin-block:30px;gap:1rem}.keyboard-container{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:.5rem;width:100%}.keyboard-button{width:2rem;height:2rem;padding:.5rem;border-radius:5px;background-image:-webkit-linear-gradient(to right bottom,rgb(236,72,153),rgb(147,51,234));background-image:-moz-linear-gradient(to right bottom,rgb(236,72,153),rgb(147,51,234));background-image:linear-gradient(to right bottom,#ec4899,#9333ea);border:1.6px solid rgb(244,114,182);color:#f9f4da;font-size:large;font-weight:600;gap:1rem;display:flex;justify-content:center;align-items:center;cursor:pointer}.keyboard-button.disabled{cursor:not-allowed;pointer-events:none;opacity:.5}.keyboard-button:hover{background-image:linear-gradient(to bottom right,#f472b6,#a78bfa)}.keyboard-button.correct{background-image:linear-gradient(to right bottom,#22c55e,#065f46)}.keyboard-button.incorrect{background-image:linear-gradient(to right bottom,#ff4d4f,#b30000)}.hint-section{max-width:23rem;color:#00c8ff;text-align:center}.hint-section span{font-weight:600;font-size:large;color:#ec4899}.letters-section{display:flex;justify-content:center;margin-top:1.5rem;gap:.2rem}.letters-section span{padding:.6rem;color:#fff;background-color:#00c3ff4d;border-bottom:1px solid white}.success-message,.fail-message{text-align:center}/*! right section styles  */.rightside{display:flex;justify-content:space-around;width:30%}.level-container{display:flex;align-items:center;justify-content:center;width:9rem;height:4rem;background-image:linear-gradient(to right,#ec489933,#a855f733);border-radius:9999px;margin-top:5rem}.score-container{display:flex;align-items:center;justify-content:center;width:9rem;height:4rem;background-image:linear-gradient(to right,#3b82f633,#06b6d433);border-radius:9999px;margin-top:5rem}.level{color:#f9a8d4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-size:18px;font-weight:600;line-height:28px;display:block}.level{margin-left:.5rem}.level-up-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;pointer-events:none;display:flex;align-items:center;justify-content:center}.level-up-text{font-size:4rem;font-weight:700;color:#facc15;animation:pulse 1s infinite}.radial-burst{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle,rgba(250,204,21,.2),transparent,transparent);animation:ping 1.5s ease-out}@keyframes pulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.05);opacity:1}}@keyframes ping{0%{transform:scale(.8);opacity:1}to{transform:scale(2.5);opacity:0}}.game-instructions{text-align:center;color:#fff}.game-instructions span{color:#ec4899;font-weight:600;font-size:large}.question-icon{background:none;border:none;font-size:1.5rem;margin-left:.5rem;cursor:pointer;transition:transform .2s ease}.question-icon:hover{transform:scale(1.2)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000bf;display:flex;justify-content:center;align-items:center;animation:fadeIn .3s ease;z-index:999}.modal-content{background-image:-webkit-linear-gradient(to right bottom,rgb(236,72,153),rgb(147,51,234));background-image:-moz-linear-gradient(to right bottom,rgb(236,72,153),rgb(147,51,234));background-image:linear-gradient(to right bottom,#ec4899,#9333ea);font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-size:18px;font-weight:500;line-height:28px;color:#fff;padding:2rem;max-width:500px;width:90%;border-radius:10px;box-shadow:0 0 15px #0000004d;animation:slideUp .3s ease;position:relative}.close-modal-btn{margin-top:1.5rem;padding:.5rem 1rem;background:#222;color:#fff;border:none;cursor:pointer;border-radius:4px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.game-lost-button{background:#0000 linear-gradient(to right,#ef4444,#e11d48);background-position:0% 0%;background-size:auto;background-repeat:repeat;color:#fff;padding:1.5rem;border-radius:8px;font-size:large;font-weight:600;cursor:pointer;margin-top:1rem}.game-won-button{background:#0000 linear-gradient(to right,#22c55e,#059669) repeat scroll 0% 0% / auto padding-box border-box;background-color:#0000;background-image:linear-gradient(to right,#22c55e,#059669);background-position:0% 0%;background-size:auto;background-repeat:repeat;color:#fff;padding:1.5rem;border-radius:8px;font-size:large;font-weight:600;cursor:pointer;margin-top:1rem}/*! footer styles */footer{position:fixed;bottom:0;right:0}.feedback-btn{background-image:linear-gradient(to right bottom,#3b82f6,#a855f7);color:#f6e0f6;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;font-size:1rem;border:none;cursor:pointer;transition:background-color .3s ease}.feedback-btn:hover{background-image:linear-gradient(to right bottom,#9128f3,#2563eb)}@media (max-width: 912px){.App-container{width:100vw;flex-direction:column;align-items:center;gap:1rem;row-gap:1rem}.leftside{width:100%;margin-top:5rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.wrong-guess-and-timer-container{width:100%;display:flex;align-items:center;justify-content:space-around;height:100%;margin-top:0}main{width:100vw;margin-bottom:1rem}.letters-section{width:95%}.letters-section span{padding:.35rem;color:#fff;background-color:#00c3ff4d;border-bottom:1px solid white}.keyboard-section{width:100%;justify-content:center}.keyboard-button{width:2rem;height:2rem;gap:.5rem;font-size:medium}.game-lost-button,.game-won-button{z-index:999;top:0;right:0;bottom:0;left:0}.level-up-text{font-size:3rem}.rightside{display:flex;align-items:center;width:100%;margin-top:1rem;margin-bottom:15rem}.level-container,.score-container{margin-top:0}.feedback-btn{font-weight:600;font-size:.6rem}}