[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"siteSettings":3,"post-game-review:-fireboy-and-watergirl":24},{"data":4,"sourceMap":-1},{"headerPages":5,"settings":9},[6],{"slug":7,"title":8},"about","About",{"contactEmail":10,"faviconUrl":11,"heroDescription":12,"heroImage":13,"heroTitle":18,"ogImageUrl":19,"seoDescription":20,"seoTitle":21,"siteAuthor":22,"siteName":21,"socialLinks":23},"matsushita_sei@kindai.ac.jp","https:\u002F\u002Fcdn.sanity.io\u002Fimages\u002Fzbxc2ul2\u002Fproduction\u002Fbd8e5c871dc32af558af4cdabe8efda12a8066c1-32x32.png","Share your stories, thoughts, and insights while studying at Kindai University, Osaka, Japan.",{"_type":14,"asset":15},"image",{"_ref":16,"_type":17},"image-e5476b326a4484e8c912f842b742f8be4de00edf-2993x1995-jpg","reference","Go Global.","https:\u002F\u002Fcdn.sanity.io\u002Fimages\u002Fzbxc2ul2\u002Fproduction\u002Fc032be9c0b341a63d784449e3db69c83fdb2b4c0-2848x1504.jpg","This is an English-language media platform run by students and staff at Kindai University in Osaka, Japan. Here, exchange students and local students share stories, reflections, and insights about campus life and their experiences in Japan.","Kindai Global Media","Global Education Center, Kindai University",null,{"data":25,"sourceMap":-1},{"_id":26,"author":27,"body":36,"group":52,"image":23,"imageUrl":23,"publishedAt":56,"title":57,"visibility":58},"g9e0Gf6OufBbcCFfgYXFx7",{"avatar":28,"description":29,"fullName":32,"name":32,"slug":33},{"_type":14,"alt":29,"asset":30,"caption":29},"",{"_ref":31},"image-bf8a154b0fae7c0aa63763c95789eb067c87a3e5-4284x5712-jpg","Yousef Farid",{"_type":34,"current":35},"slug","2697303024g-v3sm",[37,41],{"_key":38,"_type":39,"html":40},"8ad3584aec8f","htmlEmbed","\u003Cbr \u002F>\n\n\u003Cstyle>\n\u002F* =========================================================\n   FIREBOY & WATERGIRL – BLUE \u002F RED DESIGN\n========================================================= *\u002F\n\n.winx-page {\n  --bg: #eaf6ff;\n  --card: #ffffff;\n  --blue: #3d78b8;\n  --blue-dark: #285b91;\n  --blue-light: #dceeff;\n  --red: #e98b8b;\n  --red-dark: #c86d6d;\n  --red-light: #fff0f0;\n  --text: #243447;\n  --muted: #667788;\n  --border: #d5e5f2;\n  --shadow: 0 5px 18px rgba(49, 93, 125, 0.10);\n\n  position: relative;\n  width: 100%;\n  max-width: 1050px;\n  margin: 0 auto;\n  padding: 25px 18px 50px;\n  box-sizing: border-box;\n\n  background: var(--bg);\n  color: var(--text);\n  font-family: Arial, Helvetica, sans-serif;\n  line-height: 1.6;\n\n  overflow: hidden;\n  transition: background 0.35s ease, color 0.35s ease;\n}\n\n\n\u002F* =========================================================\n   DARK MODE\n========================================================= *\u002F\n\n.winx-page.winx-dark {\n  --bg: #101a26;\n  --card: #182635;\n  --blue: #6fa9df;\n  --blue-dark: #9bc9f0;\n  --blue-light: #20384f;\n  --red: #ee9696;\n  --red-dark: #f0a4a4;\n  --red-light: #39282c;\n  --text: #edf5fc;\n  --muted: #b7c6d3;\n  --border: #304558;\n  --shadow: 0 6px 20px rgba(0,0,0,0.28);\n}\n\n.winx-page.winx-dark .winx-search-box {\n  background: #1d2d3d;\n}\n\n.winx-page.winx-dark .winx-search {\n  color: #ffffff;\n}\n\n.winx-page.winx-dark .winx-search::placeholder {\n  color: #9eb0bf;\n}\n\n.winx-page.winx-dark .winx-header,\n.winx-page.winx-dark .winx-section,\n.winx-page.winx-dark .winx-pro-box,\n.winx-page.winx-dark .winx-con-box {\n  background: var(--card);\n}\n\n.winx-page.winx-dark .winx-slider {\n  background: #182635;\n}\n\n.winx-page.winx-dark .winx-slide {\n  background: #182635;\n}\n\n.winx-page.winx-dark .winx-instructions {\n  background: #33262a;\n  border-color: #5a3b40;\n}\n\n.winx-page.winx-dark .winx-top-button {\n  background: var(--card);\n  color: var(--blue-dark);\n}\n\n\n\u002F* =========================================================\n   FIRE & WATER BACKGROUND EFFECT\n========================================================= *\u002F\n\n.winx-particles {\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n  overflow: hidden;\n  z-index: 0;\n}\n\n.winx-page > *:not(.winx-particles) {\n  position: relative;\n  z-index: 2;\n}\n\n\n\u002F* Flames *\u002F\n\n.winx-flame {\n  position: absolute;\n  bottom: -35px;\n  font-size: 20px;\n  opacity: 0;\n  animation: winxFloatUp 4s linear infinite;\n  filter: drop-shadow(0 0 5px rgba(255,100,70,0.35));\n}\n\n.winx-flame:nth-child(1) {\n  left: 7%;\n  animation-delay: 0s;\n}\n\n.winx-flame:nth-child(2) {\n  left: 28%;\n  animation-delay: 3s;\n}\n\n.winx-flame:nth-child(3) {\n  left: 55%;\n  animation-delay: 1.5s;\n}\n\n.winx-flame:nth-child(4) {\n  left: 82%;\n  animation-delay: 5s;\n}\n\n\n\u002F* Water drops *\u002F\n\n.winx-drop {\n  position: absolute;\n  top: -30px;\n  font-size: 18px;\n  opacity: 0;\n  animation: winxDropDown 9s linear infinite;\n  filter: drop-shadow(0 0 5px rgba(70,160,220,0.35));\n}\n\n.winx-drop:nth-child(5) {\n  left: 17%;\n  animation-delay: 2s;\n}\n\n.winx-drop:nth-child(6) {\n  left: 42%;\n  animation-delay: 5s;\n}\n\n.winx-drop:nth-child(7) {\n  left: 68%;\n  animation-delay: 1s;\n}\n\n.winx-drop:nth-child(8) {\n  left: 92%;\n  animation-delay: 6s;\n}\n\n@keyframes winxFloatUp {\n  0% {\n    transform: translateY(0) scale(0.7) rotate(-5deg);\n    opacity: 0;\n  }\n\n  15% {\n    opacity: 0.55;\n  }\n\n  80% {\n    opacity: 0.35;\n  }\n\n  100% {\n    transform: translateY(-900px) scale(1.15) rotate(8deg);\n    opacity: 0;\n  }\n}\n\n@keyframes winxDropDown {\n  0% {\n    transform: translateY(0) rotate(0deg);\n    opacity: 0;\n  }\n\n  12% {\n    opacity: 0.45;\n  }\n\n  85% {\n    opacity: 0.25;\n  }\n\n  100% {\n    transform: translateY(950px) rotate(12deg);\n    opacity: 0;\n  }\n}\n\n\n\u002F* =========================================================\n   TOP BAR\n========================================================= *\u002F\n\n.winx-topbar {\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  margin-bottom: 20px;\n  gap: 10px;\n}\n\n\n\u002F* Search box *\u002F\n\n.winx-search-box {\n  width: 230px;\n  height: 42px;\n\n  display: flex;\n  align-items: center;\n\n  background: white;\n  border: 1px solid var(--border);\n  border-radius: 22px;\n\n  padding: 0 13px;\n  box-sizing: border-box;\n\n  box-shadow: 0 3px 10px rgba(49, 93, 125, 0.06);\n\n  transition: 0.25s ease;\n}\n\n.winx-search-box:focus-within {\n  border-color: var(--blue);\n  box-shadow: 0 0 0 3px rgba(61,120,184,0.12);\n}\n\n.winx-search-icon {\n  font-size: 17px;\n  margin-right: 8px;\n  opacity: 0.75;\n}\n\n.winx-search {\n  width: 100%;\n  border: none;\n  outline: none;\n  background: transparent;\n  color: var(--text);\n  font-size: 14px;\n  font-family: Arial, Helvetica, sans-serif;\n}\n\n.winx-search::placeholder {\n  color: #81909d;\n}\n\n\n\u002F* Dark mode button *\u002F\n\n.winx-dark-button {\n  height: 42px;\n  min-width: 42px;\n\n  border: 1px solid var(--border);\n  border-radius: 50%;\n\n  background: white;\n  color: var(--text);\n\n  cursor: pointer;\n  font-size: 18px;\n\n  box-shadow: 0 3px 10px rgba(49, 93, 125, 0.06);\n\n  transition: 0.25s ease;\n}\n\n.winx-dark-button:hover {\n  transform: translateY(-1px);\n  background: var(--blue-light);\n}\n\n\n\u002F* =========================================================\n   MAIN HEADER\n========================================================= *\u002F\n\n.winx-header {\n  text-align: center;\n  background: white;\n  border-radius: 16px;\n  padding: 28px 20px;\n  margin-bottom: 22px;\n  box-shadow: var(--shadow);\n  border: 1px solid var(--border);\n\n  transition: 0.35s ease;\n}\n\n.winx-header h1 {\n  margin: 0 0 8px;\n  font-size: 34px;\n  color: var(--blue-dark);\n  font-weight: 700;\n}\n\n.winx-header p {\n  margin: 0;\n  color: var(--text);\n  font-size: 16px;\n}\n\n\n\u002F* =========================================================\n   SLIDER\n========================================================= *\u002F\n\n.winx-slider {\n  position: relative;\n  width: 100%;\n  height: 500px;\n  overflow: hidden;\n  border-radius: 16px;\n  background: #dceeff;\n  box-shadow: var(--shadow);\n  border: 1px solid var(--border);\n  margin-bottom: 25px;\n}\n\n.winx-slides {\n  display: flex;\n  width: 400%;\n  height: 100%;\n  transition: transform 0.45s ease;\n}\n\n.winx-slide {\n  position: relative;\n  width: 25%;\n  height: 100%;\n  flex-shrink: 0;\n  overflow: hidden;\n  background: #dceeff;\n}\n\n.winx-slide img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n}\n\n.winx-slide-video {\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: #dceeff;\n}\n\n.winx-slide-video object {\n  width: 100%;\n  height: 100%;\n  max-width: 900px;\n}\n\n\n\u002F* Caption *\u002F\n\n.winx-caption {\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: 0;\n\n  padding: 28px 20px 18px;\n\n  color: white;\n  font-size: 19px;\n  font-weight: bold;\n  text-align: left;\n\n  background: linear-gradient(\n    to top,\n    rgba(20, 45, 70, 0.78),\n    rgba(20, 45, 70, 0)\n  );\n}\n\n\n\u002F* Slider buttons *\u002F\n\n.winx-prev,\n.winx-next {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n\n  width: 42px;\n  height: 42px;\n\n  border: none;\n  border-radius: 50%;\n\n  background: rgba(255, 255, 255, 0.92);\n  color: var(--blue-dark);\n\n  font-size: 24px;\n  cursor: pointer;\n\n  z-index: 5;\n\n  box-shadow: 0 3px 10px rgba(0,0,0,0.15);\n\n  transition: 0.2s ease;\n}\n\n.winx-prev:hover,\n.winx-next:hover {\n  background: var(--red-light);\n  color: var(--red-dark);\n}\n\n.winx-prev {\n  left: 15px;\n}\n\n.winx-next {\n  right: 15px;\n}\n\n\n\u002F* Dots *\u002F\n\n.winx-dots {\n  position: absolute;\n  left: 50%;\n  bottom: 14px;\n\n  transform: translateX(-50%);\n\n  display: flex;\n  gap: 7px;\n\n  z-index: 6;\n}\n\n.winx-dot {\n  width: 9px;\n  height: 9px;\n\n  border-radius: 50%;\n\n  background: rgba(255,255,255,0.65);\n\n  cursor: pointer;\n\n  transition: 0.2s ease;\n}\n\n.winx-dot.active {\n  background: var(--red);\n  transform: scale(1.2);\n}\n\n\n\u002F* =========================================================\n   PLAY BUTTON\n========================================================= *\u002F\n\n.winx-play-area {\n  text-align: center;\n  margin: 25px 0 32px;\n}\n\n.winx-play-button {\n  display: inline-block;\n\n  padding: 12px 28px;\n\n  background: var(--blue);\n  color: white !important;\n\n  text-decoration: none !important;\n\n  border-radius: 8px;\n\n  font-size: 16px;\n  font-weight: bold;\n\n  box-shadow: 0 4px 10px rgba(61, 120, 184, 0.22);\n\n  transition: 0.2s ease;\n}\n\n.winx-play-button:hover {\n  background: var(--blue-dark);\n  transform: translateY(-1px);\n}\n\n\n\u002F* =========================================================\n   CONTENT CARDS\n========================================================= *\u002F\n\n.winx-section {\n  background: white;\n  border-radius: 14px;\n\n  padding: 23px;\n  margin-bottom: 20px;\n\n  border: 1px solid var(--border);\n  box-shadow: var(--shadow);\n\n  transition: 0.35s ease;\n}\n\n.winx-section h2 {\n  margin: 0 0 13px;\n\n  font-size: 22px;\n  color: var(--blue-dark);\n}\n\n.winx-section p {\n  margin: 0;\n  color: var(--text);\n}\n\n\n\u002F* Red accent *\u002F\n\n.winx-section h2::after {\n  content: \"\";\n\n  display: block;\n\n  width: 42px;\n  height: 3px;\n\n  background: var(--red);\n\n  border-radius: 5px;\n\n  margin-top: 7px;\n}\n\n\n\u002F* =========================================================\n   HOW TO PLAY\n========================================================= *\u002F\n\n.winx-instructions {\n  background: var(--red-light);\n\n  border: 1px solid #f2cccc;\n  border-left: 5px solid var(--red);\n\n  border-radius: 10px;\n\n  padding: 18px 20px;\n  margin-top: 10px;\n}\n\n.winx-instructions ul {\n  margin: 8px 0 0 20px;\n  padding: 0;\n}\n\n.winx-instructions li {\n  margin-bottom: 7px;\n}\n\n\n\u002F* =========================================================\n   PROS & CONS\n========================================================= *\u002F\n\n.winx-pros-cons {\n  display: grid;\n\n  grid-template-columns: 1fr 1fr;\n\n  gap: 18px;\n\n  margin-bottom: 20px;\n}\n\n.winx-pro-box,\n.winx-con-box {\n  background: white;\n\n  border-radius: 14px;\n\n  padding: 21px;\n\n  border: 1px solid var(--border);\n\n  box-shadow: var(--shadow);\n\n  transition: 0.35s ease;\n}\n\n.winx-pro-box {\n  border-top: 4px solid #77a9d3;\n}\n\n.winx-con-box {\n  border-top: 4px solid var(--red);\n}\n\n.winx-pro-box h3,\n.winx-con-box h3 {\n  margin: 0 0 12px;\n\n  font-size: 20px;\n}\n\n.winx-pro-box h3 {\n  color: var(--blue-dark);\n}\n\n.winx-con-box h3 {\n  color: var(--red-dark);\n}\n\n.winx-pro-box ul,\n.winx-con-box ul {\n  margin: 0;\n  padding-left: 20px;\n}\n\n.winx-pro-box li,\n.winx-con-box li {\n  margin-bottom: 7px;\n}\n\n\n\u002F* =========================================================\n   RATING\n========================================================= *\u002F\n\n.winx-rating {\n  text-align: center;\n}\n\n.winx-rating p {\n  margin-bottom: 12px;\n  color: var(--muted);\n}\n\n.winx-stars {\n  display: flex;\n  justify-content: center;\n  gap: 7px;\n\n  margin-bottom: 12px;\n}\n\n.winx-star {\n  border: none;\n  background: transparent;\n\n  color: #c5d0d9;\n\n  font-size: 32px;\n\n  cursor: pointer;\n  padding: 0;\n\n  transition: 0.15s ease;\n}\n\n.winx-star:hover,\n.winx-star.selected {\n  color: var(--red);\n  transform: scale(1.08);\n}\n\n.winx-rating-result {\n  font-size: 14px;\n  color: var(--muted);\n\n  min-height: 20px;\n}\n\n\n\u002F* =========================================================\n   SEARCH HIGHLIGHT\n========================================================= *\u002F\n\n.winx-highlight {\n  background: #ffe0e0;\n\n  color: #8d4040;\n\n  border-radius: 3px;\n\n  padding: 1px 3px;\n}\n\n.winx-page.winx-dark .winx-highlight {\n  background: #5a3438;\n  color: #ffd4d4;\n}\n\n\n\u002F* =========================================================\n   BACK TO TOP\n========================================================= *\u002F\n\n.winx-top-button {\n  display: block;\n\n  margin: 28px auto 0;\n\n  border: 1px solid var(--border);\n\n  background: white;\n  color: var(--blue-dark);\n\n  border-radius: 8px;\n\n  padding: 9px 18px;\n\n  cursor: pointer;\n\n  font-size: 14px;\n\n  transition: 0.2s ease;\n}\n\n.winx-top-button:hover {\n  background: var(--red-light);\n  border-color: #efc3c3;\n}\n\n\n\u002F* =========================================================\n   MOBILE\n========================================================= *\u002F\n\n@media (max-width: 700px) {\n\n  .winx-page {\n    padding: 15px 10px 35px;\n  }\n\n  .winx-topbar {\n    justify-content: center;\n    flex-wrap: wrap;\n  }\n\n  .winx-search-box {\n    width: calc(100% - 52px);\n    max-width: 320px;\n  }\n\n  .winx-dark-button {\n    width: 42px;\n  }\n\n  .winx-header {\n    padding: 22px 15px;\n  }\n\n  .winx-header h1 {\n    font-size: 27px;\n  }\n\n  .winx-slider {\n    height: 330px;\n    border-radius: 12px;\n  }\n\n  .winx-caption {\n    font-size: 16px;\n    padding: 25px 15px 15px;\n  }\n\n  .winx-pros-cons {\n    grid-template-columns: 1fr;\n  }\n\n  .winx-section,\n  .winx-pro-box,\n  .winx-con-box {\n    padding: 18px;\n  }\n\n  .winx-prev,\n  .winx-next {\n    width: 36px;\n    height: 36px;\n    font-size: 20px;\n  }\n\n}\n\n\n\u002F* Respect reduced motion *\u002F\n\n@media (prefers-reduced-motion: reduce) {\n\n  .winx-flame,\n  .winx-drop {\n    animation: none;\n    display: none;\n  }\n\n  .winx-slides {\n    transition: none;\n  }\n\n}\n\u003C\u002Fstyle>\n\n\n\u003Cdiv class=\"winx-page\" id=\"firewater-page\">\n\n\n  \u003C!--=====================================================\n       FIRE & WATER BACKGROUND EFFECT\n  ======================================================-->\n\n  \u003Cdiv class=\"winx-particles\">\n\n    \u003Cspan class=\"winx-flame\">🔥\u003C\u002Fspan>\n    \u003Cspan class=\"winx-flame\">🔥\u003C\u002Fspan>\n    \u003Cspan class=\"winx-flame\">🔥\u003C\u002Fspan>\n    \u003Cspan class=\"winx-flame\">🔥\u003C\u002Fspan>\n\n    \u003Cspan class=\"winx-drop\">💧\u003C\u002Fspan>\n    \u003Cspan class=\"winx-drop\">💧\u003C\u002Fspan>\n    \u003Cspan class=\"winx-drop\">💧\u003C\u002Fspan>\n    \u003Cspan class=\"winx-drop\">💧\u003C\u002Fspan>\n\n  \u003C\u002Fdiv>\n\n\n  \u003C!--=====================================================\n       TOP BAR\n  ======================================================-->\n\n  \u003Cdiv class=\"winx-topbar\">\n\n    \u003C!--SEARCH-->\n\n    \u003Cdiv class=\"winx-search-box\">\n\n      \u003Cspan class=\"winx-search-icon\">🔍\u003C\u002Fspan>\n\n      \u003Cinput aria-label=\"Search this page\" class=\"winx-search\" id=\"winxSearch\" oninput=\"winxSearchContent()\" type=\"text\" \u002F>\n\n    \u003C\u002Fdiv>\n\n\n    \u003C!--DARK MODE-->\n\n    \u003Cbutton aria-label=\"Toggle dark mode\" class=\"winx-dark-button\" id=\"winxDarkButton\" onclick=\"winxToggleDarkMode()\" title=\"Toggle dark mode\">\n      🌙\n    \u003C\u002Fbutton>\n\n  \u003C\u002Fdiv>\n\n\n  \u003C!--=====================================================\n       HEADER\n  ======================================================-->\n\n  \u003Cdiv class=\"winx-header\">\n\n    \u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\">\n\n      \u003Ca href=\"https:\u002F\u002Fblogger.googleusercontent.com\u002Fimg\u002Fb\u002FR29vZ2xl\u002FAVvXsEgDbJZ355ILKGk8WJ1YvBaw8H8ZNWq5RHbKr4DeoxQbpdOaBAY5Y0HpIfWt2uX1dMgE0BegkHZoYa3fzlrdMnY5nnfGPvlhML7qBS2KEUkKWcOoNu2cijjrLYPmyO_xte1D6rjDbAI05078Tym4XyDb-krz2OXfkiNbqv4jNmjLKWYuoh4-4I-1rMl6CVUW\u002Fs2046\u002FBildschirmfoto%202026-09-30%20um%2017.36.03.png\" style=\"margin-left: 1em; margin-right: 1em;\">\n\n        \u003Cimg alt=\"Fireboy and Watergirl\" border=\"0\" data-original-height=\"472\" data-original-width=\"2046\" height=\"153\" src=\"https:\u002F\u002Fblogger.googleusercontent.com\u002Fimg\u002Fb\u002FR29vZ2xl\u002FAVvXsEgDbJZ355ILKGk8WJ1YvBaw8H8ZNWq5RHbKr4DeoxQbpdOaBAY5Y0HpIfWt2uX1dMgE0BegkHZoYa3fzlrdMnY5nnfGPvlhML7qBS2KEUkKWcOoNu2cijjrLYPmyO_xte1D6rjDbAI05078Tym4XyDb-krz2OXfkiNbqv4jNmjLKWYuoh4-4I-1rMl6CVUW\u002Fw661-h153\u002FBildschirmfoto%202026-09-30%20um%2017.36.03.png\" width=\"661\" \u002F>\n\n      \u003C\u002Fa>\n\n    \u003C\u002Fdiv>\n\n    \u003Cdiv>\u003Cbr \u002F>\u003C\u002Fdiv>\n\n\n    \u003Cp>\n      🔥💧 \u003Cb>Teamwork is the key to success!\u003C\u002Fb>\n      \u003Cbr \u002F>\u003Cbr \u002F>\n\n      Join Fireboy and Watergirl on an exciting adventure through mysterious\n      temples filled with challenging puzzles, dangerous traps, and hidden\n      paths. Each character has unique abilities, so you’ll need to switch\n      between them and work together to overcome obstacles and reach the exit.\n\n      \u003Cbr \u002F>\u003Cbr \u002F>\n\n      Whether you’re playing with a friend or controlling both characters\n      yourself, every level requires strategy, timing, and good teamwork.\n      Can you master the elements, collect all the gems, and make it safely\n      through the temple? 🎮✨\n    \u003C\u002Fp>\n\n  \u003C\u002Fdiv>\n\n\n  \u003C!--=====================================================\n       SLIDER\n  ======================================================-->\n\n  \u003Cdiv class=\"winx-slider\">\n\n    \u003Cdiv class=\"winx-slides\" id=\"winxSlides\">\n\n\n      \u003C!--IMAGE 1-->\n\n      \u003Cdiv class=\"winx-slide\">\n\n        \u003Cimg alt=\"Fireboy and Watergirl gameplay\" src=\"https:\u002F\u002Fblogger.googleusercontent.com\u002Fimg\u002Fb\u002FR29vZ2xl\u002FAVvXsEiT0f-fzlycCM8CZrXxwjF_fKINbETgPcPiWgx3o6JramHE-fBjxdBDmBDe0kHzzii-8NYFWQTLfJQn44pI4ShKQ_vYNYEr20NuxulCZmVP5amphpN4YjQI-tQgHDbcVuRqsSmoGlklRmZXEmlBUzb_LpaX3WaGPGhO65IMWcivjBxMBdGa-sXHbeE1OKrn\u002Fs1600\u002FWhatsApp%20Image%202026-09-30%20at%2016.44.22.jpeg\" \u002F>\n\n        \u003Cdiv class=\"winx-caption\">\n          🔥💧 Explore the temple and solve puzzles together.\n        \u003C\u002Fdiv>\n\n      \u003C\u002Fdiv>\n\n\n      \u003C!--IMAGE 2-->\n\n      \u003Cdiv class=\"winx-slide\">\n\n        \u003Cimg alt=\"Fireboy and Watergirl puzzle\" src=\"https:\u002F\u002Fblogger.googleusercontent.com\u002Fimg\u002Fb\u002FR29vZ2xl\u002FAVvXsEhCDG5nxE5vMvK8xednqE7kf_Drw3QgYdsRj05eZz66Ib-_qGo4NA3JHS3V2dDKZwLjXht_2FMrYngVZ8DcbmBPmPbtkt8bWJjWkkc3G0t8cTb2y2ncjmY90Q88jMJbNt7Rw3CT-ruk_97rlVy-O6DYF5R1w12Yo4LtoFXHG4dJR6vysW1N8mt-sOmtnTaa\u002Fs1600\u002FWhatsApp%20Image%202026-09-30%20at%2016.46.02.jpeg\" \u002F>\n\n        \u003Cdiv class=\"winx-caption\">\n          🧩 Use both characters' abilities to overcome obstacles.\n        \u003C\u002Fdiv>\n\n      \u003C\u002Fdiv>\n\n\n      \u003C!--IMAGE 3-->\n\n      \u003Cdiv class=\"winx-slide\">\n\n        \u003Cimg alt=\"Fireboy and Watergirl game\" src=\"https:\u002F\u002Fblogger.googleusercontent.com\u002Fimg\u002Fb\u002FR29vZ2xl\u002FAVvXsEg1KAxjOKKu8fAN1gollm9t9CIgf7F0PUn72CIIbCrOE87vzFZqU5x-RwAH2Zcuo7nWYY-tRZgT9hWJwBi40bi-CmThvLfZU-CnY-J5QDJ2jutAEE7_ufnLvIGQ6jmFsQ7PIr-lAblAoADZjQqeFNw0e3fgmOjdX4LK6AYIs00_ZPEu2CLRChJw6X-antc-\u002Fs1600\u002FWhatsApp%20Image%202026-09-30%20at%2016.46.07.jpeg\" \u002F>\n\n        \u003Cdiv class=\"winx-caption\">\n          ⚡ Timing, communication and teamwork are essential.\n        \u003C\u002Fdiv>\n\n      \u003C\u002Fdiv>\n\n\n      \u003C!--VIDEO – LAST SLIDE-->\n\n      \u003Cdiv class=\"winx-slide\">\n\n        \u003Cdiv class=\"winx-slide-video\">\n\n          \u003Cobject class=\"BLOG_video_class\" contentid=\"8936eee32468a26d\" height=\"266\" id=\"BLOG_video-8936eee32468a26d\" width=\"320\">\n          \u003C\u002Fobject>\n\n        \u003C\u002Fdiv>\n\n        \u003Cdiv class=\"winx-caption\">\n          🎥 Watch the game in action.\n        \u003C\u002Fdiv>\n\n      \u003C\u002Fdiv>\n\n    \u003C\u002Fdiv>\n\n\n    \u003C!--SLIDER BUTTONS-->\n\n    \u003Cbutton aria-label=\"Previous slide\" class=\"winx-prev\" onclick=\"winxChangeSlide(-1)\">\n      ‹\n    \u003C\u002Fbutton>\n\n    \u003Cbutton aria-label=\"Next slide\" class=\"winx-next\" onclick=\"winxChangeSlide(1)\">\n      ›\n    \u003C\u002Fbutton>\n\n\n    \u003C!--DOTS-->\n\n    \u003Cdiv class=\"winx-dots\">\n\n      \u003Cspan class=\"winx-dot active\" onclick=\"winxGoToSlide(0)\">\u003C\u002Fspan>\n\n      \u003Cspan class=\"winx-dot\" onclick=\"winxGoToSlide(1)\">\u003C\u002Fspan>\n\n      \u003Cspan class=\"winx-dot\" onclick=\"winxGoToSlide(2)\">\u003C\u002Fspan>\n\n      \u003Cspan class=\"winx-dot\" onclick=\"winxGoToSlide(3)\">\u003C\u002Fspan>\n\n    \u003C\u002Fdiv>\n\n  \u003C\u002Fdiv>\n\n\n  \u003C!--=====================================================\n       PLAY BUTTON\n  ======================================================-->\n\n  \u003Cdiv class=\"winx-play-area\">\n\n    \u003Ca class=\"winx-play-button\" href=\"https:\u002F\u002Fspielaffe.de\u002FSpiel\u002FFeuer-und-Wasser\" rel=\"noopener noreferrer\" target=\"_blank\">\n      ▶️ Play Now\n    \u003C\u002Fa>\n\n  \u003C\u002Fdiv>\n\n\n  \u003C!--=====================================================\n       GAME GOAL\n  ======================================================-->\n\n  \u003Cdiv class=\"winx-section\">\n\n    \u003Ch2>🎯 What is the Goal?\u003C\u002Fh2>\n\n    \u003Cp>\n      The goal of Fireboy and Watergirl is to guide both characters through\n      different temple levels, solve puzzles and reach the exit together.\n      Each character has different abilities, so players need to cooperate\n      and think carefully about their movements.\n    \u003C\u002Fp>\n\n  \u003C\u002Fdiv>\n\n\n  \u003C!--=====================================================\n       HOW TO PLAY\n  ======================================================-->\n\n  \u003Cdiv class=\"winx-section\">\n\n    \u003Ch2>🎮 How to Play\u003C\u002Fh2>\n\n    \u003Cdiv class=\"winx-instructions\">\n\n      \u003Cul>\n\n        \u003Cli>\n          \u003Cstrong>Fireboy\u003C\u002Fstrong> can walk through fire but must avoid water.\n        \u003C\u002Fli>\n\n        \u003Cli>\n          \u003Cstrong>Watergirl\u003C\u002Fstrong> can walk through water but must avoid fire.\n        \u003C\u002Fli>\n\n        \u003Cli>\n          Use switches, buttons, doors and moving platforms to progress.\n        \u003C\u002Fli>\n\n        \u003Cli>\n          Both characters need to work together to solve the puzzles.\n        \u003C\u002Fli>\n\n        \u003Cli>\n          Reach the exit with both characters to complete the level.\n        \u003C\u002Fli>\n\n      \u003C\u002Ful>\n\n    \u003C\u002Fdiv>\n\n  \u003C\u002Fdiv>\n\n\n  \u003C!--=====================================================\n       GAME EXPERIENCE\n  ======================================================-->\n\n  \u003Cdiv class=\"winx-section\">\n\n    \u003Ch2>💡 Why is it Fun?\u003C\u002Fh2>\n\n    \u003Cp>\n      Fireboy and Watergirl is easy to understand but becomes increasingly\n      challenging as the levels progress. The game combines puzzle solving,\n      coordination and teamwork, making it especially enjoyable when playing\n      together with another person.\n    \u003C\u002Fp>\n\n  \u003C\u002Fdiv>\n\n\n  \u003C!--=====================================================\n       PROS & CONS\n  ======================================================-->\n\n  \u003Cdiv class=\"winx-pros-cons\">\n\n\n    \u003Cdiv class=\"winx-pro-box\">\n\n      \u003Ch3>✔ Pros\u003C\u002Fh3>\n\n      \u003Cul>\n\n        \u003Cli>Simple and easy-to-understand gameplay\u003C\u002Fli>\n        \u003Cli>Fun cooperative experience\u003C\u002Fli>\n        \u003Cli>Creative puzzles\u003C\u002Fli>\n        \u003Cli>Different abilities for each character\u003C\u002Fli>\n        \u003Cli>Many levels to explore\u003C\u002Fli>\n\n      \u003C\u002Ful>\n\n    \u003C\u002Fdiv>\n\n\n    \u003Cdiv class=\"winx-con-box\">\n\n      \u003Ch3>✘ Cons\u003C\u002Fh3>\n\n      \u003Cul>\n\n        \u003Cli>Some puzzles can become repetitive\u003C\u002Fli>\n        \u003Cli>Requires good coordination\u003C\u002Fli>\n        \u003Cli>Some levels can be frustrating\u003C\u002Fli>\n        \u003Cli>Older visual design\u003C\u002Fli>\n\n      \u003C\u002Ful>\n\n    \u003C\u002Fdiv>\n\n  \u003C\u002Fdiv>\n\n\n  \u003C!--=====================================================\n       RATING\n  ======================================================-->\n\n  \u003Cdiv class=\"winx-section winx-rating\">\n\n    \u003Ch2>⭐ Rate the Game\u003C\u002Fh2>\n\n    \u003Cp>\n      Have you tried Fireboy and Watergirl? Give the game your rating!\n    \u003C\u002Fp>\n\n\n    \u003Cdiv class=\"winx-stars\" id=\"winxStars\">\n\n      \u003Cbutton aria-label=\"1 star\" class=\"winx-star\" onclick=\"winxRateGame(1)\">\n        ★\n      \u003C\u002Fbutton>\n\n      \u003Cbutton aria-label=\"2 stars\" class=\"winx-star\" onclick=\"winxRateGame(2)\">\n        ★\n      \u003C\u002Fbutton>\n\n      \u003Cbutton aria-label=\"3 stars\" class=\"winx-star\" onclick=\"winxRateGame(3)\">\n        ★\n      \u003C\u002Fbutton>\n\n      \u003Cbutton aria-label=\"4 stars\" class=\"winx-star\" onclick=\"winxRateGame(4)\">\n        ★\n      \u003C\u002Fbutton>\n\n      \u003Cbutton aria-label=\"5 stars\" class=\"winx-star\" onclick=\"winxRateGame(5)\">\n        ★\n      \u003C\u002Fbutton>\n\n    \u003C\u002Fdiv>\n\n\n    \u003Cdiv class=\"winx-rating-result\" id=\"winxRatingResult\">\n      Select your rating.\n    \u003C\u002Fdiv>\n\n  \u003C\u002Fdiv>\n\n\n  \u003C!--=====================================================\n       BACK TO TOP\n  ======================================================-->\n\n  \u003Cbutton class=\"winx-top-button\" onclick=\"window.scrollTo({top: 0, behavior: 'smooth'})\">\n    ↑ Back to Top\n  \u003C\u002Fbutton>\n\n\n\u003C\u002Fdiv>\n\n\n\u003Cscript>\n\u002F* =========================================================\n   SLIDER\n========================================================= *\u002F\n\nlet winxCurrentSlide = 0;\nconst winxTotalSlides = 4;\n\n\nfunction winxUpdateSlider() {\n\n  const slides =\n    document.getElementById(\"winxSlides\");\n\n  if (!slides) return;\n\n  slides.style.transform =\n    \"translateX(-\" +\n    (winxCurrentSlide * 25) +\n    \"%)\";\n\n\n  const dots =\n    document.querySelectorAll(\n      \"#firewater-page .winx-dot\"\n    );\n\n\n  dots.forEach(function(dot, index) {\n\n    dot.classList.toggle(\n      \"active\",\n      index === winxCurrentSlide\n    );\n\n  });\n\n}\n\n\nfunction winxChangeSlide(direction) {\n\n  winxCurrentSlide += direction;\n\n\n  if (winxCurrentSlide \u003C 0) {\n\n    winxCurrentSlide =\n      winxTotalSlides - 1;\n\n  }\n\n\n  if (winxCurrentSlide >= winxTotalSlides) {\n\n    winxCurrentSlide = 0;\n\n  }\n\n\n  winxUpdateSlider();\n\n}\n\n\nfunction winxGoToSlide(index) {\n\n  winxCurrentSlide = index;\n\n  winxUpdateSlider();\n\n}\n\n\n\u002F* =========================================================\n   RATING\n========================================================= *\u002F\n\nfunction winxRateGame(rating) {\n\n  const stars =\n    document.querySelectorAll(\n      \"#firewater-page .winx-star\"\n    );\n\n\n  stars.forEach(function(star, index) {\n\n    if (index \u003C rating) {\n\n      star.classList.add(\"selected\");\n\n    } else {\n\n      star.classList.remove(\"selected\");\n\n    }\n\n  });\n\n\n  document.getElementById(\n    \"winxRatingResult\"\n  ).innerHTML =\n    \"You rated Fireboy and Watergirl \" +\n    rating +\n    \" out of 5 stars. Thanks for your rating! ⭐\";\n\n}\n\n\n\u002F* =========================================================\n   SEARCH\n========================================================= *\u002F\n\nfunction winxSearchContent() {\n\n  const page =\n    document.getElementById(\n      \"firewater-page\"\n    );\n\n  const searchInput =\n    document.getElementById(\n      \"winxSearch\"\n    );\n\n\n  if (!page || !searchInput) return;\n\n\n  const searchTerm =\n    searchInput.value\n      .trim()\n      .toLowerCase();\n\n\n  \u002F* Remove previous highlights *\u002F\n\n  page\n    .querySelectorAll(\".winx-highlight\")\n    .forEach(function(el) {\n\n      const parent =\n        el.parentNode;\n\n      parent.replaceChild(\n        document.createTextNode(\n          el.textContent\n        ),\n        el\n      );\n\n      parent.normalize();\n\n    });\n\n\n  if (!searchTerm) {\n    return;\n  }\n\n\n  const elements =\n    page.querySelectorAll(\n      \".winx-section p, \" +\n      \".winx-section li, \" +\n      \".winx-header h1, \" +\n      \".winx-header p, \" +\n      \".winx-caption, \" +\n      \".winx-pro-box li, \" +\n      \".winx-con-box li\"\n    );\n\n\n  for (let element of elements) {\n\n    const text =\n      element.textContent;\n\n\n    const position =\n      text.toLowerCase()\n        .indexOf(searchTerm);\n\n\n    if (position !== -1) {\n\n      const before =\n        text.substring(\n          0,\n          position\n        );\n\n\n      const match =\n        text.substring(\n          position,\n          position + searchTerm.length\n        );\n\n\n      const after =\n        text.substring(\n          position + searchTerm.length\n        );\n\n\n      element.innerHTML =\n        \"\" +\n        before +\n        '\u003Cspan class=\"winx-highlight\">' +\n        match +\n        \"\u003C\u002Fspan>\" +\n        after;\n\n\n      element.scrollIntoView({\n        behavior: \"smooth\",\n        block: \"center\"\n      });\n\n\n      break;\n\n    }\n\n  }\n\n}\n\n\n\u002F* =========================================================\n   DARK MODE\n========================================================= *\u002F\n\nfunction winxToggleDarkMode() {\n\n  const page =\n    document.getElementById(\n      \"firewater-page\"\n    );\n\n  const button =\n    document.getElementById(\n      \"winxDarkButton\"\n    );\n\n\n  if (!page || !button) return;\n\n\n  page.classList.toggle(\n    \"winx-dark\"\n  );\n\n\n  const isDark =\n    page.classList.contains(\n      \"winx-dark\"\n    );\n\n\n  if (isDark) {\n\n    button.innerHTML = \"☀️\";\n    button.title = \"Switch to light mode\";\n    button.setAttribute(\n      \"aria-label\",\n      \"Switch to light mode\"\n    );\n\n  } else {\n\n    button.innerHTML = \"🌙\";\n    button.title = \"Switch to dark mode\";\n    button.setAttribute(\n      \"aria-label\",\n      \"Switch to dark mode\"\n    );\n\n  }\n\n\n  \u002F* Save preference *\u002F\n\n  try {\n\n    localStorage.setItem(\n      \"firewaterDarkMode\",\n      isDark ? \"dark\" : \"light\"\n    );\n\n  } catch (e) {}\n\n}\n\n\n\u002F* =========================================================\n   LOAD DARK MODE PREFERENCE\n========================================================= *\u002F\n\n(function() {\n\n  try {\n\n    const savedMode =\n      localStorage.getItem(\n        \"firewaterDarkMode\"\n      );\n\n\n    if (savedMode === \"dark\") {\n\n      const page =\n        document.getElementById(\n          \"firewater-page\"\n        );\n\n      const button =\n        document.getElementById(\n          \"winxDarkButton\"\n        );\n\n\n      if (page) {\n\n        page.classList.add(\n          \"winx-dark\"\n        );\n\n      }\n\n\n      if (button) {\n\n        button.innerHTML = \"☀️\";\n\n        button.title =\n          \"Switch to light mode\";\n\n        button.setAttribute(\n          \"aria-label\",\n          \"Switch to light mode\"\n        );\n\n      }\n\n    }\n\n  } catch (e) {}\n\n})();\n\n\n\u002F* =========================================================\n   KEYBOARD SUPPORT\n========================================================= *\u002F\n\ndocument.addEventListener(\n  \"keydown\",\n  function(event) {\n\n    const activeElement =\n      document.activeElement;\n\n\n    \u002F* Don't change slider while typing *\u002F\n\n    if (\n      activeElement &&\n      activeElement.classList &&\n      activeElement.classList.contains(\n        \"winx-search\"\n      )\n    ) {\n      return;\n    }\n\n\n    if (event.key === \"ArrowLeft\") {\n\n      winxChangeSlide(-1);\n\n    }\n\n\n    if (event.key === \"ArrowRight\") {\n\n      winxChangeSlide(1);\n\n    }\n\n  }\n);\n\n\n\u002F* =========================================================\n   INITIALIZE\n========================================================= *\u002F\n\nwinxUpdateSlider();\n\n\u003C\u002Fscript>\u003Cbr \u002F>",{"_key":42,"_type":43,"children":44,"markDefs":50,"style":51},"a3a3bfc93e55","block",[45],{"_key":46,"_type":47,"marks":48,"text":49},"a3a3bfc93e550","span",[],"Start writing your post here...",[],"normal",{"name":53,"slug":54},"Software and Web Skills for Academia (Fall 2026)",{"_type":34,"current":55},"software-and-web-skills-for-academia-fall-2026-","2026-09-30T08:56:14.633Z","Game Review: Fireboy and Watergirl","public"]