@import url(https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.popup-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000040;height:100vh;left:0;top:0;width:100vw;z-index:2000}.popup-box{animation:popupBounce .25s ease-out;border:2px solid #f0f0f0;border-radius:20px;box-shadow:0 6px 25px #00000026;padding:25px;width:280px}.popup-btn{background-color:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;margin-top:15px;padding:10px 18px}.popup-btn:hover{box-shadow:0 0 10px #4caf5080;transform:translateY(-2px)}@keyframes popupBounce{0%{opacity:0;transform:scale(.7)}70%{opacity:1;transform:scale(1.05)}to{transform:scale(1)}}.loading-overlay{align-items:center;background-color:#ca36c0;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.star-spinner{animation:spin 2s linear infinite;height:100px;margin-bottom:20px;width:100px}.loading-text{color:#fff;font-size:1.5rem;font-weight:700;letter-spacing:2px;position:relative}.loading-text:after{animation:dots 1.5s steps(4) infinite;content:"";margin-left:6px;position:absolute}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}to{content:""}}.Logo-hh{align-items:center;display:flex;gap:4px;margin-left:1%}.HomeHeader-hh{align-items:flex-start;background-color:#f0f8ff;display:flex;flex-direction:column;gap:4px;line-height:1;padding:10px 0}.HomeHeader-hh h1{font-size:50px;font-weight:bolder}.HomeHeader-hh h1,.LogoTxt1-hh{font-family:Quicksand,sans-serif}.LogoTxt1-hh{color:#42a1f5}.LogoTxt2-hh{color:#ca36c0;font-family:Quicksand,sans-serif}.Logo-hh h1{font-size:50px;margin:0}.star-hh{align-items:center;animation:spin-slow 8s linear infinite;height:auto;width:63px}.Slogan-hh{color:#3030ae;font-family:Quicksand,sans-serif;font-size:16px;font-weight:600;line-height:0;margin-left:6.7%}.narrow-banner-hh{align-items:center;background-color:#ca36c0;display:flex;height:30px;text-decoration:none;width:100%}.NarrowBannerHomeTxt-hh{color:#fff;font-size:14px;font-weight:600;margin:5px 0 0;text-decoration:none}.NarrowBannerElements-hh{align-items:center;align-items:flex-start;display:flex;flex-direction:row;flex-wrap:wrap;gap:25px;justify-content:flex-start;margin-left:3.85%}.NarrowBannerHomeTxt-hh:hover{cursor:pointer}.HomeIcon-hh{margin-left:8%;margin-top:2px;width:22px}.HomeLink-hh{color:inherit;display:flex;text-decoration:none}.footer{background-color:#ca36c0;border-top:2px solid #a026a0;box-shadow:0 -2px 5px #0000001a;color:#fff;padding:1rem 0;text-align:center}.footer-content{display:flex;font-weight:500;gap:2rem;justify-content:center;margin-bottom:.5rem}.footer-section{align-items:center;display:flex;font-size:1rem;gap:.4rem}.footer-section span{font-size:1.2rem}.footer-copy{color:#f0e5f5;font-size:.8rem;margin:0}.footer-decor{color:#f3d3f8;font-size:1rem;letter-spacing:.2rem;margin-top:.5rem}.BelowBanner{margin:30px auto}.subheader-home{color:#333;font-family:Segoe UI,Tahoma;font-family:Quicksand,sans-serif;font-size:24px;font-weight:500;margin-left:4%;margin-top:10px}.HomeScreenBanner{align-items:center;border:5px solid #1c95ec;border-radius:12px;display:flex;height:44vh;justify-content:center;margin:25px auto 30px;max-width:845px;min-width:700px;overflow:hidden;width:80%}.HomeScreenBannerImage{max-height:85%;max-height:-webkit-fit-content;max-height:fit-content;max-width:850px;object-fit:contain}.BannerCardContainer{align-items:flex-start;align-items:center;border:7px solid #333;border-radius:12px;display:flex;flex:auto;height:40vh;justify-content:center;margin:0 auto;max-height:20%;overflow:hidden;width:50%}.CardContainer-home{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;justify-content:flex-start;margin-left:3%;margin-top:10px;max-width:1100px;min-width:800px}.Card-home{background-color:#f5b4ef;border:5px solid #c10da65e;border-radius:20px}.Card-Game-home,.Card-home{align-items:flex-start;box-shadow:0 3px 8px;color:inherit;flex-direction:column;gap:2px;margin-bottom:20px;margin-left:2%;overflow:hidden;text-decoration:none;transition:.3s,box-shadow .3s;vertical-align:top;width:18.9%}.Card-Game-home{background-color:#8ad5fd;border:5px solid #0c2cce87;border-radius:20px}.Card-Game-home:hover,.Card-home:hover{box-shadow:0 90px 60px #0000004d;cursor:pointer;transform:translateY(-5px)}.CardImage-home{object-fit:cover;width:100%}.CardDifficulty{background:#7cbcf5;border:2px inset #42a1f599;border-radius:8px}.CardDifficulty,.CardDifficulty-Game-home{color:#333;display:inline-block;font-family:Quicksand,sans-serif;font-size:80%;font-weight:800;margin-bottom:2px;margin-left:2%;margin-top:3px;padding:2px 8px 2.5%}.CardDifficulty-Game-home{background:#edfc8a;border:2px inset #a6a65099;border-radius:8px}.cardTitle-home{font-size:105%;font-weight:600;margin-bottom:1px;margin-top:0}.cardDescription-home,.cardTitle-home{font-family:Quicksand,sans-serif;padding-left:5%;text-decoration:none}.cardDescription-home{font-size:80%;font-weight:480;margin-top:1px;padding-right:5%}.Card-Game-home a,.Card-home a{color:inherit;display:block;text-decoration:none}.Phonetics-Chart-diff-home{background:#edfc8a;border:2px inset #a6a65099;border-radius:8px;color:#333;display:inline-block;font-family:Quicksand,sans-serif;font-size:80%;font-weight:800;margin-bottom:2px;margin-top:3px;padding:2px 8px 2.5%}.HomeIcon-phon{margin-left:8%;margin-top:2px;width:22px}.SubheaderContainer{align-items:center;display:flex;gap:15px;margin-left:1%;text-decoration:none}.SubheaderContainer p{background:#f1b6f3;border-color:#000;border-radius:8px;border-width:7%;color:#333;display:inline-block;font-size:16px;font-size:80%;font-weight:600;margin-top:25px;padding:2px 6px}.subheader-phon{color:#333;font-family:Segoe UI,Tahoma;font-size:24px;font-weight:500;margin-left:4%;margin-top:20px}.CardContainer-phon{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;justify-content:flex-start;margin-left:3%;margin-top:10px;width:970px}.Card-phon{align-items:flex-start;background-color:#f0f8ff;border-radius:11px;box-shadow:0 2px 3px;color:inherit;flex-direction:column;gap:2px;height:53px;margin-bottom:9px;margin-left:2%;overflow:hidden;padding-bottom:8px;text-decoration:none;transition:.3s,box-shadow .3s;vertical-align:top;width:65px}.Card-phon:hover{box-shadow:0 10px 30px #00000026;cursor:pointer;transform:translateY(-5px)}.CardSymbol-phon{margin-top:5%;text-align:center}.CardPhonetic-phon{font-family:Segoe UI,Tahoma;font-size:12px;font-weight:500;text-align:center}.Card-phon a{display:block}.Card-phon a,.HomeLink-phon{color:inherit;text-decoration:none}.HomeLink-phon{display:flex}.PopupOverlay-phon{align-items:center;background-color:#0009;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.Popup-phon{background-color:#fff;border-radius:12px;box-shadow:0 5px 25px #0000004d;max-width:400px;padding:20px 30px;text-align:center;width:90%}.BelowBanner-phon{margin-bottom:70px}.Logo-nv{align-items:center;display:flex;font-family:Quicksand,sans-serif;margin-left:1%}.HomeHeader-nv{align-items:flex-start;background-color:#f0f8ff;display:flex;flex-direction:column;gap:4px;line-height:1;padding:10px 0}.HomeHeader-nv h1{font-family:Quicksand,sans-serif;font-size:50px;font-weight:bolder}.HomeElements{display:flex;flex-direction:row;gap:25px}.LogoTxt1-nv{color:#42a1f5}.LogoTxt2-nv{color:#ca36c0}.Logo-nv h1{font-family:Quicksand,sans-serif;font-size:50px;margin:0}.star-nv{align-items:center;animation:spin-slow 8s linear infinite;height:auto;width:63px}.Slogan-nv{color:#3030ae;font-family:Quicksand,sans-serif;font-size:16px;font-weight:600;line-height:0;margin-left:6.7%}.narrow-banner-nv{align-items:center;background-color:#ca36c0;display:flex;height:30px;margin-bottom:25px;text-decoration:none;width:100%}.NarrowBannerHomeTxt-nv{display:flex;font-family:Quicksand,sans-serif}.NarrowBannerHomeDiv-nv,.NarrowBannerHomeTxt-nv{color:#fff;font-size:14px;font-weight:600;margin:5px 0 0;text-decoration:none}.NarrowBannerElements-nv{align-items:center;align-items:flex-start;display:flex;flex-direction:row;flex-wrap:wrap;gap:20px;height:27px;justify-content:flex-start;margin-left:3.85%;min-width:1200px}.HomeIcon-nv{margin-left:70%;margin-top:2px;width:22px}.NavLink-nv{color:inherit;display:flex;text-decoration:none}.DeckTitle-nav{color:#000;font-family:Quicksand,sans-serif;font-size:35px;font-weight:500;margin-left:28px;margin-top:25px}.Header2-nav{color:#333;font-family:Segoe UI,Tahoma;font-size:26px;font-weight:500;margin-left:4%;margin-top:10px}.subheader-nav{color:#333;font-family:Quicksand,sans-serif;font-size:22px;font-weight:500;margin-bottom:25px;margin-left:5%;margin-top:.5px}.CardContainer-nav{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;justify-content:flex-start;margin-bottom:50px;margin-left:3%;margin-top:10px;max-width:1100px;min-width:800px}.Card-nav{align-items:flex-start;background-color:#f5b4ef;border:5px solid #c10da65e;border-radius:20px;box-shadow:0 3px 8px;color:inherit;flex-direction:column;gap:2px;margin-bottom:20px;margin-left:2%;overflow:hidden;text-decoration:none;transition:.3s,box-shadow .3s;vertical-align:top;width:18.9%}.Card-nav:hover{box-shadow:0 90px 60px #0000004d;cursor:pointer;transform:translateY(-5px)}.Card-Game-nav{align-items:flex-start;background-color:#8ad5fd;border:5px solid #0c2cce87;border-radius:20px;box-shadow:0 3px 8px;color:inherit;flex-direction:column;gap:2px;margin-bottom:20px;margin-left:4.5%;overflow:hidden;text-decoration:none;transition:.3s,box-shadow .3s;vertical-align:top;width:18.9%}.Card-home:nav{box-shadow:0 90px 60px #0000004d;cursor:pointer;transform:translateY(-5px)}.CardImage-nav{object-fit:cover;width:100%}.CardDifficulty-nav{background:#7cbcf5;border:2px inset #42a1f599;border-radius:8px;color:#333;display:inline-block;font-family:Quicksand,sans-serif;font-size:80%;font-weight:800;margin-bottom:2px;margin-left:2%;margin-top:3px;padding:2px 8px 2.5%}.cardTitle-nav{font-size:105%;font-weight:600;margin-bottom:1px;margin-top:0}.cardDescription-nav,.cardTitle-nav{font-family:Quicksand,sans-serif;padding-left:5%;text-decoration:none}.cardDescription-nav{font-size:80%;font-weight:480;font-weight:500;margin-top:1px;padding-right:5%}.Card-nav a{color:inherit;display:block;text-decoration:none}.disabled-card{cursor:not-allowed;opacity:.6}.popup-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:999}.popup-box{background:#fff;border-radius:12px;max-width:280px;padding:24px;text-align:center}.popup-box button{background:#4a90e2;border:none;border-radius:8px;color:#fff;cursor:pointer;margin-top:15px;padding:8px 16px}.BelowBanner{margin:0 auto;max-width:1240px;min-width:1200px}.subheader-CVPair{color:#333;font-family:Segoe UI,Tahoma;font-size:24px;font-weight:500;margin-left:4%;margin-top:32px}.CardContainer-CVPair{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;justify-content:flex-start;margin-left:3%;margin-top:10px;max-width:1100px;min-width:800px}.Card-CVPair{align-items:flex-start;background:linear-gradient(180deg,#c4e4a980,#badf9c80);border:5px solid #0576255e;border-radius:20px;box-shadow:0 3px 8px;color:inherit;flex-direction:column;gap:2px;margin-bottom:34px;margin-left:2%;overflow:hidden;text-decoration:none;transition:.3s,box-shadow .3s;vertical-align:top;width:16%}.Card-CVPair:hover{box-shadow:0 90px 60px #0000004d;cursor:pointer;transform:translateY(-5px)}.CardImage-CVPair{border-bottom:5px solid #0576255e;object-fit:cover;width:100%}.CardDifficulty-CVPair{background:#e29ad0;border:2px inset #5b0d2e4d;border-radius:8px;color:#333;display:inline-block;font-size:80%;font-weight:500;margin-bottom:2px;margin-left:2%;padding:2px 8px 2.5%}.cardTitle-CVPair{font-size:95%;font-weight:500;margin-bottom:5px}.cardDescription-CVPair,.cardTitle-CVPair{font-family:Segoe UI,Tahoma;margin-top:0;padding-left:5%;text-decoration:none}.cardDescription-CVPair{font-size:89%;font-weight:480;padding-right:5%}#PhoneticsChart{font-size:109%}body{background-color:#cef2f2}.Card-CVPair a{color:inherit;display:block;text-decoration:none}#PhoneticsGreen{background:linear-gradient(180deg,#c4e4a980,#badf9c80);border:5px solid #0576255e}#Phonetics-Chart-diff-home{background:#e29ad0;border:2px inset #5b0d2e4d;border-radius:8px;display:inline-block;font-size:80%;font-weight:500;margin-bottom:2px;margin-left:2%;padding:2px 6px 3.5%}.resource-container{display:flex;flex-direction:row;gap:30px;margin-left:5%}.subheader-resource{color:#333;font-family:Segoe UI,Tahoma;font-size:24px;font-weight:500;margin-bottom:16px;margin-left:4%;margin-top:10px}.Card-resource{align-items:flex-start;background-color:#fff;border:5px solid #c10da65e;border-radius:20px;box-shadow:0 3px 8px;color:inherit;flex-direction:column;gap:2px;margin-bottom:20px;overflow:hidden;text-decoration:none;transition:.3s,box-shadow .3s;vertical-align:top;width:17.9%}.Card-resource:hover{box-shadow:0 90px 60px #0000004d;cursor:pointer;transform:translateY(-5px)}.CardImage-resource{object-fit:cover;width:100%}.Card-resource a{color:inherit;display:block;text-decoration:none}.deckTitle{color:#333;font-family:Quicksand,sans-serif;font-size:24px;font-weight:600;margin-bottom:18px;margin-top:32px;text-align:center}.card-container-fc{justify-content:center;width:100%}.card-container-fc,.outerDiv-fc{align-items:center;display:flex;flex-direction:column}.outerDiv-fc{background-color:#d5adfa;border-radius:16px;box-shadow:0 5px 15px #00000026;margin-bottom:80px;padding:24px 20px;transition:all .25s ease-in-out;width:420px}.card-fc{background-color:initial;border-radius:12px;height:35vh;perspective:1000px;width:100%}.card-inner{transition:transform .6s ease}.card-inner.flipped{transform:rotateY(180deg)}.card-face{align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:#fff;border-radius:12px;box-shadow:0 3px 10px #0000001f;display:flex;flex-direction:column;height:100%;justify-content:center;position:absolute;width:100%}.back-fc{transform:rotateY(180deg)}.korean-fc{color:#111;font-family:Quicksand,sans-serif;font-size:52px;font-weight:400;text-align:center}.card-inner.no-anim{transition:none!important}.english-fc{color:#444;font-size:45px;font-weight:500}.description-fc,.english-fc{font-family:Quicksand,sans-serif;text-align:center}.description-fc{color:#666;font-size:20px;margin-top:12px}.controls{align-items:center;display:flex;gap:40px;justify-content:space-between;margin-top:22px;width:240px}.controls button{background-color:#d5adfa;border:none;border-radius:10px;box-shadow:0 3px 10px #a078e640;color:#2c1b47;cursor:pointer;font-size:16px;font-weight:500;padding:8px 20px;transition:all .25s ease}.controls button:hover{background-color:#caa0f5;transform:translateY(-2px)}.controls button:active{transform:scale(.97)}@media (max-width:600px){.outerDiv-fc{width:90%}.controls{gap:20px}}.main{align-items:center;display:flex;flex-direction:column;height:100vh;row-gap:20px;width:100%}h1{color:#01013b;font-size:40px;margin:10px}.search{width:30%}ul li{font-size:20px}#outlined-basic{background-color:#fff;border:5px solid #3562ac;border-radius:4px;border-radius:8px;height:15px;padding:8px;width:500px}.label{height:40px}.SearchBarPanel{margin-bottom:25px;position:relative;width:60%}.results-container{background:#fff;border-radius:4px;box-shadow:0 4px 6px #0000001a;left:0;margin-top:4px;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:10}.result-item{cursor:pointer;padding:8px}.result-item:hover{background-color:#f0f0f0}.DictionaryImage{width:200px}.blue-header-dict{align-items:center;background-color:#6bc1ff;display:flex;flex-direction:column;justify-content:center}.deck-title-txt-dict{color:#0e448f;font-size:30px;margin-left:25px;margin-top:18px}.wordgrid-subheader{color:#c505b8;font-size:40px;text-align:center}.word-grid-subject-container{margin-bottom:110px;padding-bottom:50px}.Logo-nv-ntm{align-items:center;display:flex;gap:4px;margin-left:1%}.HomeHeader-nv-ntm{align-items:flex-start;background-color:#f0f8ff;display:flex;flex-direction:column;gap:4px;line-height:1;padding:10px 0}.HomeHeader-nv-ntm h1{font-family:Segoe UI,Tahoma;font-family:Quicksand,sans-serif;font-size:50px;font-weight:bolder}.HomeElements-ntm{display:flex;flex-direction:row;gap:25px}.LogoTxt1-nv-ntm{color:#42a1f5;font-family:Quicksand,sans-serif}.LogoTxt2-nv-ntm{color:#ca36c0;font-family:Quicksand,sans-serif}.Logo-nv-ntm h1{font-family:Quicksand,sans-serif;font-size:50px;margin:0}.star-nv-ntm{align-items:center;animation:spin-slow 8s linear infinite;height:auto;width:63px}.Slogan-nv-ntm{color:#3030ae;font-family:Quicksand,sans-serif;font-size:16px;font-weight:600;line-height:0;margin-left:6.7%}.narrow-banner-nv-ntm{align-items:center;background-color:#ca36c0;display:flex;height:30px;text-decoration:none;width:100%}.NarrowBannerHomeTxt-nv-ntm{display:flex;font-family:Quicksand,sans-serif}.NarrowBannerHomeDiv-nv-ntm,.NarrowBannerHomeTxt-nv-ntm{color:#fff;font-size:14px;font-weight:600;margin:5px 0 0;text-decoration:none}.NarrowBannerElements-nv-ntm{align-items:center;align-items:flex-start;display:flex;flex-direction:row;flex-wrap:wrap;gap:20px;height:27px;justify-content:flex-start;margin-left:3.85%;min-width:1200px}.HomeIcon-nv-ntm{margin-left:70%;margin-top:2px;width:22px}.NavLink-nv-ntm{color:inherit;display:flex;text-decoration:none}@keyframes spin-slow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}a{color:inherit;text-decoration:none}.word-grid-container{margin:20px}.grid-title{color:#1976d2;font-size:30px;margin-bottom:16px;margin-left:45px;text-align:left}.grid-cards{align-items:flex-start;display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-start;margin-bottom:60px;margin-left:35px;margin-right:5px}.grid-card{align-items:center;background-color:#f5f5f5;border:2px solid #1976d2;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;height:100px;justify-content:center;width:100px}.korean{font-size:1.2em;font-weight:700}.english,.korean{text-align:center}.english{color:gray;font-size:.9em;margin-top:4px}.PopupOverlay-dict{align-items:flex-start;background-color:#0009;display:flex;height:100vh;justify-content:center;left:0;overflow-y:auto;padding-top:50px;position:fixed;top:0;width:100vw;z-index:1000}.Popup-dict{align-items:center;background-color:#fff;border-radius:12px;box-shadow:0 5px 25px #0000004d;max-width:500px;overflow:hidden;text-align:center;width:90%}.popup-banner-dict{background-color:#c132b7;box-sizing:border-box;color:#fff;padding:20px 0;width:100%}.popup-banner-txt-dict{font-size:2rem;margin:0;text-align:center}.popup-elements-container-dict{display:flex;flex-direction:column}.Popup-dict button{align-items:center;background-color:#c132b7;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;margin:15px 0 20px;padding:8px 20px;transition:background-color .2s ease}.Popup-dict button:hover{background-color:#a02795}.word-grid-container-large{margin:20px}.grid-title-large{color:#1976d2;font-size:30px;margin-bottom:16px;margin-left:45px;text-align:left}.grid-cards-large{align-items:flex-start;display:flex;flex-wrap:wrap;gap:30px;justify-content:flex-start;margin-bottom:60px;margin-left:35px;margin-right:5px}.grid-card-large{align-items:center;background-color:#f5f5f5;border:2px solid #1976d2;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;height:100px;justify-content:center;width:230px}.korean-large{font-size:1.2em;font-weight:700;text-align:center}.english-large{color:gray;font-size:.9em;margin-top:4px;text-align:center}.DeeperLookImage-dlook{width:200px}.blue-header-dlook{align-items:center;background-color:#6bc1ff;display:flex;flex-direction:column;justify-content:center}.deck-title-txt-dlook{color:#c505b8;font-family:Quicksand,sans-serif;font-weight:500;margin-left:25px;margin-top:10px}.subheader-dlook{font-size:1.3rem;font-weight:bolder}.side-panel-dlook{background-color:#d3ebff;border-right:1px solid #ddd;display:flex;flex-direction:column;gap:.75rem;padding:1rem;width:220px}.side-panel-dlook p{border-radius:8px;cursor:pointer;margin:0;padding:.5rem .75rem;transition:background-color .2s ease,color .2s ease}.category-active,.side-panel-dlook p{font-family:Quicksand,sans-serif;font-weight:700}.category-active{background-color:#42a1f5;color:#fff}.category-inactive{color:#555}.side-panel-dlook p:hover{background-color:#aed8fd}.text-panel-dlook{background-color:#fff4fd;width:auto}.panel-container-dlook{background-color:#fff;border:1px solid #ddd;border-radius:12px;display:flex;height:80vh;overflow:hidden}.text-panel-dlook{color:#333;flex:1 1;font-size:1rem;line-height:1.6;overflow-y:auto;padding:1rem}.text-panel-dlook p{margin-bottom:1rem}.subheader-dlook{color:#42a1f5;font-size:1.2rem;font-weight:700;margin-bottom:.75rem;margin-top:1.5rem}.list-dlook,.subheader-dlook{font-family:Quicksand,sans-serif}.list-dlook{font-size:1rem;font-weight:500;line-height:1.6;list-style-type:disc;margin:.5rem 0 1rem 1.25rem;padding:0}.list-dlook li{font-family:Quicksand,sans-serif;font-weight:400;margin-bottom:.4rem}.text-panel-dlook li,.text-panel-dlook p{color:#333;font-family:Quicksand,sans-serif;font-size:1rem;font-weight:500;line-height:1.6}.table-dlook{border-collapse:collapse;margin:1rem 0;width:100%}.table-dlook td{border:1px solid #ccc;padding:.5rem}.table-dlook tr:first-child td{background-color:#f0f4f8;font-family:Quicksand,sans-serif;font-weight:700;font-weight:500}.content-container-mg{display:flex;margin-bottom:100px;margin-top:70px}.container-mg{grid-gap:10px;display:grid;grid-template-columns:repeat(4,100px);height:280px;justify-content:center;margin-top:50px}.card-mg{cursor:pointer;height:100px;perspective:600px;width:100px}.card-mg:hover{box-shadow:0 12px 30px #0000004d;transform:translateY(-2px)}.card-inner{height:100%;position:relative;transform-style:preserve-3d;transition:transform .5s;width:100%}.card-mg.active .card-inner,.card-mg.correct .card-inner,.card-mg.wrong .card-inner{transform:rotateY(180deg)}.card-back,.card-front{align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:8px;display:flex;font-size:24px;font-weight:700;height:100%;justify-content:center;position:absolute;width:100%}.card-back{background-color:#fadadd;border-style:solid;border-width:2px;color:#000;transform:rotateY(180deg)}.card-mg .correct .card-back{background-color:#7edd81;border:2px solid #3ab93e;color:#fff}.table-container-mg{background-position:50%;background-size:cover;height:"600px";margin:"auto";position:"relative";width:"800px"}.content-container-mg{margin-top:20px}.everythingDiv-mc{animation:gradientFlow 10s ease infinite;background:linear-gradient(120deg,#f06bff,#ed94f5,#e4e8ff);background-size:300% 300%;font-family:Poppins,sans-serif;margin:0;min-height:100vh}@keyframes gradientFlow{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.game-menu-container{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:#e4e8ff;border:6px solid #e368be;border-radius:25px;border-radius:1rem;box-shadow:0 4px 16px #0003;display:flex;flex-direction:column;justify-content:center;margin:4rem auto;max-height:90%;max-width:500px;padding:2rem;position:relative;text-align:center;top:10em;width:85%;z-index:0}@keyframes floatUp{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.game-menu-title-mg{color:#299df0;font-family:Quicksand,sans-serif;font-size:1.9rem;font-weight:900;letter-spacing:1px;text-transform:uppercase}.menu-options{border-radius:16px;color:#fff;display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem;padding:0 1rem;width:100%}.menu-options label{color:#eb168f;font-family:Quicksand,sans-serif;font-size:1rem;font-weight:600}.menu-options select{-webkit-appearance:none;appearance:none;background:#fffffff2;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m0 0 5 6 5-6z' fill='%23222'/%3E%3C/svg%3E");background-position:right .8rem center;background-repeat:no-repeat;background-size:10px 6px;border:none;border-radius:12px;box-shadow:0 4px 8px #0000001a;box-sizing:border-box;color:#222;cursor:pointer;font-size:1rem;margin:.3rem 0;max-width:220px;padding:.5rem 1rem;position:relative;transition:all .3s ease;width:100%}.menu-options select:hover{box-shadow:0 6px 12px #00000026}.menu-options select:focus{box-shadow:0 0 0 3px #ffb6c180;outline:none}.button-container-mg{display:flex;flex-wrap:wrap;gap:1.2rem;justify-content:center}.difficulty-button-mg{animation:glowPulse 3s ease-in-out infinite;background:linear-gradient(135deg,#687bff,#4f62ff,#2e42ff);background-size:300% 300%;border:none;border-radius:14px;box-shadow:0 6px 18px #74036380;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;padding:1rem 2.2rem;position:relative;transition:all .3s ease}.difficulty-button-mg:hover{background-position:100% 0;transform:translateY(-4px) scale(1.05)}.difficulty-button-mg:active{transform:scale(.97)}.difficulty-button-mg:hover:before{left:130%}.blurred{filter:blur(6px) brightness(.7);pointer-events:none;transition:filter .4s ease}.menu-overlay{align-items:center;border-radius:1rem;display:flex;height:100%;justify-content:center;left:50%;max-width:110vh;position:absolute;top:0;transform:translateX(-50%);width:100%;z-index:5}.start-game-button{background:linear-gradient(135deg,#ff42ec,#d21da8);border:none;border-radius:2rem;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:600;padding:.9rem 2rem;transition:all .25s ease}.start-game-button:hover{box-shadow:0 6px 20px #e52e7166;transform:scale(1.05)}.start-game-button:active{box-shadow:0 3px 10px #e52e714d;transform:scale(.98)}.img-selection-options-container-mg{display:flex;gap:1rem;justify-content:center;margin-top:.5rem}.theme-selection-option-mg{border:2px solid #0000;border-radius:8px;color:#eb168f;cursor:pointer;margin-bottom:13px;overflow:hidden;text-align:center;transition:border .2s,transform .2s}.theme-selection-option-mg.selected{border-color:#ff9800;transform:scale(1.05)}.theme-selection-options-mg{border:3px solid #0000;border-radius:15px;cursor:pointer;height:100px;object-fit:cover;transition:.3s ease;width:100px}.theme-selection-options-mg:hover{transform:scale(1.05)}.theme-label-mg{font-weight:500;margin-top:.25rem}.scene-preview-overlay{align-items:center;animation:fadeOut 2s ease-in-out forwards;display:flex;inset:0;justify-content:center;position:absolute;z-index:5}.scene-preview-image{border-radius:8px;height:100%;object-fit:cover;width:100%}@keyframes fadeOut{0%{opacity:1}80%{opacity:1}to{opacity:0;visibility:hidden}}.top-bar-mg{align-items:center;background:#ffffffd9;border-radius:12px;box-shadow:0 4px 10px #0003;display:flex;font-family:Arial,sans-serif;font-weight:700;gap:1rem;left:50%;padding:.5rem 1rem;position:absolute;top:9.8rem;transform:translateX(-50%);z-index:20}.score-display-mg,.timer-display-mg{color:#333;font-size:1rem}.top-bar-mg button{background:#3792c7;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;padding:.4rem .8rem;transition:background .2s ease}.top-bar-mg button:hover{background:#236891}.popup-overlay-mg{align-items:center;background:#0009;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:20}.popup-content-mg{animation:popupFade .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 8px 20px #0000004d;max-width:90%;padding:2rem 3rem;text-align:center}.popup-content-mg h2{color:#c94998;font-size:2rem;margin-bottom:1rem}.popup-content-mg p{font-size:1.2rem;margin-bottom:1.5rem}.popup-content-mg button{background:#c94998;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:700;margin:0 .3rem;padding:.6rem 1.2rem;transition:background .2s ease}.popup-content-mg button:hover{background:#8a2663}@keyframes popupFade{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}#btn-restart-mg{margin-right:1rem}@keyframes matchGlow{0%{box-shadow:0 0 0 #09ff00}50%{box-shadow:0 0 20px #09ff00}to{box-shadow:0 0 0 #09ff00}}.card-correct{animation:matchBounce .5s ease-in-out,matchGlow .5s ease-in-out;border-color:#0f1}@keyframes matchBounce{0%{transform:scale(1)}50%{transform:scale(1.2) rotate(10deg)}to{transform:scale(1) rotate(0deg)}}.card-mg-wrapper.card-correct{animation:matchBounce .5s ease-in-out}.emoji-burst{pointer-events:none;position:absolute;transform:translate(-50%,-50%)}.emoji{animation:burst 1s ease-out forwards;font-size:28px;opacity:0;position:absolute}@keyframes burst{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(1.4)}}
/*# sourceMappingURL=main.e2ebcc60.css.map*/