{"id":37,"date":"2026-08-06T22:33:31","date_gmt":"2026-08-06T22:33:31","guid":{"rendered":"https:\/\/yerin-m1-0726.wordifysites.com\/?page_id=37"},"modified":"2026-08-07T05:59:30","modified_gmt":"2026-08-07T05:59:30","slug":"my-buddy-room","status":"publish","type":"page","link":"https:\/\/yerin-m1-0726.wordifysites.com\/?page_id=37","title":{"rendered":"MY BUDDY ROOM"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"37\" class=\"elementor elementor-37\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bfb57df e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"bfb57df\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-46215bd elementor-widget elementor-widget-html\" data-id=\"46215bd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"pb-tamagotchi\">\r\n\r\n  <!-- KEYRING -->\r\n  <div class=\"pixel-ring\">\r\n    <div class=\"ring-top\"><\/div>\r\n    <div class=\"ring-left\"><\/div>\r\n    <div class=\"ring-right\"><\/div>\r\n  <\/div>\r\n\r\n\r\n  <!-- TAMAGOTCHI BODY -->\r\n  <div class=\"egg-border\">\r\n\r\n    <div class=\"egg-body\">\r\n\r\n      <!-- Y2K DECORATION -->\r\n      <div class=\"deco star-one\">\u2605<\/div>\r\n      <div class=\"deco star-two\">\u2726<\/div>\r\n\r\n      <div class=\"pixel-dot dot-one\"><\/div>\r\n      <div class=\"pixel-dot dot-two\"><\/div>\r\n\r\n\r\n      <!-- SCREEN -->\r\n      <div class=\"screen-border\">\r\n\r\n        <div class=\"screen-frame\">\r\n\r\n          <div class=\"lcd\">\r\n\r\n            <span class=\"screen-star s1\">\u2726<\/span>\r\n            <span class=\"screen-star s2\">+<\/span>\r\n\r\n            <!-- PET -->\r\n            <div class=\"pet-zone\">\r\n\r\n              <img decoding=\"async\"\r\n                id=\"pb-cat\"\r\n                src=\"https:\/\/yerin-m1-0726.wordifysites.com\/wp-content\/uploads\/2026\/08\/Untitled-1-1-Photoroom-1-\ubcf5\uc0ac\ubcf8-1.png\"\r\n                alt=\"Pixel Buddy\"\r\n              >\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- MESSAGE -->\r\n            <div id=\"pb-text\">\r\n              HI! I MISSED YOU \u2661\r\n            <\/div>\r\n\r\n\r\n            <!-- STATUS -->\r\n            <div class=\"status\">\r\n\r\n              <div class=\"status-row\">\r\n                <span>FOOD<\/span>\r\n                <span id=\"food\">\u2665\u2665\u2665\u2661\u2661<\/span>\r\n              <\/div>\r\n\r\n              <div class=\"status-row\">\r\n                <span>HAPPY<\/span>\r\n                <span id=\"happy\">\u2665\u2665\u2665\u2665\u2661<\/span>\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- BUTTONS -->\r\n      <div class=\"buttons\">\r\n\r\n        <div class=\"button-set\">\r\n\r\n          <button\r\n            id=\"feed\"\r\n            type=\"button\">\r\n          <\/button>\r\n\r\n          <span>FEED<\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"button-set center-btn\">\r\n\r\n          <button\r\n            id=\"play\"\r\n            type=\"button\">\r\n          <\/button>\r\n\r\n          <span>PLAY<\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"button-set\">\r\n\r\n          <button\r\n            id=\"pet\"\r\n            type=\"button\">\r\n          <\/button>\r\n\r\n          <span>PET<\/span>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"brand-text\">\r\n        PIXEL BUDDY\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<style>\r\n\r\n\/* ==========================\r\n   WHOLE AREA\r\n========================== *\/\r\n\r\n#pb-tamagotchi {\r\n\r\n  width: 100%;\r\n\r\n  display: flex;\r\n  justify-content: center;\r\n\r\n  position: relative;\r\n\r\n  padding:\r\n    90px\r\n    10px\r\n    60px;\r\n\r\n  box-sizing: border-box;\r\n\r\n  font-family:\r\n    \"Courier New\",\r\n    monospace;\r\n}\r\n\r\n\r\n\/* ==========================\r\n   PIXEL KEYRING\r\n========================== *\/\r\n\r\n#pb-tamagotchi .pixel-ring {\r\n\r\n  position: absolute;\r\n\r\n  width: 115px;\r\n  height: 80px;\r\n\r\n  top: 18px;\r\n\r\n  left:\r\n    calc(50% + 45px);\r\n\r\n  z-index: 0;\r\n}\r\n\r\n\r\n#pb-tamagotchi .ring-top {\r\n\r\n  position: absolute;\r\n\r\n  width: 75px;\r\n  height: 12px;\r\n\r\n  top: 0;\r\n  left: 18px;\r\n\r\n  background: #535092;\r\n\r\n  box-shadow:\r\n\r\n    12px 0 #535092,\r\n\r\n    -12px 12px #6b68ad,\r\n\r\n    24px 12px #535092;\r\n}\r\n\r\n\r\n#pb-tamagotchi .ring-left {\r\n\r\n  position: absolute;\r\n\r\n  width: 12px;\r\n  height: 55px;\r\n\r\n  left: 5px;\r\n  top: 18px;\r\n\r\n  background: #535092;\r\n\r\n  box-shadow:\r\n    7px 0 #7772bd;\r\n}\r\n\r\n\r\n#pb-tamagotchi .ring-right {\r\n\r\n  position: absolute;\r\n\r\n  width: 12px;\r\n  height: 55px;\r\n\r\n  right: 7px;\r\n  top: 18px;\r\n\r\n  background: #535092;\r\n\r\n  box-shadow:\r\n    -7px 0 #7772bd;\r\n}\r\n\r\n\r\n\r\n\/* ==========================\r\n   PIXEL EGG OUTLINE\r\n========================== *\/\r\n\r\n#pb-tamagotchi .egg-border {\r\n\r\n  position: relative;\r\n\r\n  width: 410px;\r\n  height: 560px;\r\n\r\n  max-width: 94vw;\r\n\r\n  padding: 10px;\r\n\r\n  box-sizing: border-box;\r\n\r\n  background: #564183;\r\n\r\n\r\n  clip-path: polygon(\r\n\r\n    36% 0%,\r\n    64% 0%,\r\n\r\n    64% 2%,\r\n    73% 2%,\r\n\r\n    73% 5%,\r\n    80% 5%,\r\n\r\n    80% 9%,\r\n    86% 9%,\r\n\r\n    86% 14%,\r\n    91% 14%,\r\n\r\n    91% 22%,\r\n    95% 22%,\r\n\r\n    95% 32%,\r\n    98% 32%,\r\n\r\n    98% 68%,\r\n\r\n    95% 68%,\r\n    95% 78%,\r\n\r\n    91% 78%,\r\n    91% 86%,\r\n\r\n    86% 86%,\r\n    86% 91%,\r\n\r\n    79% 91%,\r\n    79% 95%,\r\n\r\n    69% 95%,\r\n    69% 98%,\r\n\r\n    31% 98%,\r\n\r\n    31% 95%,\r\n    21% 95%,\r\n\r\n    21% 91%,\r\n    14% 91%,\r\n\r\n    14% 86%,\r\n    9% 86%,\r\n\r\n    9% 78%,\r\n    5% 78%,\r\n\r\n    5% 68%,\r\n    2% 68%,\r\n\r\n    2% 32%,\r\n\r\n    5% 32%,\r\n    5% 22%,\r\n\r\n    9% 22%,\r\n    9% 14%,\r\n\r\n    14% 14%,\r\n    14% 9%,\r\n\r\n    20% 9%,\r\n    20% 5%,\r\n\r\n    27% 5%,\r\n    27% 2%,\r\n\r\n    36% 2%\r\n  );\r\n\r\n\r\n  filter:\r\n    drop-shadow(\r\n      9px\r\n      10px\r\n      0\r\n      #392b5a\r\n    );\r\n}\r\n\r\n\r\n\r\n\/* ==========================\r\n   PURPLE BODY\r\n========================== *\/\r\n\r\n#pb-tamagotchi .egg-body {\r\n\r\n  width: 100%;\r\n  height: 100%;\r\n\r\n  box-sizing: border-box;\r\n\r\n  padding:\r\n    88px\r\n    50px\r\n    42px;\r\n\r\n  position: relative;\r\n\r\n  background: #c77cea;\r\n\r\n\r\n  clip-path: polygon(\r\n\r\n    36% 0%,\r\n    64% 0%,\r\n\r\n    64% 2%,\r\n    73% 2%,\r\n\r\n    73% 5%,\r\n    80% 5%,\r\n\r\n    80% 9%,\r\n    86% 9%,\r\n\r\n    86% 14%,\r\n    91% 14%,\r\n\r\n    91% 23%,\r\n    95% 23%,\r\n\r\n    95% 77%,\r\n\r\n    91% 77%,\r\n    91% 85%,\r\n\r\n    86% 85%,\r\n    86% 90%,\r\n\r\n    79% 90%,\r\n    79% 94%,\r\n\r\n    69% 94%,\r\n    69% 97%,\r\n\r\n    31% 97%,\r\n\r\n    31% 94%,\r\n    21% 94%,\r\n\r\n    21% 90%,\r\n    14% 90%,\r\n\r\n    14% 85%,\r\n    9% 85%,\r\n\r\n    9% 77%,\r\n    5% 77%,\r\n\r\n    5% 23%,\r\n\r\n    9% 23%,\r\n    9% 14%,\r\n\r\n    14% 14%,\r\n    14% 9%,\r\n\r\n    20% 9%,\r\n    20% 5%,\r\n\r\n    27% 5%,\r\n    27% 2%,\r\n\r\n    36% 2%\r\n  );\r\n\r\n\r\n  box-shadow:\r\n\r\n    inset\r\n    12px\r\n    0\r\n    #dc98f4,\r\n\r\n    inset\r\n    -12px\r\n    0\r\n    #a95bd4;\r\n}\r\n\r\n\r\n\r\n\/* ==========================\r\n   BODY DECORATION\r\n========================== *\/\r\n\r\n#pb-tamagotchi .deco {\r\n\r\n  position: absolute;\r\n\r\n  z-index: 2;\r\n}\r\n\r\n\r\n#pb-tamagotchi .star-one {\r\n\r\n  top: 43px;\r\n  right: 57px;\r\n\r\n  color: #ffe66b;\r\n\r\n  font-size: 32px;\r\n\r\n  text-shadow:\r\n\r\n    4px 0\r\n    #fff0a4,\r\n\r\n    0 4px\r\n    #b36bcf;\r\n}\r\n\r\n\r\n#pb-tamagotchi .star-two {\r\n\r\n  top: 165px;\r\n  left: 34px;\r\n\r\n  color: #ffd965;\r\n\r\n  font-size: 21px;\r\n}\r\n\r\n\r\n#pb-tamagotchi .pixel-dot {\r\n\r\n  position: absolute;\r\n\r\n  width: 9px;\r\n  height: 9px;\r\n\r\n  background: #f7b7ff;\r\n\r\n  box-shadow:\r\n\r\n    9px 0\r\n    #f7b7ff,\r\n\r\n    0 9px\r\n    #f7b7ff,\r\n\r\n    9px 9px\r\n    #ffe46b;\r\n}\r\n\r\n\r\n#pb-tamagotchi .dot-one {\r\n\r\n  right: 37px;\r\n  top: 205px;\r\n}\r\n\r\n\r\n#pb-tamagotchi .dot-two {\r\n\r\n  left: 34px;\r\n  bottom: 125px;\r\n}\r\n\r\n\r\n\r\n\/* ==========================\r\n   SCREEN BORDER\r\n========================== *\/\r\n\r\n#pb-tamagotchi .screen-border {\r\n\r\n  padding: 8px;\r\n\r\n  background: #453c81;\r\n\r\n\r\n  clip-path: polygon(\r\n\r\n    8% 0,\r\n    92% 0,\r\n\r\n    92% 4%,\r\n    97% 4%,\r\n\r\n    97% 13%,\r\n    100% 13%,\r\n\r\n    100% 87%,\r\n\r\n    97% 87%,\r\n    97% 96%,\r\n\r\n    92% 96%,\r\n    92% 100%,\r\n\r\n    8% 100%,\r\n\r\n    8% 96%,\r\n    3% 96%,\r\n\r\n    3% 87%,\r\n    0 87%,\r\n\r\n    0 13%,\r\n    3% 13%,\r\n\r\n    3% 4%,\r\n    8% 4%\r\n  );\r\n}\r\n\r\n\r\n\r\n\/* ==========================\r\n   BLUE SCREEN FRAME\r\n========================== *\/\r\n\r\n#pb-tamagotchi .screen-frame {\r\n\r\n  padding: 13px;\r\n\r\n  background: #7b91e8;\r\n\r\n\r\n  clip-path: polygon(\r\n\r\n    9% 0,\r\n    91% 0,\r\n\r\n    91% 5%,\r\n    96% 5%,\r\n\r\n    96% 13%,\r\n    100% 13%,\r\n\r\n    100% 87%,\r\n\r\n    96% 87%,\r\n    96% 95%,\r\n\r\n    91% 95%,\r\n    91% 100%,\r\n\r\n    9% 100%,\r\n\r\n    9% 95%,\r\n    4% 95%,\r\n\r\n    4% 87%,\r\n    0 87%,\r\n\r\n    0 13%,\r\n    4% 13%,\r\n\r\n    4% 5%,\r\n    9% 5%\r\n  );\r\n\r\n\r\n  box-shadow:\r\n\r\n    inset\r\n    8px\r\n    0\r\n    #a5b7ff,\r\n\r\n    inset\r\n    -8px\r\n    0\r\n    #586ab4;\r\n}\r\n\r\n\r\n\r\n\/* ==========================\r\n   LCD SCREEN\r\n\r\n   \uc5ec\uae30\uc11c\ubd80\ud130\ub294\r\n   \uac01 \uc601\uc5ed\uc5d0 \uacf5\uac04\uc744 \ub530\ub85c \uc918\uc11c\r\n   \uc808\ub300 \uc548 \uacb9\uce58\uac8c \ud574\ub460\r\n========================== *\/\r\n\r\n#pb-tamagotchi .lcd {\r\n\r\n  height: 275px;\r\n\r\n  box-sizing: border-box;\r\n\r\n  padding:\r\n    14px\r\n    14px\r\n    14px;\r\n\r\n  position: relative;\r\n\r\n  display: grid;\r\n\r\n  grid-template-rows:\r\n    150px\r\n    36px\r\n    55px;\r\n\r\n  row-gap: 3px;\r\n\r\n\r\n  background:\r\n\r\n    linear-gradient(\r\n\r\n      to bottom,\r\n\r\n      #b9e7e5 0%,\r\n\r\n      #b9e7e5 64%,\r\n\r\n      #efa5cf 64%,\r\n\r\n      #efa5cf 100%\r\n    );\r\n\r\n\r\n  border:\r\n    5px\r\n    solid\r\n    #44446e;\r\n\r\n\r\n  color: #41415f;\r\n\r\n  overflow: hidden;\r\n}\r\n\r\n\r\n\r\n\/* ==========================\r\n   SCREEN SPARKLES\r\n========================== *\/\r\n\r\n#pb-tamagotchi .screen-star {\r\n\r\n  position: absolute;\r\n\r\n  z-index: 1;\r\n\r\n  color: #ffffff;\r\n\r\n  font-weight: bold;\r\n}\r\n\r\n\r\n#pb-tamagotchi .s1 {\r\n\r\n  left: 19px;\r\n  top: 33px;\r\n\r\n  font-size: 23px;\r\n}\r\n\r\n\r\n#pb-tamagotchi .s2 {\r\n\r\n  right: 20px;\r\n  top: 44px;\r\n\r\n  font-size: 28px;\r\n}\r\n\r\n\r\n\r\n\/* ==========================\r\n   PET AREA\r\n========================== *\/\r\n\r\n#pb-tamagotchi .pet-zone {\r\n\r\n  width: 100%;\r\n  height: 150px;\r\n\r\n  display: flex;\r\n\r\n  justify-content: center;\r\n  align-items: flex-end;\r\n\r\n  position: relative;\r\n\r\n  z-index: 3;\r\n\r\n  min-height: 0;\r\n}\r\n\r\n\r\n#pb-tamagotchi #pb-cat {\r\n\r\n  width: 135px;\r\n  height: 135px;\r\n\r\n  object-fit: contain;\r\n\r\n  image-rendering: pixelated;\r\n  image-rendering: crisp-edges;\r\n\r\n  filter:\r\n\r\n    drop-shadow(\r\n      5px\r\n      5px\r\n      0\r\n      rgba(\r\n        66,\r\n        64,\r\n        98,\r\n        .2\r\n      )\r\n    );\r\n}\r\n\r\n\r\n\r\n\/* ==========================\r\n   MESSAGE\r\n========================== *\/\r\n\r\n#pb-tamagotchi #pb-text {\r\n\r\n  width: 100%;\r\n  height: 36px;\r\n\r\n  box-sizing: border-box;\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  position: relative;\r\n\r\n  z-index: 3;\r\n\r\n  padding: 0 3px;\r\n\r\n\r\n  font-size: 14px;\r\n\r\n  line-height: 1;\r\n\r\n  font-weight: bold;\r\n\r\n  letter-spacing: .5px;\r\n\r\n  white-space: nowrap;\r\n}\r\n\r\n\r\n\r\n\/* ==========================\r\n   STATUS\r\n========================== *\/\r\n\r\n#pb-tamagotchi .status {\r\n\r\n  width: 100%;\r\n  height: 55px;\r\n\r\n  box-sizing: border-box;\r\n\r\n  position: relative;\r\n\r\n  z-index: 3;\r\n\r\n  display: flex;\r\n  flex-direction: column;\r\n\r\n  justify-content: center;\r\n\r\n  gap: 6px;\r\n\r\n\r\n  font-size: 12px;\r\n\r\n  line-height: 1;\r\n\r\n  font-weight: bold;\r\n}\r\n\r\n\r\n#pb-tamagotchi .status-row {\r\n\r\n  width: 100%;\r\n\r\n  display: flex;\r\n\r\n  justify-content: space-between;\r\n\r\n  align-items: center;\r\n}\r\n\r\n\r\n\r\n\/* ==========================\r\n   BUTTON AREA\r\n========================== *\/\r\n\r\n#pb-tamagotchi .buttons {\r\n\r\n  width: 100%;\r\n\r\n  display: flex;\r\n\r\n  justify-content: center;\r\n  align-items: flex-start;\r\n\r\n  gap: 25px;\r\n\r\n  margin-top: 25px;\r\n}\r\n\r\n\r\n#pb-tamagotchi .button-set {\r\n\r\n  display: flex;\r\n\r\n  flex-direction: column;\r\n\r\n  align-items: center;\r\n\r\n  gap: 8px;\r\n\r\n\r\n  font-size: 12px;\r\n\r\n  line-height: 1;\r\n\r\n  font-weight: bold;\r\n\r\n  color: #584276;\r\n}\r\n\r\n\r\n#pb-tamagotchi .center-btn {\r\n\r\n  margin-top: 12px;\r\n}\r\n\r\n\r\n\r\n\/* ==========================\r\n   PIXEL BUTTON\r\n========================== *\/\r\n\r\n#pb-tamagotchi button {\r\n\r\n  width: 58px;\r\n  height: 48px;\r\n\r\n  padding: 0;\r\n\r\n  border:\r\n    6px\r\n    solid\r\n    #674787;\r\n\r\n  background: #ffe469;\r\n\r\n\r\n  clip-path: polygon(\r\n\r\n    20% 0,\r\n    80% 0,\r\n\r\n    80% 8%,\r\n    92% 8%,\r\n\r\n    92% 20%,\r\n    100% 20%,\r\n\r\n    100% 80%,\r\n\r\n    92% 80%,\r\n    92% 92%,\r\n\r\n    80% 92%,\r\n    80% 100%,\r\n\r\n    20% 100%,\r\n\r\n    20% 92%,\r\n    8% 92%,\r\n\r\n    8% 80%,\r\n    0 80%,\r\n\r\n    0 20%,\r\n\r\n    8% 20%,\r\n    8% 8%,\r\n\r\n    20% 8%\r\n  );\r\n\r\n\r\n  box-shadow:\r\n\r\n    inset\r\n    6px\r\n    6px\r\n    #fff59a;\r\n\r\n\r\n  filter:\r\n\r\n    drop-shadow(\r\n      5px\r\n      6px\r\n      0\r\n      #4d376c\r\n    );\r\n\r\n\r\n  cursor: pointer;\r\n}\r\n\r\n\r\n#pb-tamagotchi button:hover {\r\n\r\n  background: #fff086;\r\n}\r\n\r\n\r\n#pb-tamagotchi button:active {\r\n\r\n  transform:\r\n    translateY(4px);\r\n\r\n  filter:\r\n\r\n    drop-shadow(\r\n      2px\r\n      2px\r\n      0\r\n      #4d376c\r\n    );\r\n}\r\n\r\n\r\n\r\n\/* ==========================\r\n   BRAND NAME\r\n========================== *\/\r\n\r\n#pb-tamagotchi .brand-text {\r\n\r\n  margin-top: 21px;\r\n\r\n  color: #fff0ff;\r\n\r\n\r\n  font-size: 14px;\r\n\r\n  line-height: 1;\r\n\r\n  font-weight: bold;\r\n\r\n  letter-spacing: 3px;\r\n\r\n\r\n  text-shadow:\r\n\r\n    3px 0\r\n    #624083,\r\n\r\n    0 3px\r\n    #624083;\r\n}\r\n\r\n\r\n\r\n\/* ==========================\r\n   MOBILE\r\n========================== *\/\r\n\r\n@media (max-width: 480px) {\r\n\r\n  #pb-tamagotchi {\r\n\r\n    padding-top: 75px;\r\n  }\r\n\r\n\r\n  #pb-tamagotchi .egg-border {\r\n\r\n    width: 340px;\r\n\r\n    height: 500px;\r\n  }\r\n\r\n\r\n  #pb-tamagotchi .egg-body {\r\n\r\n    padding:\r\n      73px\r\n      38px\r\n      30px;\r\n  }\r\n\r\n\r\n  #pb-tamagotchi .lcd {\r\n\r\n    height: 235px;\r\n\r\n    grid-template-rows:\r\n      120px\r\n      32px\r\n      48px;\r\n  }\r\n\r\n\r\n  #pb-tamagotchi .pet-zone {\r\n\r\n    height: 120px;\r\n  }\r\n\r\n\r\n  #pb-tamagotchi #pb-cat {\r\n\r\n    width: 108px;\r\n    height: 108px;\r\n  }\r\n\r\n\r\n  #pb-tamagotchi #pb-text {\r\n\r\n    height: 32px;\r\n\r\n    font-size: 12px;\r\n  }\r\n\r\n\r\n  #pb-tamagotchi .status {\r\n\r\n    height: 48px;\r\n\r\n    font-size: 10px;\r\n\r\n    gap: 5px;\r\n  }\r\n\r\n\r\n  #pb-tamagotchi .buttons {\r\n\r\n    gap: 18px;\r\n\r\n    margin-top: 19px;\r\n  }\r\n\r\n\r\n  #pb-tamagotchi button {\r\n\r\n    width: 48px;\r\n    height: 42px;\r\n  }\r\n\r\n\r\n  #pb-tamagotchi .button-set {\r\n\r\n    font-size: 10px;\r\n  }\r\n\r\n\r\n  #pb-tamagotchi .brand-text {\r\n\r\n    margin-top: 17px;\r\n\r\n    font-size: 12px;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n<script>\r\n\r\n(function () {\r\n\r\n  const game =\r\n    document.querySelector(\r\n      \"#pb-tamagotchi\"\r\n    );\r\n\r\n  if (!game) return;\r\n\r\n\r\n  let foodValue = 3;\r\n  let happyValue = 4;\r\n\r\n\r\n  const cat =\r\n    game.querySelector(\r\n      \"#pb-cat\"\r\n    );\r\n\r\n  const message =\r\n    game.querySelector(\r\n      \"#pb-text\"\r\n    );\r\n\r\n  const food =\r\n    game.querySelector(\r\n      \"#food\"\r\n    );\r\n\r\n  const happy =\r\n    game.querySelector(\r\n      \"#happy\"\r\n    );\r\n\r\n\r\n  function hearts(value) {\r\n\r\n    let output = \"\";\r\n\r\n    for (\r\n      let i = 1;\r\n      i <= 5;\r\n      i++\r\n    ) {\r\n\r\n      output +=\r\n        i <= value\r\n          ? \"\u2665\"\r\n          : \"\u2661\";\r\n    }\r\n\r\n    return output;\r\n  }\r\n\r\n\r\n  function refresh() {\r\n\r\n    foodValue =\r\n      Math.max(\r\n        0,\r\n        Math.min(\r\n          5,\r\n          foodValue\r\n        )\r\n      );\r\n\r\n\r\n    happyValue =\r\n      Math.max(\r\n        0,\r\n        Math.min(\r\n          5,\r\n          happyValue\r\n        )\r\n      );\r\n\r\n\r\n    food.textContent =\r\n      hearts(\r\n        foodValue\r\n      );\r\n\r\n\r\n    happy.textContent =\r\n      hearts(\r\n        happyValue\r\n      );\r\n  }\r\n\r\n\r\n  function bounce() {\r\n\r\n    cat.animate(\r\n\r\n      [\r\n\r\n        {\r\n          transform:\r\n            \"translateY(0)\"\r\n        },\r\n\r\n        {\r\n          transform:\r\n            \"translateY(-13px)\"\r\n        },\r\n\r\n        {\r\n          transform:\r\n            \"translateY(0)\"\r\n        }\r\n\r\n      ],\r\n\r\n      {\r\n        duration: 330\r\n      }\r\n\r\n    );\r\n  }\r\n\r\n\r\n  \/* FEED *\/\r\n\r\n  game\r\n    .querySelector(\"#feed\")\r\n    .addEventListener(\r\n      \"click\",\r\n      function () {\r\n\r\n        foodValue++;\r\n\r\n        message.textContent =\r\n          \"YUM! THANK YOU \u2661\";\r\n\r\n        bounce();\r\n\r\n        refresh();\r\n      }\r\n    );\r\n\r\n\r\n  \/* PLAY *\/\r\n\r\n  game\r\n    .querySelector(\"#play\")\r\n    .addEventListener(\r\n      \"click\",\r\n      function () {\r\n\r\n        happyValue++;\r\n\r\n        foodValue--;\r\n\r\n\r\n        message.textContent =\r\n          \"SO FUN! \u2605\";\r\n\r\n\r\n        cat.animate(\r\n\r\n          [\r\n\r\n            {\r\n              transform:\r\n                \"translateX(0)\"\r\n            },\r\n\r\n            {\r\n              transform:\r\n                \"translateX(-12px)\"\r\n            },\r\n\r\n            {\r\n              transform:\r\n                \"translateX(12px)\"\r\n            },\r\n\r\n            {\r\n              transform:\r\n                \"translateX(0)\"\r\n            }\r\n\r\n          ],\r\n\r\n          {\r\n            duration: 430\r\n          }\r\n\r\n        );\r\n\r\n\r\n        refresh();\r\n      }\r\n    );\r\n\r\n\r\n  \/* PET *\/\r\n\r\n  game\r\n    .querySelector(\"#pet\")\r\n    .addEventListener(\r\n      \"click\",\r\n      function () {\r\n\r\n        happyValue++;\r\n\r\n\r\n        message.textContent =\r\n          \"LOVE YOU! \u2665\";\r\n\r\n\r\n        cat.animate(\r\n\r\n          [\r\n\r\n            {\r\n              transform:\r\n                \"scale(1)\"\r\n            },\r\n\r\n            {\r\n              transform:\r\n                \"scale(1.12)\"\r\n            },\r\n\r\n            {\r\n              transform:\r\n                \"scale(1)\"\r\n            }\r\n\r\n          ],\r\n\r\n          {\r\n            duration: 350\r\n          }\r\n\r\n        );\r\n\r\n\r\n        refresh();\r\n      }\r\n    );\r\n\r\n\r\n  refresh();\r\n\r\n})();\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u2605 \u2726 \u2726 + HI! I MISSED YOU \u2661 FOOD &#x2665;&#x2665;&#x2665;\u2661\u2661 HAPPY &#x2665;&#x2665;&#x2665;&#x2665;\u2661 FEED PLAY PET PIXEL BUDDY<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-37","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>MY BUDDY ROOM - PIXEL BUDDY<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/yerin-m1-0726.wordifysites.com\/?page_id=37\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"MY BUDDY ROOM - PIXEL BUDDY\" \/>\n<meta property=\"og:description\" content=\"\u2605 \u2726 \u2726 + HI! I MISSED YOU \u2661 FOOD &#x2665;&#x2665;&#x2665;\u2661\u2661 HAPPY &#x2665;&#x2665;&#x2665;&#x2665;\u2661 FEED PLAY PET PIXEL BUDDY\" \/>\n<meta property=\"og:url\" content=\"https:\/\/yerin-m1-0726.wordifysites.com\/?page_id=37\" \/>\n<meta property=\"og:site_name\" content=\"PIXEL BUDDY\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-07T05:59:30+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/yerin-m1-0726.wordifysites.com\\\/?page_id=37\",\"url\":\"https:\\\/\\\/yerin-m1-0726.wordifysites.com\\\/?page_id=37\",\"name\":\"MY BUDDY ROOM - PIXEL BUDDY\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/yerin-m1-0726.wordifysites.com\\\/#website\"},\"datePublished\":\"2026-08-06T22:33:31+00:00\",\"dateModified\":\"2026-08-07T05:59:30+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/yerin-m1-0726.wordifysites.com\\\/?page_id=37#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/yerin-m1-0726.wordifysites.com\\\/?page_id=37\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/yerin-m1-0726.wordifysites.com\\\/?page_id=37#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/yerin-m1-0726.wordifysites.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"MY BUDDY ROOM\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/yerin-m1-0726.wordifysites.com\\\/#website\",\"url\":\"https:\\\/\\\/yerin-m1-0726.wordifysites.com\\\/\",\"name\":\"PIXEL BUDDY\",\"description\":\"yerin-m1-0726\",\"publisher\":{\"@id\":\"https:\\\/\\\/yerin-m1-0726.wordifysites.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/yerin-m1-0726.wordifysites.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/yerin-m1-0726.wordifysites.com\\\/#organization\",\"name\":\"PIXEL BUDDY\",\"url\":\"https:\\\/\\\/yerin-m1-0726.wordifysites.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/yerin-m1-0726.wordifysites.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/yerin-m1-0726.wordifysites.com\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/cropped-cropped-cropped-Yerin-Lee_Website-Logo.png\",\"contentUrl\":\"https:\\\/\\\/yerin-m1-0726.wordifysites.com\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/cropped-cropped-cropped-Yerin-Lee_Website-Logo.png\",\"width\":529,\"height\":395,\"caption\":\"PIXEL BUDDY\"},\"image\":{\"@id\":\"https:\\\/\\\/yerin-m1-0726.wordifysites.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"MY BUDDY ROOM - PIXEL BUDDY","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/yerin-m1-0726.wordifysites.com\/?page_id=37","og_locale":"en_US","og_type":"article","og_title":"MY BUDDY ROOM - PIXEL BUDDY","og_description":"\u2605 \u2726 \u2726 + HI! I MISSED YOU \u2661 FOOD &#x2665;&#x2665;&#x2665;\u2661\u2661 HAPPY &#x2665;&#x2665;&#x2665;&#x2665;\u2661 FEED PLAY PET PIXEL BUDDY","og_url":"https:\/\/yerin-m1-0726.wordifysites.com\/?page_id=37","og_site_name":"PIXEL BUDDY","article_modified_time":"2026-08-07T05:59:30+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/yerin-m1-0726.wordifysites.com\/?page_id=37","url":"https:\/\/yerin-m1-0726.wordifysites.com\/?page_id=37","name":"MY BUDDY ROOM - PIXEL BUDDY","isPartOf":{"@id":"https:\/\/yerin-m1-0726.wordifysites.com\/#website"},"datePublished":"2026-08-06T22:33:31+00:00","dateModified":"2026-08-07T05:59:30+00:00","breadcrumb":{"@id":"https:\/\/yerin-m1-0726.wordifysites.com\/?page_id=37#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/yerin-m1-0726.wordifysites.com\/?page_id=37"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/yerin-m1-0726.wordifysites.com\/?page_id=37#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/yerin-m1-0726.wordifysites.com\/"},{"@type":"ListItem","position":2,"name":"MY BUDDY ROOM"}]},{"@type":"WebSite","@id":"https:\/\/yerin-m1-0726.wordifysites.com\/#website","url":"https:\/\/yerin-m1-0726.wordifysites.com\/","name":"PIXEL BUDDY","description":"yerin-m1-0726","publisher":{"@id":"https:\/\/yerin-m1-0726.wordifysites.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/yerin-m1-0726.wordifysites.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/yerin-m1-0726.wordifysites.com\/#organization","name":"PIXEL BUDDY","url":"https:\/\/yerin-m1-0726.wordifysites.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/yerin-m1-0726.wordifysites.com\/#\/schema\/logo\/image\/","url":"https:\/\/yerin-m1-0726.wordifysites.com\/wp-content\/uploads\/2026\/07\/cropped-cropped-cropped-Yerin-Lee_Website-Logo.png","contentUrl":"https:\/\/yerin-m1-0726.wordifysites.com\/wp-content\/uploads\/2026\/07\/cropped-cropped-cropped-Yerin-Lee_Website-Logo.png","width":529,"height":395,"caption":"PIXEL BUDDY"},"image":{"@id":"https:\/\/yerin-m1-0726.wordifysites.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/yerin-m1-0726.wordifysites.com\/index.php?rest_route=\/wp\/v2\/pages\/37","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/yerin-m1-0726.wordifysites.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/yerin-m1-0726.wordifysites.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/yerin-m1-0726.wordifysites.com\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/yerin-m1-0726.wordifysites.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=37"}],"version-history":[{"count":23,"href":"https:\/\/yerin-m1-0726.wordifysites.com\/index.php?rest_route=\/wp\/v2\/pages\/37\/revisions"}],"predecessor-version":[{"id":478,"href":"https:\/\/yerin-m1-0726.wordifysites.com\/index.php?rest_route=\/wp\/v2\/pages\/37\/revisions\/478"}],"wp:attachment":[{"href":"https:\/\/yerin-m1-0726.wordifysites.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=37"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}