Our Worlds | MetaSkool<\/title>\n \n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700&family=Roboto:wght@300;400;500;700&display=swap\" rel=\"stylesheet\">\n \n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\" media=\"print\" onload=\"this.media='all'\">\n \n <link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@4.6.2\/dist\/css\/bootstrap.min.css\">\n <style>\n \/* MetaSkool header styles (responsive with hamburger) *\/\n\t.metaskool-site-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0.6rem 1rem;background:linear-gradient(90deg,var(--ukm-blue),#004080);color:#fff;position:relative}\n\t.metaskool-site-header .brand{display:flex;align-items:center;gap:0.75rem}\n\t.metaskool-site-header .brand img{height:44px;width:auto}\n\t.metaskool-site-header h1{font-size:1.05rem;margin:0;color:#fff;font-family:'Montserrat',sans-serif}\n\t.metaskool-site-header .site-nav{display:flex;gap:0.5rem;align-items:center}\n\t.metaskool-site-header .site-nav a{color:#fff;text-decoration:none;padding:0.45rem 0.6rem;border-radius:6px;font-weight:600}\n\t.metaskool-site-header .site-nav a:hover{background:rgba(255,255,255,0.08)}\n\t.menu-toggle{display:none;background:transparent;border:none;color:#fff;width:44px;height:44px;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}\n\t.menu-toggle .hamburger{display:block;width:20px;height:2px;background:#fff;position:relative}\n\t.menu-toggle .hamburger::before,.menu-toggle .hamburger::after{content:'';position:absolute;left:0;right:0;height:2px;background:#fff}\n\t.menu-toggle .hamburger::before{top:-6px}.menu-toggle .hamburger::after{top:6px}\n\t@media(max-width:768px){\n\t\t.metaskool-site-header{padding:0.75rem 1rem;align-items:flex-start}\n\t\t.metaskool-site-header .brand{flex-direction:column;align-items:center;gap:0.5rem;text-align:center}\n\t\t.metaskool-site-header .brand img{height:36px}\n\t\t.metaskool-site-header h1{font-size:0.9rem;line-height:1.2}\n\t\t.menu-toggle{display:flex;position:absolute;top:0.75rem;right:1rem}\n\t\t.metaskool-site-header .site-nav{position:absolute;left:0;right:0;top:100%;background:linear-gradient(180deg,var(--ukm-blue),#003355);flex-direction:column;display:none;padding:0.25rem 0}\n\t\t.metaskool-site-header .site-nav.open{display:flex}\n\t\t.metaskool-site-header .site-nav a{padding:0.75rem 1rem;border-radius:0;border-bottom:1px solid rgba(255,255,255,0.06)}\n\t}\n :root {\n --ukm-blue: #003366;\n --ukm-red: #c00;\n --ukm-light-blue: #007bff;\n --light-gray: #f8f9fa;\n --medium-gray: #e9ecef;\n --dark-gray: #495057;\n --spacing-xs: 0.5rem;\n --spacing-sm: 1rem;\n --spacing-md: 2rem;\n --spacing-lg: 4rem;\n --section-bg-1: #ffffff;\n --section-bg-2: #f8f9fa;\n --card-hover-bg: #ffffff;\n }\n \n body {\n background: #fff;\n font-family: 'Roboto', Arial, sans-serif;\n color: #333;\n margin: 0;\n padding: 0;\n }\n\n .metaskool-container {\n padding: 4rem 0;\n background: #ffffff;\n position: relative;\n max-width:1200px; \n margin:0 auto;\n }\n\n .metaskool-container::before {\n display: none;\n }\n\n .metaskool-header {\n text-align: center;\n margin-bottom: 4rem;\n }\n\n .metaskool-header h1 {\n position: relative;\n font-family: 'Montserrat', sans-serif;\n font-size: 2.8rem;\n font-weight: 700;\n color: var(--ukm-blue);\n margin-bottom: 2rem;\n padding-bottom: 1rem;\n text-shadow: 1px 1px 1px rgba(0,0,0,0.1);\n }\n\n .metaskool-header h1:after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 80px;\n height: 3px;\n background: linear-gradient(to right, var(--ukm-blue), var(--ukm-red));\n }\n\n .metaskool-worlds-grid {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 1rem;\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 2rem;\n }\n\n .metaskool-world-card {\n background: white;\n border-radius: 4px;\n overflow: hidden;\n box-shadow: 0 3px 10px rgba(0,0,0,0.1);\n transition: all 0.3s ease;\n border: 1px solid rgba(0,51,102,0.1);\n box-sizing: border-box;\n }\n\n .metaskool-world-card:hover {\n transform: translateY(-8px);\n box-shadow: 0 12px 20px rgba(0,0,0,0.15);\n background: var(--card-hover-bg);\n border-color: var(--ukm-red);\n }\n\n .metaskool-world-image {\n width: 100%;\n height: 250px;\n object-fit: cover;\n }\n\n .metaskool-world-content {\n padding: 1.5rem;\n display: flex;\n flex-direction: column;\n min-height: auto;\n box-sizing: border-box;\n }\n\n .metaskool-world-title {\n font-family: 'Montserrat', sans-serif;\n font-size: 1.3rem;\n font-weight: 600;\n color: var(--ukm-blue);\n margin-bottom: 0.75rem;\n }\n\n .metaskool-world-creator {\n display: inline-block;\n background: var(--ukm-blue);\n color: white;\n font-size: clamp(0.7rem, 2.5vw, 0.9rem);\n padding: 0.5rem 1.2rem;\n border-radius: 50px;\n margin-bottom: 1rem;\n line-height: 1.4;\n max-width: 100%;\n white-space: normal;\n text-align: center;\n box-shadow: 0 2px 4px rgba(0, 51, 102, 0.1);\n }\n\n \/* Additional rule for very long creator names *\/\n .metaskool-world-creator:has(span) {\n font-size: 0.75rem;\n padding: 0.4rem 1rem;\n }\n\n .metaskool-world-description {\n color: var(--dark-gray);\n font-size: 0.95rem;\n line-height: 1.6;\n margin-bottom: 1.5rem;\n flex-grow: 1;\n }\n\n .metaskool-play-button {\n display: flex;\n align-items: center;\n justify-content: center;\n width: calc(100% - 0px);\n background: linear-gradient(45deg, var(--ukm-blue) 0%, var(--ukm-light-blue) 100%);\n color: white;\n text-decoration: none;\n padding: 0.75rem 1.5rem;\n border-radius: 50px;\n font-weight: 500;\n transition: all 0.3s ease;\n box-shadow: 0 2px 5px rgba(0, 51, 102, 0.2);\n border: none;\n cursor: pointer;\n gap: 0.5rem;\n margin-top: auto;\n flex-shrink: 0;\n box-sizing: border-box;\n max-width: 100%;\n }\n\n .metaskool-play-button:hover {\n background: linear-gradient(45deg, var(--ukm-light-blue) 0%, var(--ukm-blue) 100%);\n color: white;\n transform: translateY(-2px);\n box-shadow: 0 4px 10px rgba(0, 51, 102, 0.3);\n text-decoration: none;\n }\n\n .metaskool-featured-card {\n grid-column: 1 \/ -1;\n }\n\n .metaskool-featured-card .metaskool-world-content {\n background: linear-gradient(135deg, var(--ukm-blue) 0%, #004080 100%);\n border-radius: 0 0 4px 4px;\n min-height: 300px;\n }\n\n .metaskool-featured-card .metaskool-world-title {\n color: white;\n font-size: 1.8rem;\n }\n\n .metaskool-featured-card .metaskool-world-description {\n color: rgba(255, 255, 255, 0.9);\n }\n\n .metaskool-featured-card .metaskool-world-creator {\n background: rgba(255, 255, 255, 0.2);\n border: 1px solid rgba(255, 255, 255, 0.3);\n box-shadow: none;\n }\n\n .metaskool-featured-card .metaskool-play-button {\n background: rgba(255, 255, 255, 0.2);\n border: 2px solid rgba(255, 255, 255, 0.3);\n }\n\n .metaskool-featured-card .metaskool-play-button:hover {\n background: white;\n color: var(--ukm-blue);\n border-color: white;\n }\n\n \/* Video Button Styles *\/\n .metaskool-world-image-container {\n position: relative;\n }\n\n .metaskool-world-image-container .metaskool-video-btn {\n position: absolute;\n top: 10px;\n right: 10px;\n background: rgba(255, 255, 255, 0.9);\n color: var(--ukm-blue);\n border: none;\n border-radius: 50%;\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n font-size: 20px;\n z-index: 2;\n transition: all 0.3s ease;\n }\n\n .metaskool-world-image-container .metaskool-video-btn:hover {\n background: white;\n transform: scale(1.1);\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);\n }\n\n @media (max-width: 768px) {\n .metaskool-container {\n padding: 3rem 0;\n }\n\n .metaskool-header h1 {\n font-size: 2rem;\n }\n\n .metaskool-worlds-grid {\n grid-template-columns: 1fr;\n gap: 1.5rem;\n padding: 0 1rem;\n }\n\n .metaskool-world-image {\n height: 200px;\n }\n\n .metaskool-world-title {\n font-size: 1.2rem;\n }\n\n .metaskool-featured-card .metaskool-world-title {\n font-size: 1.5rem;\n }\n\n .metaskool-world-image-container .metaskool-video-btn {\n width: 36px;\n height: 36px;\n font-size: 18px;\n }\n }\n\n @media (max-width: 480px) {\n .metaskool-container {\n padding: 2rem 0;\n }\n\n .metaskool-header h1 {\n font-size: 1.8rem;\n }\n\n .metaskool-world-image {\n height: 180px;\n }\n\n .metaskool-world-title {\n font-size: 1.1rem;\n }\n\n .metaskool-featured-card .metaskool-world-title {\n font-size: 1.3rem;\n }\n\n .metaskool-play-button {\n padding: 0.6rem 1.2rem;\n font-size: 0.9rem;\n }\n }\n\n .metaskool-fade-in {\n animation: metaskoolFadeIn 0.6s ease-in;\n }\n\n @keyframes metaskoolFadeIn {\n from {\n opacity: 0;\n transform: translateY(20px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n \/* Modal Styles *\/\n .metaskool-modal {\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.9);\n z-index: 1000;\n align-items: center;\n justify-content: center;\n }\n\n .metaskool-modal.active {\n display: flex;\n }\n\n .metaskool-modal-content {\n position: relative;\n width: 90%;\n max-width: 800px;\n background: black;\n border-radius: 10px;\n overflow: hidden;\n }\n\n .metaskool-modal-close {\n position: absolute;\n top: 10px;\n right: 10px;\n color: white;\n background: rgba(255, 255, 255, 0.2);\n border: none;\n border-radius: 50%;\n width: 30px;\n height: 30px;\n font-size: 20px;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 1001;\n }\n\n .metaskool-video-container {\n position: relative;\n padding-bottom: 56.25%;\n height: 0;\n overflow: hidden;\n }\n\n .metaskool-video-container iframe {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border: none;\n }\n <\/style>\n<\/head>\n<body>\n\n<div class=\"metaskool-container\">\n <header class=\"metaskool-header metaskool-fade-in\">\n <h1>JPN WP Kuala Lumpur<\/h1>\n <\/header>\n\n <div class=\"metaskool-worlds-grid\">\n \n\n \n <div class=\"metaskool-world-card metaskool-fade-in\">\n <img decoding=\"async\" src=\"https:\/\/hub.metaskool.my\/kl-img\/SK%20TAMAN%20TUN%20DR%20ISMAIL%201.png\" \n alt=\"SK TAMAN TUN DR ISMAIL 1\" class=\"metaskool-world-image\" onerror=\"this.style.display='none'; this.nextElementSibling.style.display='flex';\">\n <div class=\"metaskool-world-image-placeholder\" style=\"display: none;\">SK TAMAN TUN DR ISMAIL 1<\/div>\n <div class=\"metaskool-world-content\">\n <div class=\"metaskool-world-header\">\n <h2 class=\"metaskool-world-title\">SK TAMAN TUN DR ISMAIL 1<\/h2>\n \n <\/div>\n <a href=\"https:\/\/www.spatial.io\/s\/SSTP-KL-SK-TAMAN-TUN-DR-ISMAIL-1-67440d50f55ce82a720568f1?share=1128538893370823551\" target=\"_blank\" class=\"metaskool-play-button\">Access Metaverse<\/a>\n <\/div>\n <\/div>\n\n <div class=\"metaskool-world-card metaskool-fade-in\">\n <img decoding=\"async\" src=\"https:\/\/hub.metaskool.my\/kl-img\/SMK%20DATOK%20LOKMAN.png\" \n alt=\"SMK DATOK LOKMAN\" class=\"metaskool-world-image\" onerror=\"this.style.display='none'; this.nextElementSibling.style.display='flex';\">\n <div class=\"metaskool-world-image-placeholder\" style=\"display: none;\">SMK DATOK LOKMAN<\/div>\n <div class=\"metaskool-world-content\">\n <div class=\"metaskool-world-header\">\n <h2 class=\"metaskool-world-title\">SMK DATOK LOKMAN<\/h2>\n \n <\/div>\n <a href=\"https:\/\/www.spatial.io\/s\/SSTP-KL-SMK-DATOK-LOKMAN-6743c7b4e1ad633e9fa21bfa?share=9029183814636738153\" target=\"_blank\" class=\"metaskool-play-button\">Access Metaverse<\/a>\n <\/div>\n <\/div>\n\n <div class=\"metaskool-world-card metaskool-fade-in\">\n <img decoding=\"async\" src=\"https:\/\/hub.metaskool.my\/kl-img\/SMK%20PETALING.png\" \n alt=\"SMK PETALING\" class=\"metaskool-world-image\" onerror=\"this.style.display='none'; this.nextElementSibling.style.display='flex';\">\n <div class=\"metaskool-world-image-placeholder\" style=\"display: none;\">SMK PETALING<\/div>\n <div class=\"metaskool-world-content\">\n <div class=\"metaskool-world-header\">\n <h2 class=\"metaskool-world-title\">SMK PETALING<\/h2>\n \n <\/div>\n <a href=\"https:\/\/www.spatial.io\/s\/SSTP-KL-SMK-PETALING-6743c7f1f55ce82a72052af3?share=1627288027793022727\" target=\"_blank\" class=\"metaskool-play-button\">Access Metaverse<\/a>\n <\/div>\n <\/div>\n\n <div class=\"metaskool-world-card metaskool-fade-in\">\n <img decoding=\"async\" src=\"https:\/\/hub.metaskool.my\/kl-img\/SMK%20RAJA%20ABDULLAH.png\" \n alt=\"SMK RAJA ABDULLAH\" class=\"metaskool-world-image\" onerror=\"this.style.display='none'; this.nextElementSibling.style.display='flex';\">\n <div class=\"metaskool-world-image-placeholder\" style=\"display: none;\">SMK RAJA ABDULLAH<\/div>\n <div class=\"metaskool-world-content\">\n <div class=\"metaskool-world-header\">\n <h2 class=\"metaskool-world-title\">SMK RAJA ABDULLAH<\/h2>\n \n <\/div>\n <a href=\"https:\/\/www.spatial.io\/s\/SSTP-KL-SMK-RAJA-ABDULLAH-6743c847e83d98deb2b016df?share=1865077738287707683\" target=\"_blank\" class=\"metaskool-play-button\">Access Metaverse<\/a>\n <\/div>\n <\/div>\n\n <div class=\"metaskool-world-card metaskool-fade-in\">\n <img decoding=\"async\" src=\"https:\/\/hub.metaskool.my\/kl-img\/SMK%20SEGAMBUT%20JAYA.png\" \n alt=\"SMK SEGAMBUT JAYA\" class=\"metaskool-world-image\" onerror=\"this.style.display='none'; this.nextElementSibling.style.display='flex';\">\n <div class=\"metaskool-world-image-placeholder\" style=\"display: none;\">SMK SEGAMBUT JAYA<\/div>\n <div class=\"metaskool-world-content\">\n <div class=\"metaskool-world-header\">\n <h2 class=\"metaskool-world-title\">SMK SEGAMBUT JAYA<\/h2>\n \n <\/div>\n <a href=\"https:\/\/www.spatial.io\/s\/SSTP-KL-SMK-SEGAMBUT-JAYA-6743c961e83d98deb2b0172e?share=2243763668402701807\" target=\"_blank\" class=\"metaskool-play-button\">Access Metaverse<\/a>\n <\/div>\n <\/div>\n\n <div class=\"metaskool-world-card metaskool-fade-in\">\n <img decoding=\"async\" src=\"https:\/\/hub.metaskool.my\/kl-img\/SMK%20ST.%20MARY.png\" \n alt=\"SMK ST. MARY\" class=\"metaskool-world-image\" onerror=\"this.style.display='none'; this.nextElementSibling.style.display='flex';\">\n <div class=\"metaskool-world-image-placeholder\" style=\"display: none;\">SMK ST. MARY<\/div>\n <div class=\"metaskool-world-content\">\n <div class=\"metaskool-world-header\">\n <h2 class=\"metaskool-world-title\">SMK ST. MARY<\/h2>\n \n <\/div>\n <a href=\"https:\/\/www.spatial.io\/s\/SSTP-KL-SMK-ST-MARY-6743c9c2b49908389c9dcc10?share=5464168918810790025\" target=\"_blank\" class=\"metaskool-play-button\">Access Metaverse<\/a>\n <\/div>\n <\/div>\n\n <div class=\"metaskool-world-card metaskool-fade-in\">\n <img decoding=\"async\" src=\"https:\/\/hub.metaskool.my\/kl-img\/SK%20JALAN%20BELLAMY.png\" \n alt=\"SK JALAN BELLAMY\" class=\"metaskool-world-image\" onerror=\"this.style.display='none'; this.nextElementSibling.style.display='flex';\">\n <div class=\"metaskool-world-image-placeholder\" style=\"display: none;\">SK JALAN BELLAMY<\/div>\n <div class=\"metaskool-world-content\">\n <div class=\"metaskool-world-header\">\n <h2 class=\"metaskool-world-title\">SK JALAN BELLAMY<\/h2>\n \n <\/div>\n <a href=\"https:\/\/www.spatial.io\/s\/SSTP-KL-SK-JALAN-BELLAMY-67451af539e7b0fc821240a4?share=2808967573452149653\" target=\"_blank\" class=\"metaskool-play-button\">Access Metaverse<\/a>\n <\/div>\n <\/div>\n\n <div class=\"metaskool-world-card metaskool-fade-in\">\n <img decoding=\"async\" src=\"https:\/\/hub.metaskool.my\/kl-img\/SMK%20BANDAR%20BARU%20SENTUL.png\" \n alt=\"SMK BANDAR BARU SENTUL\" class=\"metaskool-world-image\" onerror=\"this.style.display='none'; this.nextElementSibling.style.display='flex';\">\n <div class=\"metaskool-world-image-placeholder\" style=\"display: none;\">SMK BANDAR BARU SENTUL<\/div>\n <div class=\"metaskool-world-content\">\n <div class=\"metaskool-world-header\">\n <h2 class=\"metaskool-world-title\">SMK BANDAR BARU SENTUL<\/h2>\n \n <\/div>\n <a href=\"https:\/\/www.spatial.io\/s\/SSTP-KL-SMK-BANDAR-BARU-SENTUL-6743cb9ff55ce82a72052c16?share=3362776291885801127\" target=\"_blank\" class=\"metaskool-play-button\">Access Metaverse<\/a>\n <\/div>\n <\/div>\n\n <div class=\"metaskool-world-card metaskool-fade-in\">\n <img decoding=\"async\" src=\"https:\/\/hub.metaskool.my\/kl-img\/SM%20SAINS%20SERI%20PUTERI.png\" \n alt=\"SM SAINS SERI PUTERI\" class=\"metaskool-world-image\" onerror=\"this.style.display='none'; this.nextElementSibling.style.display='flex';\">\n <div class=\"metaskool-world-image-placeholder\" style=\"display: none;\">SM SAINS SERI PUTERI<\/div>\n <div class=\"metaskool-world-content\">\n <div class=\"metaskool-world-header\">\n <h2 class=\"metaskool-world-title\">SM SAINS SERI PUTERI<\/h2>\n \n <\/div>\n <a href=\"https:\/\/www.spatial.io\/s\/SSTP-KL-SM-SAINS-SERI-PUTERI-6743cab6e83d98deb2b01783?share=7392181528714781109\" target=\"_blank\" class=\"metaskool-play-button\">Access Metaverse<\/a>\n <\/div>\n <\/div>\n\n <div class=\"metaskool-world-card metaskool-fade-in\">\n <img decoding=\"async\" src=\"https:\/\/hub.metaskool.my\/kl-img\/SMK%20WANGSA%20MELAWATI.png\" \n alt=\"SMK WANGSA MELAWATI\" class=\"metaskool-world-image\" onerror=\"this.style.display='none'; this.nextElementSibling.style.display='flex';\">\n <div class=\"metaskool-world-image-placeholder\" style=\"display: none;\">SMK WANGSA MELAWATI<\/div>\n <div class=\"metaskool-world-content\">\n <div class=\"metaskool-world-header\">\n <h2 class=\"metaskool-world-title\">SMK WANGSA MELAWATI<\/h2>\n \n <\/div>\n <a href=\"https:\/\/www.spatial.io\/s\/SSTP-KL-SMK-WANGSA-MELAWATI-6743ca8c83f187048699c79a?share=6507500221089489789\" target=\"_blank\" class=\"metaskool-play-button\">Access Metaverse<\/a>\n <\/div>\n <\/div>\n\n <div class=\"metaskool-world-card metaskool-fade-in\">\n <img decoding=\"async\" src=\"https:\/\/hub.metaskool.my\/kl-img\/SMK%20TINGGI%20SETAPAK.png\" \n alt=\"SMK TINGGI SETAPAK\" class=\"metaskool-world-image\" onerror=\"this.style.display='none'; this.nextElementSibling.style.display='flex';\">\n <div class=\"metaskool-world-image-placeholder\" style=\"display: none;\">SMK TINGGI SETAPAK<\/div>\n <div class=\"metaskool-world-content\">\n <div class=\"metaskool-world-header\">\n <h2 class=\"metaskool-world-title\">SMK TINGGI SETAPAK<\/h2>\n \n <\/div>\n <a href=\"https:\/\/www.spatial.io\/s\/SSTP-KL-SMK-TINGGI-SETAPAK-6743ca58f55ce82a72052bb1?share=6791917505030441240\" target=\"_blank\" class=\"metaskool-play-button\">Access Metaverse<\/a>\n <\/div>\n <\/div>\n\n <div class=\"metaskool-world-card metaskool-fade-in\">\n <img decoding=\"async\" src=\"https:\/\/hub.metaskool.my\/kl-img\/SJKC%20CHOONG%20WEN.png\" \n alt=\"SJKC CHOONG WEN\" class=\"metaskool-world-image\" onerror=\"this.style.display='none'; this.nextElementSibling.style.display='flex';\">\n <div class=\"metaskool-world-image-placeholder\" style=\"display: none;\">SJKC CHOONG WEN<\/div>\n <div class=\"metaskool-world-content\">\n <div class=\"metaskool-world-header\">\n <h2 class=\"metaskool-world-title\">SJKC CHOONG WEN<\/h2>\n \n <\/div>\n <a href=\"https:\/\/www.spatial.io\/s\/SSTP-KL-SJKC-CHOONG-WEN-674289c1f55ce82a72040588?share=2909761277910525153\" target=\"_blank\" class=\"metaskool-play-button\">Access Metaverse<\/a>\n <\/div>\n <\/div>\n\n <div class=\"metaskool-world-card metaskool-fade-in\">\n <img decoding=\"async\" src=\"https:\/\/hub.metaskool.my\/kl-img\/SJKC%20SENTUL.png\" \n alt=\"SJKC SENTUL\" class=\"metaskool-world-image\" onerror=\"this.style.display='none'; this.nextElementSibling.style.display='flex';\">\n <div class=\"metaskool-world-image-placeholder\" style=\"display: none;\">SJKC SENTUL<\/div>\n <div class=\"metaskool-world-content\">\n <div class=\"metaskool-world-header\">\n <h2 class=\"metaskool-world-title\">SJKC SENTUL<\/h2>\n \n <\/div>\n <a href=\"https:\/\/www.spatial.io\/s\/SSTP-KL-SJKC-SENTUL-67428a8baa1aea1bac37b919?share=6997038768722942777\" target=\"_blank\" class=\"metaskool-play-button\">Access Metaverse<\/a>\n <\/div>\n <\/div>\n\n <div class=\"metaskool-world-card metaskool-fade-in\">\n <img decoding=\"async\" src=\"https:\/\/hub.metaskool.my\/kl-img\/SK%20DATOK%20KERAMAT%202.png\" \n alt=\"SK DATOK KERAMAT 2\" class=\"metaskool-world-image\" onerror=\"this.style.display='none'; this.nextElementSibling.style.display='flex';\">\n <div class=\"metaskool-world-image-placeholder\" style=\"display: none;\">SK DATOK KERAMAT 2<\/div>\n <div class=\"metaskool-world-content\">\n <div class=\"metaskool-world-header\">\n <h2 class=\"metaskool-world-title\">SK DATOK KERAMAT 2<\/h2>\n \n <\/div>\n <a href=\"https:\/\/www.spatial.io\/s\/SSTP-KL-SK-DATOK-KERAMAT-2-6743f9cf7a32c59fee9c6237?share=2023956458857508086\" target=\"_blank\" class=\"metaskool-play-button\">Access Metaverse<\/a>\n <\/div>\n <\/div>\n\n <div class=\"metaskool-world-card metaskool-fade-in\">\n <img decoding=\"async\" src=\"https:\/\/hub.metaskool.my\/kl-img\/SK%20WANGSA%20MAJU%20ZON%20R10.png\" \n alt=\"SK WANGSA MAJU ZON R10\" class=\"metaskool-world-image\" onerror=\"this.style.display='none'; this.nextElementSibling.style.display='flex';\">\n <div class=\"metaskool-world-image-placeholder\" style=\"display: none;\">SK WANGSA MAJU ZON R10<\/div>\n <div class=\"metaskool-world-content\">\n <div class=\"metaskool-world-header\">\n <h2 class=\"metaskool-world-title\">SK WANGSA MAJU ZON R10<\/h2>\n \n <\/div>\n <a href=\"https:\/\/www.spatial.io\/s\/SSTP-KL-SK-WANGSA-MAJU-ZON-R10-67428b3af55ce82a7204060a?share=9172477761548506270\" target=\"_blank\" class=\"metaskool-play-button\">Access Metaverse<\/a>\n <\/div>\n <\/div>\n\n <div class=\"metaskool-world-card metaskool-fade-in\">\n <img decoding=\"async\" src=\"https:\/\/hub.metaskool.my\/kl-img\/SJKT%20FLETCHER.png\" \n alt=\"SJKT FLETCHER\" class=\"metaskool-world-image\" onerror=\"this.style.display='none'; this.nextElementSibling.style.display='flex';\">\n <div class=\"metaskool-world-image-placeholder\" style=\"display: none;\">SJKT FLETCHER<\/div>\n <div class=\"metaskool-world-content\">\n <div class=\"metaskool-world-header\">\n <h2 class=\"metaskool-world-title\">SJKT FLETCHER<\/h2>\n \n <\/div>\n <a href=\"https:\/\/www.spatial.io\/s\/SSTP-KL-SJKT-FLETCHER-67428b8aa420ca77328203c0?share=13183404129851834\" target=\"_blank\" class=\"metaskool-play-button\">Access Metaverse<\/a>\n <\/div>\n <\/div>\n\n <div class=\"metaskool-world-card metaskool-fade-in\">\n <img decoding=\"async\" src=\"https:\/\/hub.metaskool.my\/kl-img\/SJKC%20TSUN%20JIN.png\" \n alt=\"SJKC TSUN JIN\" class=\"metaskool-world-image\" onerror=\"this.style.display='none'; this.nextElementSibling.style.display='flex';\">\n <div class=\"metaskool-world-image-placeholder\" style=\"display: none;\">SJKC TSUN JIN<\/div>\n <div class=\"metaskool-world-content\">\n <div class=\"metaskool-world-header\">\n <h2 class=\"metaskool-world-title\">SJKC TSUN JIN<\/h2>\n \n <\/div>\n <a href=\"https:\/\/www.spatial.io\/s\/SSTP-KL-SJKC-TSUN-JIN-67428bc2e7dcb04b61a336bc?share=1610564179653188088\" target=\"_blank\" class=\"metaskool-play-button\">Access Metaverse<\/a>\n <\/div>\n <\/div>\n\n <div class=\"metaskool-world-card metaskool-fade-in\">\n <img decoding=\"async\" src=\"https:\/\/hub.metaskool.my\/kl-img\/SJKC%20KUEN%20CHENG%201.png\" \n alt=\"SJKC KUEN CHENG 1\" class=\"metaskool-world-image\" onerror=\"this.style.display='none'; this.nextElementSibling.style.display='flex';\">\n <div class=\"metaskool-world-image-placeholder\" style=\"display: none;\">SJKC KUEN CHENG 1<\/div>\n <div class=\"metaskool-world-content\">\n <div class=\"metaskool-world-header\">\n <h2 class=\"metaskool-world-title\">SJKC KUEN CHENG 1<\/h2>\n \n <\/div>\n <a href=\"https:\/\/www.spatial.io\/s\/SSTP-KL-SJKC-KUEN-CHENG-1-67428bf0c9ce2c28564f24e8?share=8879368744751395304\" target=\"_blank\" class=\"metaskool-play-button\">Access Metaverse<\/a>\n <\/div>\n <\/div>\n\n <div class=\"metaskool-world-card metaskool-fade-in\">\n <img decoding=\"async\" src=\"https:\/\/hub.metaskool.my\/kl-img\/SK%20TAMAN%20SERI%20RAMPAI.png\" \n alt=\"SK TAMAN SERI RAMPAI\" class=\"metaskool-world-image\" onerror=\"this.style.display='none'; this.nextElementSibling.style.display='flex';\">\n <div class=\"metaskool-world-image-placeholder\" style=\"display: none;\">SK TAMAN SERI RAMPAI<\/div>\n <div class=\"metaskool-world-content\">\n <div class=\"metaskool-world-header\">\n <h2 class=\"metaskool-world-title\">SK TAMAN SERI RAMPAI<\/h2>\n \n <\/div>\n <a href=\"https:\/\/www.spatial.io\/s\/SSTP-KL-SK-TAMAN-SERI-RAMPAI-6743c6cee1ad633e9fa21bc2?share=4942692975690689042\" target=\"_blank\" class=\"metaskool-play-button\">Access Metaverse<\/a>\n <\/div>\n <\/div>\n\n <div class=\"metaskool-world-card metaskool-fade-in\">\n <img decoding=\"async\" src=\"https:\/\/hub.metaskool.my\/kl-img\/SK%20SERI%20KEPONG.png\" \n alt=\"SK SERI KEPONG\" class=\"metaskool-world-image\" onerror=\"this.style.display='none'; this.nextElementSibling.style.display='flex';\">\n <div class=\"metaskool-world-image-placeholder\" style=\"display: none;\">SK SERI KEPONG<\/div>\n <div class=\"metaskool-world-content\">\n <div class=\"metaskool-world-header\">\n <h2 class=\"metaskool-world-title\">SK SERI KEPONG<\/h2>\n \n <\/div>\n <a href=\"https:\/\/www.spatial.io\/s\/SSTP-KL-SK-SERI-KEPONG-6743c69b67cbf7df0934a362?share=1259925498850105089\" target=\"_blank\" class=\"metaskool-play-button\">Access Metaverse<\/a>\n <\/div>\n <\/div>\n\n <div class=\"metaskool-world-card metaskool-fade-in\">\n <img decoding=\"async\" src=\"https:\/\/hub.metaskool.my\/kl-img\/SK%20SERI%20BINTANG%20SELATAN.png\" \n alt=\"SK SERI BINTANG SELATAN\" class=\"metaskool-world-image\" onerror=\"this.style.display='none'; this.nextElementSibling.style.display='flex';\">\n <div class=\"metaskool-world-image-placeholder\" style=\"display: none;\">SK SERI BINTANG SELATAN<\/div>\n <div class=\"metaskool-world-content\">\n <div class=\"metaskool-world-header\">\n <h2 class=\"metaskool-world-title\">SK SERI BINTANG SELATAN<\/h2>\n \n <\/div>\n <a href=\"https:\/\/www.spatial.io\/s\/SSTP-KL-SK-SERI-BINTANG-SELATAN-67428c9ff55ce82a7204070b?share=8971710879275037319\" target=\"_blank\" class=\"metaskool-play-button\">Access Metaverse<\/a>\n <\/div>\n <\/div>\n\n <div class=\"metaskool-world-card metaskool-fade-in\">\n <img decoding=\"async\" src=\"https:\/\/hub.metaskool.my\/kl-img\/SK%20SERI%20ANGGERIK.png\" \n alt=\"SK SERI ANGGERIK\" class=\"metaskool-world-image\" onerror=\"this.style.display='none'; this.nextElementSibling.style.display='flex';\">\n <div class=\"metaskool-world-image-placeholder\" style=\"display: none;\">SK SERI ANGGERIK<\/div>\n <div class=\"metaskool-world-content\">\n <div class=\"metaskool-world-header\">\n <h2 class=\"metaskool-world-title\">SK SERI ANGGERIK<\/h2>\n \n <\/div>\n <a href=\"https:\/\/www.spatial.io\/s\/SSTP-KL-SK-SERI-ANGGERIK-67428c77e7dcb04b61a33772?share=6950432102763008562\" target=\"_blank\" class=\"metaskool-play-button\">Access Metaverse<\/a>\n <\/div>\n <\/div>\n\n <div class=\"metaskool-world-card metaskool-fade-in\">\n <img decoding=\"async\" src=\"https:\/\/hub.metaskool.my\/kl-img\/SK%20JALAN%20AIR%20PANAS.png\" \n alt=\"SK JALAN AIR PANAS\" class=\"metaskool-world-image\" onerror=\"this.style.display='none'; this.nextElementSibling.style.display='flex';\">\n <div class=\"metaskool-world-image-placeholder\" style=\"display: none;\">SK JALAN AIR PANAS<\/div>\n <div class=\"metaskool-world-content\">\n <div class=\"metaskool-world-header\">\n <h2 class=\"metaskool-world-title\">SK JALAN AIR PANAS<\/h2>\n \n <\/div>\n <a href=\"https:\/\/www.spatial.io\/s\/SSTP-KL-SK-JALAN-AIR-PANAS-67428c1ea420ca7732820411?share=8548022193350573737\" target=\"_blank\" class=\"metaskool-play-button\">Access Metaverse<\/a>\n <\/div>\n <\/div>\n\n <\/div>\n<\/div>\n\n\n<div class=\"metaskool-modal\" id=\"videoModal\">\n <div class=\"metaskool-modal-content\">\n <button class=\"metaskool-modal-close\" onclick=\"closeVideo()\">×<\/button>\n <div class=\"metaskool-video-container\">\n <iframe id=\"videoFrame\" \n allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" \n allowfullscreen><\/iframe>\n <\/div>\n <\/div>\n<\/div>\n\n<script>\n \/\/ Add Font Awesome for the play icon\n if (!document.querySelector('link[href*=\"font-awesome\"]')) {\n const link = document.createElement('link');\n link.rel = 'stylesheet';\n link.href = 'https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/5.15.4\/css\/all.min.css';\n document.head.appendChild(link);\n }\n\n function openVideo(videoId) {\n const modal = document.getElementById('videoModal');\n const videoFrame = document.getElementById('videoFrame');\n videoFrame.src = `https:\/\/www.youtube.com\/embed\/${videoId}?autoplay=1`;\n modal.classList.add('active');\n document.body.style.overflow = 'hidden'; \/\/ Prevent scrolling\n }\n\n function closeVideo() {\n const modal = document.getElementById('videoModal');\n const videoFrame = document.getElementById('videoFrame');\n videoFrame.src = '';\n modal.classList.remove('active');\n document.body.style.overflow = ''; \/\/ Restore scrolling\n }\n\n \/\/ Close modal on background click\n document.getElementById('videoModal').addEventListener('click', function(e) {\n if (e.target === this) {\n closeVideo();\n }\n });\n\n \/\/ Close modal on escape key\n document.addEventListener('keydown', function(e) {\n if (e.key === 'Escape') {\n closeVideo();\n }\n });\n<\/script>\n\n\n<script>\n(function(){\n const placeholder = 'data:image\/svg+xml;charset=utf-8,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"9\" viewBox=\"0 0 16 9\"><\/svg>';\n const imgs = document.querySelectorAll('.metaskool-world-image');\n imgs.forEach(img => {\n if (!img.dataset.src) {\n img.dataset.src = img.src; \/\/ store real src\n img.src = placeholder; \/\/ tiny placeholder\n img.loading = 'lazy';\n }\n });\n\n function loadImg(img){\n const src = img.dataset.src;\n if (!src) return;\n const newImg = new Image();\n newImg.src = src;\n newImg.decoding = 'async';\n newImg.onload = () => {\n img.src = src;\n };\n newImg.onerror = () => {\n img.src = src; \/\/ try anyway on error\n };\n }\n\n if ('IntersectionObserver' in window) {\n const io = new IntersectionObserver((entries, observer) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n loadImg(entry.target);\n observer.unobserve(entry.target);\n }\n });\n }, {rootMargin: '200px'});\n imgs.forEach(i => io.observe(i));\n } else {\n \/\/ no IntersectionObserver, load all\n imgs.forEach(loadImg);\n }\n})();\n<\/script>\n<script>\n\/\/ header menu toggle\n(function() {\n\tfunction initMenu() {\n\t\tconst btn = document.querySelector('.menu-toggle');\n\t\tconst nav = document.getElementById('siteNav');\n\t\t\n\t\tif (!btn || !nav) {\n\t\t\tconsole.log('Menu elements not found');\n\t\t\treturn;\n\t\t}\n\t\t\n\t\tbtn.addEventListener('click', function(e) {\n\t\t\te.preventDefault();\n\t\t\tconst isOpen = nav.classList.contains('open');\n\t\t\t\n\t\t\tif (isOpen) {\n\t\t\t\tnav.classList.remove('open');\n\t\t\t\tbtn.setAttribute('aria-expanded', 'false');\n\t\t\t} else {\n\t\t\t\tnav.classList.add('open');\n\t\t\t\tbtn.setAttribute('aria-expanded', 'true');\n\t\t\t}\n\t\t});\n\t}\n\t\n\tif (document.readyState === 'loading') {\n\t\tdocument.addEventListener('DOMContentLoaded', initMenu);\n\t} else {\n\t\tinitMenu();\n\t}\n})();\n<\/script>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\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>Our Worlds | MetaSkool JPN WP Kuala Lumpur SK TAMAN TUN DR ISMAIL 1 SK TAMAN TUN DR ISMAIL 1 Access Metaverse SMK DATOK LOKMAN<a class=\"ut-readmore\" href=\"https:\/\/www.ukm.my\/metaskool\/sstp-kuala-lumpur\/\"> …<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-633","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.ukm.my\/metaskool\/wp-json\/wp\/v2\/pages\/633","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ukm.my\/metaskool\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.ukm.my\/metaskool\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.ukm.my\/metaskool\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ukm.my\/metaskool\/wp-json\/wp\/v2\/comments?post=633"}],"version-history":[{"count":12,"href":"https:\/\/www.ukm.my\/metaskool\/wp-json\/wp\/v2\/pages\/633\/revisions"}],"predecessor-version":[{"id":855,"href":"https:\/\/www.ukm.my\/metaskool\/wp-json\/wp\/v2\/pages\/633\/revisions\/855"}],"wp:attachment":[{"href":"https:\/\/www.ukm.my\/metaskool\/wp-json\/wp\/v2\/media?parent=633"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n \n \n Our Worlds | MetaSkool<\/title>\n \n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700&family=Roboto:wght@300;400;500;700&display=swap\" rel=\"stylesheet\">\n \n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\" media=\"print\" onload=\"this.media='all'\">\n \n <link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@4.6.2\/dist\/css\/bootstrap.min.css\">\n <style>\n \/* MetaSkool header styles (responsive with hamburger) *\/\n\t.metaskool-site-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0.6rem 1rem;background:linear-gradient(90deg,var(--ukm-blue),#004080);color:#fff;position:relative}\n\t.metaskool-site-header .brand{display:flex;align-items:center;gap:0.75rem}\n\t.metaskool-site-header .brand img{height:44px;width:auto}\n\t.metaskool-site-header h1{font-size:1.05rem;margin:0;color:#fff;font-family:'Montserrat',sans-serif}\n\t.metaskool-site-header .site-nav{display:flex;gap:0.5rem;align-items:center}\n\t.metaskool-site-header .site-nav a{color:#fff;text-decoration:none;padding:0.45rem 0.6rem;border-radius:6px;font-weight:600}\n\t.metaskool-site-header .site-nav a:hover{background:rgba(255,255,255,0.08)}\n\t.menu-toggle{display:none;background:transparent;border:none;color:#fff;width:44px;height:44px;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}\n\t.menu-toggle .hamburger{display:block;width:20px;height:2px;background:#fff;position:relative}\n\t.menu-toggle .hamburger::before,.menu-toggle .hamburger::after{content:'';position:absolute;left:0;right:0;height:2px;background:#fff}\n\t.menu-toggle .hamburger::before{top:-6px}.menu-toggle .hamburger::after{top:6px}\n\t@media(max-width:768px){\n\t\t.metaskool-site-header{padding:0.75rem 1rem;align-items:flex-start}\n\t\t.metaskool-site-header .brand{flex-direction:column;align-items:center;gap:0.5rem;text-align:center}\n\t\t.metaskool-site-header .brand img{height:36px}\n\t\t.metaskool-site-header h1{font-size:0.9rem;line-height:1.2}\n\t\t.menu-toggle{display:flex;position:absolute;top:0.75rem;right:1rem}\n\t\t.metaskool-site-header .site-nav{position:absolute;left:0;right:0;top:100%;background:linear-gradient(180deg,var(--ukm-blue),#003355);flex-direction:column;display:none;padding:0.25rem 0}\n\t\t.metaskool-site-header .site-nav.open{display:flex}\n\t\t.metaskool-site-header .site-nav a{padding:0.75rem 1rem;border-radius:0;border-bottom:1px solid rgba(255,255,255,0.06)}\n\t}\n :root {\n --ukm-blue: #003366;\n --ukm-red: #c00;\n --ukm-light-blue: #007bff;\n --light-gray: #f8f9fa;\n --medium-gray: #e9ecef;\n --dark-gray: #495057;\n --spacing-xs: 0.5rem;\n --spacing-sm: 1rem;\n --spacing-md: 2rem;\n --spacing-lg: 4rem;\n --section-bg-1: #ffffff;\n --section-bg-2: #f8f9fa;\n --card-hover-bg: #ffffff;\n }\n \n body {\n background: #fff;\n font-family: 'Roboto', Arial, sans-serif;\n color: #333;\n margin: 0;\n padding: 0;\n }\n\n .metaskool-container {\n padding: 4rem 0;\n background: #ffffff;\n position: relative;\n max-width:1200px; \n margin:0 auto;\n }\n\n .metaskool-container::before {\n display: none;\n }\n\n .metaskool-header {\n text-align: center;\n margin-bottom: 4rem;\n }\n\n .metaskool-header h1 {\n position: relative;\n font-family: 'Montserrat', sans-serif;\n font-size: 2.8rem;\n font-weight: 700;\n color: var(--ukm-blue);\n margin-bottom: 2rem;\n padding-bottom: 1rem;\n text-shadow: 1px 1px 1px rgba(0,0,0,0.1);\n }\n\n .metaskool-header h1:after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 80px;\n height: 3px;\n background: linear-gradient(to right, var(--ukm-blue), var(--ukm-red));\n }\n\n .metaskool-worlds-grid {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 1rem;\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 2rem;\n }\n\n .metaskool-world-card {\n background: white;\n border-radius: 4px;\n overflow: hidden;\n box-shadow: 0 3px 10px rgba(0,0,0,0.1);\n transition: all 0.3s ease;\n border: 1px solid rgba(0,51,102,0.1);\n box-sizing: border-box;\n }\n\n .metaskool-world-card:hover {\n transform: translateY(-8px);\n box-shadow: 0 12px 20px rgba(0,0,0,0.15);\n background: var(--card-hover-bg);\n border-color: var(--ukm-red);\n }\n\n .metaskool-world-image {\n width: 100%;\n height: 250px;\n object-fit: cover;\n }\n\n .metaskool-world-content {\n padding: 1.5rem;\n display: flex;\n flex-direction: column;\n min-height: auto;\n box-sizing: border-box;\n }\n\n .metaskool-world-title {\n font-family: 'Montserrat', sans-serif;\n font-size: 1.3rem;\n font-weight: 600;\n color: var(--ukm-blue);\n margin-bottom: 0.75rem;\n }\n\n .metaskool-world-creator {\n display: inline-block;\n background: var(--ukm-blue);\n color: white;\n font-size: clamp(0.7rem, 2.5vw, 0.9rem);\n padding: 0.5rem 1.2rem;\n border-radius: 50px;\n margin-bottom: 1rem;\n line-height: 1.4;\n max-width: 100%;\n white-space: normal;\n text-align: center;\n box-shadow: 0 2px 4px rgba(0, 51, 102, 0.1);\n }\n\n \/* Additional rule for very long creator names *\/\n .metaskool-world-creator:has(span) {\n font-size: 0.75rem;\n padding: 0.4rem 1rem;\n }\n\n .metaskool-world-description {\n color: var(--dark-gray);\n font-size: 0.95rem;\n line-height: 1.6;\n margin-bottom: 1.5rem;\n flex-grow: 1;\n }\n\n .metaskool-play-button {\n display: flex;\n align-items: center;\n justify-content: center;\n width: calc(100% - 0px);\n background: linear-gradient(45deg, var(--ukm-blue) 0%, var(--ukm-light-blue) 100%);\n color: white;\n text-decoration: none;\n padding: 0.75rem 1.5rem;\n border-radius: 50px;\n font-weight: 500;\n transition: all 0.3s ease;\n box-shadow: 0 2px 5px rgba(0, 51, 102, 0.2);\n border: none;\n cursor: pointer;\n gap: 0.5rem;\n margin-top: auto;\n flex-shrink: 0;\n box-sizing: border-box;\n max-width: 100%;\n }\n\n .metaskool-play-button:hover {\n background: linear-gradient(45deg, var(--ukm-light-blue) 0%, var(--ukm-blue) 100%);\n color: white;\n transform: translateY(-2px);\n box-shadow: 0 4px 10px rgba(0, 51, 102, 0.3);\n text-decoration: none;\n }\n\n .metaskool-featured-card {\n grid-column: 1 \/ -1;\n }\n\n .metaskool-featured-card .metaskool-world-content {\n background: linear-gradient(135deg, var(--ukm-blue) 0%, #004080 100%);\n border-radius: 0 0 4px 4px;\n min-height: 300px;\n }\n\n .metaskool-featured-card .metaskool-world-title {\n color: white;\n font-size: 1.8rem;\n }\n\n .metaskool-featured-card .metaskool-world-description {\n color: rgba(255, 255, 255, 0.9);\n }\n\n .metaskool-featured-card .metaskool-world-creator {\n background: rgba(255, 255, 255, 0.2);\n border: 1px solid rgba(255, 255, 255, 0.3);\n box-shadow: none;\n }\n\n .metaskool-featured-card .metaskool-play-button {\n background: rgba(255, 255, 255, 0.2);\n border: 2px solid rgba(255, 255, 255, 0.3);\n }\n\n .metaskool-featured-card .metaskool-play-button:hover {\n background: white;\n color: var(--ukm-blue);\n border-color: white;\n }\n\n \/* Video Button Styles *\/\n .metaskool-world-image-container {\n position: relative;\n }\n\n .metaskool-world-image-container .metaskool-video-btn {\n position: absolute;\n top: 10px;\n right: 10px;\n background: rgba(255, 255, 255, 0.9);\n color: var(--ukm-blue);\n border: none;\n border-radius: 50%;\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n font-size: 20px;\n z-index: 2;\n transition: all 0.3s ease;\n }\n\n .metaskool-world-image-container .metaskool-video-btn:hover {\n background: white;\n transform: scale(1.1);\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);\n }\n\n @media (max-width: 768px) {\n .metaskool-container {\n padding: 3rem 0;\n }\n\n .metaskool-header h1 {\n font-size: 2rem;\n }\n\n .metaskool-worlds-grid {\n grid-template-columns: 1fr;\n gap: 1.5rem;\n padding: 0 1rem;\n }\n\n .metaskool-world-image {\n height: 200px;\n }\n\n .metaskool-world-title {\n font-size: 1.2rem;\n }\n\n .metaskool-featured-card .metaskool-world-title {\n font-size: 1.5rem;\n }\n\n .metaskool-world-image-container .metaskool-video-btn {\n width: 36px;\n height: 36px;\n font-size: 18px;\n }\n }\n\n @media (max-width: 480px) {\n .metaskool-container {\n padding: 2rem 0;\n }\n\n .metaskool-header h1 {\n font-size: 1.8rem;\n }\n\n .metaskool-world-image {\n height: 180px;\n }\n\n .metaskool-world-title {\n font-size: 1.1rem;\n }\n\n .metaskool-featured-card .metaskool-world-title {\n font-size: 1.3rem;\n }\n\n .metaskool-play-button {\n padding: 0.6rem 1.2rem;\n font-size: 0.9rem;\n }\n }\n\n .metaskool-fade-in {\n animation: metaskoolFadeIn 0.6s ease-in;\n }\n\n @keyframes metaskoolFadeIn {\n from {\n opacity: 0;\n transform: translateY(20px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n \/* Modal Styles *\/\n .metaskool-modal {\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.9);\n z-index: 1000;\n align-items: center;\n justify-content: center;\n }\n\n .metaskool-modal.active {\n display: flex;\n }\n\n .metaskool-modal-content {\n position: relative;\n width: 90%;\n max-width: 800px;\n background: black;\n border-radius: 10px;\n overflow: hidden;\n }\n\n .metaskool-modal-close {\n position: absolute;\n top: 10px;\n right: 10px;\n color: white;\n background: rgba(255, 255, 255, 0.2);\n border: none;\n border-radius: 50%;\n width: 30px;\n height: 30px;\n font-size: 20px;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 1001;\n }\n\n .metaskool-video-container {\n position: relative;\n padding-bottom: 56.25%;\n height: 0;\n overflow: hidden;\n }\n\n .metaskool-video-container iframe {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border: none;\n }\n <\/style>\n<\/head>\n<body>\n\n<div class=\"metaskool-container\">\n <header class=\"metaskool-header metaskool-fade-in\">\n <h1>JPN WP Kuala Lumpur<\/h1>\n <\/header>\n\n <div class=\"metaskool-worlds-grid\">\n \n\n \n <div class=\"metaskool-world-card metaskool-fade-in\">\n <img decoding=\"async\" src=\"https:\/\/hub.metaskool.my\/kl-img\/SK%20TAMAN%20TUN%20DR%20ISMAIL%201.png\" \n alt=\"SK TAMAN TUN DR ISMAIL 1\" class=\"metaskool-world-image\" onerror=\"this.style.display='none'; this.nextElementSibling.style.display='flex';\">\n <div class=\"metaskool-world-image-placeholder\" style=\"display: none;\">SK TAMAN TUN DR ISMAIL 1<\/div>\n <div class=\"metaskool-world-content\">\n <div class=\"metaskool-world-header\">\n <h2 class=\"metaskool-world-title\">SK TAMAN TUN DR ISMAIL 1<\/h2>\n \n <\/div>\n <a href=\"https:\/\/www.spatial.io\/s\/SSTP-KL-SK-TAMAN-TUN-DR-ISMAIL-1-67440d50f55ce82a720568f1?share=1128538893370823551\" target=\"_blank\" class=\"metaskool-play-button\">Access Metaverse<\/a>\n <\/div>\n <\/div>\n\n <div class=\"metaskool-world-card metaskool-fade-in\">\n <img decoding=\"async\" src=\"https:\/\/hub.metaskool.my\/kl-img\/SMK%20DATOK%20LOKMAN.png\" \n alt=\"SMK DATOK LOKMAN\" class=\"metaskool-world-image\" onerror=\"this.style.display='none'; this.nextElementSibling.style.display='flex';\">\n <div class=\"metaskool-world-image-placeholder\" style=\"display: none;\">SMK DATOK LOKMAN<\/div>\n <div class=\"metaskool-world-content\">\n <div class=\"metaskool-world-header\">\n <h2 class=\"metaskool-world-title\">SMK DATOK LOKMAN<\/h2>\n \n <\/div>\n <a href=\"https:\/\/www.spatial.io\/s\/SSTP-KL-SMK-DATOK-LOKMAN-6743c7b4e1ad633e9fa21bfa?share=9029183814636738153\" target=\"_blank\" class=\"metaskool-play-button\">Access Metaverse<\/a>\n <\/div>\n <\/div>\n\n <div class=\"metaskool-world-card metaskool-fade-in\">\n <img decoding=\"async\" src=\"https:\/\/hub.metaskool.my\/kl-img\/SMK%20PETALING.png\" \n alt=\"SMK PETALING\" class=\"metaskool-world-image\" onerror=\"this.style.display='none'; this.nextElementSibling.style.display='flex';\">\n <div class=\"metaskool-world-image-placeholder\" style=\"display: none;\">SMK PETALING<\/div>\n <div class=\"metaskool-world-content\">\n <div class=\"metaskool-world-header\">\n <h2 class=\"metaskool-world-title\">SMK PETALING<\/h2>\n \n <\/div>\n <a href=\"https:\/\/www.spatial.io\/s\/SSTP-KL-SMK-PETALING-6743c7f1f55ce82a72052af3?share=1627288027793022727\" target=\"_blank\" class=\"metaskool-play-button\">Access Metaverse<\/a>\n <\/div>\n <\/div>\n\n <div class=\"metaskool-world-card metaskool-fade-in\">\n <img decoding=\"async\" src=\"https:\/\/hub.metaskool.my\/kl-img\/SMK%20RAJA%20ABDULLAH.png\" \n alt=\"SMK RAJA ABDULLAH\" class=\"metaskool-world-image\" onerror=\"this.style.display='none'; this.nextElementSibling.style.display='flex';\">\n <div class=\"metaskool-world-image-placeholder\" style=\"display: none;\">SMK RAJA ABDULLAH<\/div>\n <div class=\"metaskool-world-content\">\n <div class=\"metaskool-world-header\">\n <h2 class=\"metaskool-world-title\">SMK RAJA ABDULLAH<\/h2>\n \n <\/div>\n <a href=\"https:\/\/www.spatial.io\/s\/SSTP-KL-SMK-RAJA-ABDULLAH-6743c847e83d98deb2b016df?share=1865077738287707683\" target=\"_blank\" class=\"metaskool-play-button\">Access Metaverse<\/a>\n <\/div>\n <\/div>\n\n <div class=\"metaskool-world-card metaskool-fade-in\">\n <img decoding=\"async\" src=\"https:\/\/hub.metaskool.my\/kl-img\/SMK%20SEGAMBUT%20JAYA.png\" \n alt=\"SMK SEGAMBUT JAYA\" class=\"metaskool-world-image\" onerror=\"this.style.display='none'; this.nextElementSibling.style.display='flex';\">\n <div class=\"metaskool-world-image-placeholder\" style=\"display: none;\">SMK SEGAMBUT JAYA<\/div>\n <div class=\"metaskool-world-content\">\n <div class=\"metaskool-world-header\">\n <h2 class=\"metaskool-world-title\">SMK SEGAMBUT JAYA<\/h2>\n \n <\/div>\n <a href=\"https:\/\/www.spatial.io\/s\/SSTP-KL-SMK-SEGAMBUT-JAYA-6743c961e83d98deb2b0172e?share=2243763668402701807\" target=\"_blank\" class=\"metaskool-play-button\">Access Metaverse<\/a>\n <\/div>\n <\/div>\n\n <div class=\"metaskool-world-card metaskool-fade-in\">\n <img decoding=\"async\" src=\"https:\/\/hub.metaskool.my\/kl-img\/SMK%20ST.%20MARY.png\" \n alt=\"SMK ST. MARY\" class=\"metaskool-world-image\" onerror=\"this.style.display='none'; this.nextElementSibling.style.display='flex';\">\n <div class=\"metaskool-world-image-placeholder\" style=\"display: none;\">SMK ST. MARY<\/div>\n <div class=\"metaskool-world-content\">\n <div class=\"metaskool-world-header\">\n <h2 class=\"metaskool-world-title\">SMK ST. MARY<\/h2>\n \n <\/div>\n <a href=\"https:\/\/www.spatial.io\/s\/SSTP-KL-SMK-ST-MARY-6743c9c2b49908389c9dcc10?share=5464168918810790025\" target=\"_blank\" class=\"metaskool-play-button\">Access Metaverse<\/a>\n <\/div>\n <\/div>\n\n <div class=\"metaskool-world-card metaskool-fade-in\">\n <img decoding=\"async\" src=\"https:\/\/hub.metaskool.my\/kl-img\/SK%20JALAN%20BELLAMY.png\" \n alt=\"SK JALAN BELLAMY\" class=\"metaskool-world-image\" onerror=\"this.style.display='none'; this.nextElementSibling.style.display='flex';\">\n <div class=\"metaskool-world-image-placeholder\" style=\"display: none;\">SK JALAN BELLAMY<\/div>\n <div class=\"metaskool-world-content\">\n <div class=\"metaskool-world-header\">\n <h2 class=\"metaskool-world-title\">SK JALAN BELLAMY<\/h2>\n \n <\/div>\n <a href=\"https:\/\/www.spatial.io\/s\/SSTP-KL-SK-JALAN-BELLAMY-67451af539e7b0fc821240a4?share=2808967573452149653\" target=\"_blank\" class=\"metaskool-play-button\">Access Metaverse<\/a>\n <\/div>\n <\/div>\n\n <div class=\"metaskool-world-card metaskool-fade-in\">\n <img decoding=\"async\" src=\"https:\/\/hub.metaskool.my\/kl-img\/SMK%20BANDAR%20BARU%20SENTUL.png\" \n alt=\"SMK BANDAR BARU SENTUL\" class=\"metaskool-world-image\" onerror=\"this.style.display='none'; this.nextElementSibling.style.display='flex';\">\n <div class=\"metaskool-world-image-placeholder\" style=\"display: none;\">SMK BANDAR BARU SENTUL<\/div>\n <div class=\"metaskool-world-content\">\n <div class=\"metaskool-world-header\">\n <h2 class=\"metaskool-world-title\">SMK BANDAR BARU SENTUL<\/h2>\n \n <\/div>\n <a href=\"https:\/\/www.spatial.io\/s\/SSTP-KL-SMK-BANDAR-BARU-SENTUL-6743cb9ff55ce82a72052c16?share=3362776291885801127\" target=\"_blank\" class=\"metaskool-play-button\">Access Metaverse<\/a>\n <\/div>\n <\/div>\n\n <div class=\"metaskool-world-card metaskool-fade-in\">\n <img decoding=\"async\" src=\"https:\/\/hub.metaskool.my\/kl-img\/SM%20SAINS%20SERI%20PUTERI.png\" \n alt=\"SM SAINS SERI PUTERI\" class=\"metaskool-world-image\" onerror=\"this.style.display='none'; this.nextElementSibling.style.display='flex';\">\n <div class=\"metaskool-world-image-placeholder\" style=\"display: none;\">SM SAINS SERI PUTERI<\/div>\n <div class=\"metaskool-world-content\">\n <div class=\"metaskool-world-header\">\n <h2 class=\"metaskool-world-title\">SM SAINS SERI PUTERI<\/h2>\n \n <\/div>\n <a href=\"https:\/\/www.spatial.io\/s\/SSTP-KL-SM-SAINS-SERI-PUTERI-6743cab6e83d98deb2b01783?share=7392181528714781109\" target=\"_blank\" class=\"metaskool-play-button\">Access Metaverse<\/a>\n <\/div>\n <\/div>\n\n <div class=\"metaskool-world-card metaskool-fade-in\">\n <img decoding=\"async\" src=\"https:\/\/hub.metaskool.my\/kl-img\/SMK%20WANGSA%20MELAWATI.png\" \n alt=\"SMK WANGSA MELAWATI\" class=\"metaskool-world-image\" onerror=\"this.style.display='none'; this.nextElementSibling.style.display='flex';\">\n <div class=\"metaskool-world-image-placeholder\" style=\"display: none;\">SMK WANGSA MELAWATI<\/div>\n <div class=\"metaskool-world-content\">\n <div class=\"metaskool-world-header\">\n <h2 class=\"metaskool-world-title\">SMK WANGSA MELAWATI<\/h2>\n \n <\/div>\n <a href=\"https:\/\/www.spatial.io\/s\/SSTP-KL-SMK-WANGSA-MELAWATI-6743ca8c83f187048699c79a?share=6507500221089489789\" target=\"_blank\" class=\"metaskool-play-button\">Access Metaverse<\/a>\n <\/div>\n <\/div>\n\n <div class=\"metaskool-world-card metaskool-fade-in\">\n <img decoding=\"async\" src=\"https:\/\/hub.metaskool.my\/kl-img\/SMK%20TINGGI%20SETAPAK.png\" \n alt=\"SMK TINGGI SETAPAK\" class=\"metaskool-world-image\" onerror=\"this.style.display='none'; this.nextElementSibling.style.display='flex';\">\n <div class=\"metaskool-world-image-placeholder\" style=\"display: none;\">SMK TINGGI SETAPAK<\/div>\n <div class=\"metaskool-world-content\">\n <div class=\"metaskool-world-header\">\n <h2 class=\"metaskool-world-title\">SMK TINGGI SETAPAK<\/h2>\n \n <\/div>\n <a href=\"https:\/\/www.spatial.io\/s\/SSTP-KL-SMK-TINGGI-SETAPAK-6743ca58f55ce82a72052bb1?share=6791917505030441240\" target=\"_blank\" class=\"metaskool-play-button\">Access Metaverse<\/a>\n <\/div>\n <\/div>\n\n <div class=\"metaskool-world-card metaskool-fade-in\">\n <img decoding=\"async\" src=\"https:\/\/hub.metaskool.my\/kl-img\/SJKC%20CHOONG%20WEN.png\" \n alt=\"SJKC CHOONG WEN\" class=\"metaskool-world-image\" onerror=\"this.style.display='none'; this.nextElementSibling.style.display='flex';\">\n <div class=\"metaskool-world-image-placeholder\" style=\"display: none;\">SJKC CHOONG WEN<\/div>\n <div class=\"metaskool-world-content\">\n <div class=\"metaskool-world-header\">\n <h2 class=\"metaskool-world-title\">SJKC CHOONG WEN<\/h2>\n \n <\/div>\n <a href=\"https:\/\/www.spatial.io\/s\/SSTP-KL-SJKC-CHOONG-WEN-674289c1f55ce82a72040588?share=2909761277910525153\" target=\"_blank\" class=\"metaskool-play-button\">Access Metaverse<\/a>\n <\/div>\n <\/div>\n\n <div class=\"metaskool-world-card metaskool-fade-in\">\n <img decoding=\"async\" src=\"https:\/\/hub.metaskool.my\/kl-img\/SJKC%20SENTUL.png\" \n alt=\"SJKC SENTUL\" class=\"metaskool-world-image\" onerror=\"this.style.display='none'; this.nextElementSibling.style.display='flex';\">\n <div class=\"metaskool-world-image-placeholder\" style=\"display: none;\">SJKC SENTUL<\/div>\n <div class=\"metaskool-world-content\">\n <div class=\"metaskool-world-header\">\n <h2 class=\"metaskool-world-title\">SJKC SENTUL<\/h2>\n \n <\/div>\n <a href=\"https:\/\/www.spatial.io\/s\/SSTP-KL-SJKC-SENTUL-67428a8baa1aea1bac37b919?share=6997038768722942777\" target=\"_blank\" class=\"metaskool-play-button\">Access Metaverse<\/a>\n <\/div>\n <\/div>\n\n <div class=\"metaskool-world-card metaskool-fade-in\">\n <img decoding=\"async\" src=\"https:\/\/hub.metaskool.my\/kl-img\/SK%20DATOK%20KERAMAT%202.png\" \n alt=\"SK DATOK KERAMAT 2\" class=\"metaskool-world-image\" onerror=\"this.style.display='none'; this.nextElementSibling.style.display='flex';\">\n <div class=\"metaskool-world-image-placeholder\" style=\"display: none;\">SK DATOK KERAMAT 2<\/div>\n <div class=\"metaskool-world-content\">\n <div class=\"metaskool-world-header\">\n <h2 class=\"metaskool-world-title\">SK DATOK KERAMAT 2<\/h2>\n \n <\/div>\n <a href=\"https:\/\/www.spatial.io\/s\/SSTP-KL-SK-DATOK-KERAMAT-2-6743f9cf7a32c59fee9c6237?share=2023956458857508086\" target=\"_blank\" class=\"metaskool-play-button\">Access Metaverse<\/a>\n <\/div>\n <\/div>\n\n <div class=\"metaskool-world-card metaskool-fade-in\">\n <img decoding=\"async\" src=\"https:\/\/hub.metaskool.my\/kl-img\/SK%20WANGSA%20MAJU%20ZON%20R10.png\" \n alt=\"SK WANGSA MAJU ZON R10\" class=\"metaskool-world-image\" onerror=\"this.style.display='none'; this.nextElementSibling.style.display='flex';\">\n <div class=\"metaskool-world-image-placeholder\" style=\"display: none;\">SK WANGSA MAJU ZON R10<\/div>\n <div class=\"metaskool-world-content\">\n <div class=\"metaskool-world-header\">\n <h2 class=\"metaskool-world-title\">SK WANGSA MAJU ZON R10<\/h2>\n \n <\/div>\n <a href=\"https:\/\/www.spatial.io\/s\/SSTP-KL-SK-WANGSA-MAJU-ZON-R10-67428b3af55ce82a7204060a?share=9172477761548506270\" target=\"_blank\" class=\"metaskool-play-button\">Access Metaverse<\/a>\n <\/div>\n <\/div>\n\n <div class=\"metaskool-world-card metaskool-fade-in\">\n <img decoding=\"async\" src=\"https:\/\/hub.metaskool.my\/kl-img\/SJKT%20FLETCHER.png\" \n alt=\"SJKT FLETCHER\" class=\"metaskool-world-image\" onerror=\"this.style.display='none'; this.nextElementSibling.style.display='flex';\">\n <div class=\"metaskool-world-image-placeholder\" style=\"display: none;\">SJKT FLETCHER<\/div>\n <div class=\"metaskool-world-content\">\n <div class=\"metaskool-world-header\">\n <h2 class=\"metaskool-world-title\">SJKT FLETCHER<\/h2>\n \n <\/div>\n <a href=\"https:\/\/www.spatial.io\/s\/SSTP-KL-SJKT-FLETCHER-67428b8aa420ca77328203c0?share=13183404129851834\" target=\"_blank\" class=\"metaskool-play-button\">Access Metaverse<\/a>\n <\/div>\n <\/div>\n\n <div class=\"metaskool-world-card metaskool-fade-in\">\n <img decoding=\"async\" src=\"https:\/\/hub.metaskool.my\/kl-img\/SJKC%20TSUN%20JIN.png\" \n alt=\"SJKC TSUN JIN\" class=\"metaskool-world-image\" onerror=\"this.style.display='none'; this.nextElementSibling.style.display='flex';\">\n <div class=\"metaskool-world-image-placeholder\" style=\"display: none;\">SJKC TSUN JIN<\/div>\n <div class=\"metaskool-world-content\">\n <div class=\"metaskool-world-header\">\n <h2 class=\"metaskool-world-title\">SJKC TSUN JIN<\/h2>\n \n <\/div>\n <a href=\"https:\/\/www.spatial.io\/s\/SSTP-KL-SJKC-TSUN-JIN-67428bc2e7dcb04b61a336bc?share=1610564179653188088\" target=\"_blank\" class=\"metaskool-play-button\">Access Metaverse<\/a>\n <\/div>\n <\/div>\n\n <div class=\"metaskool-world-card metaskool-fade-in\">\n <img decoding=\"async\" src=\"https:\/\/hub.metaskool.my\/kl-img\/SJKC%20KUEN%20CHENG%201.png\" \n alt=\"SJKC KUEN CHENG 1\" class=\"metaskool-world-image\" onerror=\"this.style.display='none'; this.nextElementSibling.style.display='flex';\">\n <div class=\"metaskool-world-image-placeholder\" style=\"display: none;\">SJKC KUEN CHENG 1<\/div>\n <div class=\"metaskool-world-content\">\n <div class=\"metaskool-world-header\">\n <h2 class=\"metaskool-world-title\">SJKC KUEN CHENG 1<\/h2>\n \n <\/div>\n <a href=\"https:\/\/www.spatial.io\/s\/SSTP-KL-SJKC-KUEN-CHENG-1-67428bf0c9ce2c28564f24e8?share=8879368744751395304\" target=\"_blank\" class=\"metaskool-play-button\">Access Metaverse<\/a>\n <\/div>\n <\/div>\n\n <div class=\"metaskool-world-card metaskool-fade-in\">\n <img decoding=\"async\" src=\"https:\/\/hub.metaskool.my\/kl-img\/SK%20TAMAN%20SERI%20RAMPAI.png\" \n alt=\"SK TAMAN SERI RAMPAI\" class=\"metaskool-world-image\" onerror=\"this.style.display='none'; this.nextElementSibling.style.display='flex';\">\n <div class=\"metaskool-world-image-placeholder\" style=\"display: none;\">SK TAMAN SERI RAMPAI<\/div>\n <div class=\"metaskool-world-content\">\n <div class=\"metaskool-world-header\">\n <h2 class=\"metaskool-world-title\">SK TAMAN SERI RAMPAI<\/h2>\n \n <\/div>\n <a href=\"https:\/\/www.spatial.io\/s\/SSTP-KL-SK-TAMAN-SERI-RAMPAI-6743c6cee1ad633e9fa21bc2?share=4942692975690689042\" target=\"_blank\" class=\"metaskool-play-button\">Access Metaverse<\/a>\n <\/div>\n <\/div>\n\n <div class=\"metaskool-world-card metaskool-fade-in\">\n <img decoding=\"async\" src=\"https:\/\/hub.metaskool.my\/kl-img\/SK%20SERI%20KEPONG.png\" \n alt=\"SK SERI KEPONG\" class=\"metaskool-world-image\" onerror=\"this.style.display='none'; this.nextElementSibling.style.display='flex';\">\n <div class=\"metaskool-world-image-placeholder\" style=\"display: none;\">SK SERI KEPONG<\/div>\n <div class=\"metaskool-world-content\">\n <div class=\"metaskool-world-header\">\n <h2 class=\"metaskool-world-title\">SK SERI KEPONG<\/h2>\n \n <\/div>\n <a href=\"https:\/\/www.spatial.io\/s\/SSTP-KL-SK-SERI-KEPONG-6743c69b67cbf7df0934a362?share=1259925498850105089\" target=\"_blank\" class=\"metaskool-play-button\">Access Metaverse<\/a>\n <\/div>\n <\/div>\n\n <div class=\"metaskool-world-card metaskool-fade-in\">\n <img decoding=\"async\" src=\"https:\/\/hub.metaskool.my\/kl-img\/SK%20SERI%20BINTANG%20SELATAN.png\" \n alt=\"SK SERI BINTANG SELATAN\" class=\"metaskool-world-image\" onerror=\"this.style.display='none'; this.nextElementSibling.style.display='flex';\">\n <div class=\"metaskool-world-image-placeholder\" style=\"display: none;\">SK SERI BINTANG SELATAN<\/div>\n <div class=\"metaskool-world-content\">\n <div class=\"metaskool-world-header\">\n <h2 class=\"metaskool-world-title\">SK SERI BINTANG SELATAN<\/h2>\n \n <\/div>\n <a href=\"https:\/\/www.spatial.io\/s\/SSTP-KL-SK-SERI-BINTANG-SELATAN-67428c9ff55ce82a7204070b?share=8971710879275037319\" target=\"_blank\" class=\"metaskool-play-button\">Access Metaverse<\/a>\n <\/div>\n <\/div>\n\n <div class=\"metaskool-world-card metaskool-fade-in\">\n <img decoding=\"async\" src=\"https:\/\/hub.metaskool.my\/kl-img\/SK%20SERI%20ANGGERIK.png\" \n alt=\"SK SERI ANGGERIK\" class=\"metaskool-world-image\" onerror=\"this.style.display='none'; this.nextElementSibling.style.display='flex';\">\n <div class=\"metaskool-world-image-placeholder\" style=\"display: none;\">SK SERI ANGGERIK<\/div>\n <div class=\"metaskool-world-content\">\n <div class=\"metaskool-world-header\">\n <h2 class=\"metaskool-world-title\">SK SERI ANGGERIK<\/h2>\n \n <\/div>\n <a href=\"https:\/\/www.spatial.io\/s\/SSTP-KL-SK-SERI-ANGGERIK-67428c77e7dcb04b61a33772?share=6950432102763008562\" target=\"_blank\" class=\"metaskool-play-button\">Access Metaverse<\/a>\n <\/div>\n <\/div>\n\n <div class=\"metaskool-world-card metaskool-fade-in\">\n <img decoding=\"async\" src=\"https:\/\/hub.metaskool.my\/kl-img\/SK%20JALAN%20AIR%20PANAS.png\" \n alt=\"SK JALAN AIR PANAS\" class=\"metaskool-world-image\" onerror=\"this.style.display='none'; this.nextElementSibling.style.display='flex';\">\n <div class=\"metaskool-world-image-placeholder\" style=\"display: none;\">SK JALAN AIR PANAS<\/div>\n <div class=\"metaskool-world-content\">\n <div class=\"metaskool-world-header\">\n <h2 class=\"metaskool-world-title\">SK JALAN AIR PANAS<\/h2>\n \n <\/div>\n <a href=\"https:\/\/www.spatial.io\/s\/SSTP-KL-SK-JALAN-AIR-PANAS-67428c1ea420ca7732820411?share=8548022193350573737\" target=\"_blank\" class=\"metaskool-play-button\">Access Metaverse<\/a>\n <\/div>\n <\/div>\n\n <\/div>\n<\/div>\n\n\n<div class=\"metaskool-modal\" id=\"videoModal\">\n <div class=\"metaskool-modal-content\">\n <button class=\"metaskool-modal-close\" onclick=\"closeVideo()\">×<\/button>\n <div class=\"metaskool-video-container\">\n <iframe id=\"videoFrame\" \n allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" \n allowfullscreen><\/iframe>\n <\/div>\n <\/div>\n<\/div>\n\n<script>\n \/\/ Add Font Awesome for the play icon\n if (!document.querySelector('link[href*=\"font-awesome\"]')) {\n const link = document.createElement('link');\n link.rel = 'stylesheet';\n link.href = 'https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/5.15.4\/css\/all.min.css';\n document.head.appendChild(link);\n }\n\n function openVideo(videoId) {\n const modal = document.getElementById('videoModal');\n const videoFrame = document.getElementById('videoFrame');\n videoFrame.src = `https:\/\/www.youtube.com\/embed\/${videoId}?autoplay=1`;\n modal.classList.add('active');\n document.body.style.overflow = 'hidden'; \/\/ Prevent scrolling\n }\n\n function closeVideo() {\n const modal = document.getElementById('videoModal');\n const videoFrame = document.getElementById('videoFrame');\n videoFrame.src = '';\n modal.classList.remove('active');\n document.body.style.overflow = ''; \/\/ Restore scrolling\n }\n\n \/\/ Close modal on background click\n document.getElementById('videoModal').addEventListener('click', function(e) {\n if (e.target === this) {\n closeVideo();\n }\n });\n\n \/\/ Close modal on escape key\n document.addEventListener('keydown', function(e) {\n if (e.key === 'Escape') {\n closeVideo();\n }\n });\n<\/script>\n\n\n<script>\n(function(){\n const placeholder = 'data:image\/svg+xml;charset=utf-8,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"9\" viewBox=\"0 0 16 9\"><\/svg>';\n const imgs = document.querySelectorAll('.metaskool-world-image');\n imgs.forEach(img => {\n if (!img.dataset.src) {\n img.dataset.src = img.src; \/\/ store real src\n img.src = placeholder; \/\/ tiny placeholder\n img.loading = 'lazy';\n }\n });\n\n function loadImg(img){\n const src = img.dataset.src;\n if (!src) return;\n const newImg = new Image();\n newImg.src = src;\n newImg.decoding = 'async';\n newImg.onload = () => {\n img.src = src;\n };\n newImg.onerror = () => {\n img.src = src; \/\/ try anyway on error\n };\n }\n\n if ('IntersectionObserver' in window) {\n const io = new IntersectionObserver((entries, observer) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n loadImg(entry.target);\n observer.unobserve(entry.target);\n }\n });\n }, {rootMargin: '200px'});\n imgs.forEach(i => io.observe(i));\n } else {\n \/\/ no IntersectionObserver, load all\n imgs.forEach(loadImg);\n }\n})();\n<\/script>\n<script>\n\/\/ header menu toggle\n(function() {\n\tfunction initMenu() {\n\t\tconst btn = document.querySelector('.menu-toggle');\n\t\tconst nav = document.getElementById('siteNav');\n\t\t\n\t\tif (!btn || !nav) {\n\t\t\tconsole.log('Menu elements not found');\n\t\t\treturn;\n\t\t}\n\t\t\n\t\tbtn.addEventListener('click', function(e) {\n\t\t\te.preventDefault();\n\t\t\tconst isOpen = nav.classList.contains('open');\n\t\t\t\n\t\t\tif (isOpen) {\n\t\t\t\tnav.classList.remove('open');\n\t\t\t\tbtn.setAttribute('aria-expanded', 'false');\n\t\t\t} else {\n\t\t\t\tnav.classList.add('open');\n\t\t\t\tbtn.setAttribute('aria-expanded', 'true');\n\t\t\t}\n\t\t});\n\t}\n\t\n\tif (document.readyState === 'loading') {\n\t\tdocument.addEventListener('DOMContentLoaded', initMenu);\n\t} else {\n\t\tinitMenu();\n\t}\n})();\n<\/script>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\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>Our Worlds | MetaSkool JPN WP Kuala Lumpur SK TAMAN TUN DR ISMAIL 1 SK TAMAN TUN DR ISMAIL 1 Access Metaverse SMK DATOK LOKMAN<a class=\"ut-readmore\" href=\"https:\/\/www.ukm.my\/metaskool\/sstp-kuala-lumpur\/\"> …<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-633","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.ukm.my\/metaskool\/wp-json\/wp\/v2\/pages\/633","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ukm.my\/metaskool\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.ukm.my\/metaskool\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.ukm.my\/metaskool\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ukm.my\/metaskool\/wp-json\/wp\/v2\/comments?post=633"}],"version-history":[{"count":12,"href":"https:\/\/www.ukm.my\/metaskool\/wp-json\/wp\/v2\/pages\/633\/revisions"}],"predecessor-version":[{"id":855,"href":"https:\/\/www.ukm.my\/metaskool\/wp-json\/wp\/v2\/pages\/633\/revisions\/855"}],"wp:attachment":[{"href":"https:\/\/www.ukm.my\/metaskool\/wp-json\/wp\/v2\/media?parent=633"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}