{"id":6113,"date":"2025-06-23T14:57:16","date_gmt":"2025-06-23T20:57:16","guid":{"rendered":"https:\/\/wordpress.megaplextheatres.com\/?p=6113"},"modified":"2025-07-25T11:36:17","modified_gmt":"2025-07-25T17:36:17","slug":"games-list","status":"publish","type":"post","link":"https:\/\/wordpress.megaplextheatres.com\/index.php\/2025\/06\/23\/games-list\/","title":{"rendered":"Games List"},"content":{"rendered":"\n<style>\n  * {\n    box-sizing: border-box;\n  }\n\n  html, body {\n    margin: 0;\n    padding: 0;\n    background: #003F4E;\n  }\n\n  \/* Enhanced Banner Style with Mobile Responsive Images *\/\n  .megaplex-banner {\n    width: 100%;\n    max-width: 1800px;\n    margin: 0 auto 2rem auto;\n    position: relative;\n  }\n\n  .megaplex-banner img {\n    width: 100%;\n    height: auto;\n    display: block;\n  }\n\n  \/* Desktop banner - visible by default *\/\n  .megaplex-banner .desktop-banner {\n    display: block;\n  }\n\n  \/* Mobile banner - hidden by default *\/\n  .megaplex-banner .mobile-banner {\n    display: none;\n  }\n\n  \/* Show mobile banner on mobile devices *\/\n  @media (max-width: 768px) {\n    .megaplex-banner .desktop-banner {\n      display: none;\n    }\n    \n    .megaplex-banner .mobile-banner {\n      display: block;\n    }\n  }\n\n  \/* Main Premium Container *\/\n  .premium-container {\n    width: 100%;\n    font-family: 'Salo Regular', sans-serif;\n    font-weight: normal; \n    line-height: 1.6;\n    background: #003F4E;\n    overflow-x: hidden;\n    transition: opacity 0.3s ease;\n  }\n\n  \/* Pure CSS Popup Overlay *\/\n  .popup-overlay {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: rgba(0, 0, 0, 0.6);\n    z-index: 1000;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    opacity: 0;\n    visibility: hidden;\n    transition: opacity 0.3s ease, visibility 0.3s ease;\n  }\n\n  \/* Show popup when targeted *\/\n  .popup-overlay:target {\n    opacity: 1;\n    visibility: visible;\n  }\n\n  \/* Fade main content when popup is active *\/\n  .popup-overlay:target ~ .premium-container {\n    opacity: 0.3;\n  }\n\n  \/* Popup Container *\/\n  .popup-container {\n    position: relative;\n    max-width: 90%;\n    max-height: 90%;\n    transform: scale(0.8);\n    transition: transform 0.3s ease;\n  }\n\n  .popup-overlay:target .popup-container {\n    transform: scale(1);\n  }\n\n  \/* Popup Image *\/\n  .popup-image {\n    width: 100%;\n    height: auto;\n    display: block;\n    border-radius: 10px;\n  }\n\n  \/* Close Button *\/\n  .popup-close {\n    position: absolute;\n    top: -10px;\n    right: -10px;\n    width: 40px;\n    height: 40px;\n    z-index: 1001;\n    transition: transform 0.2s ease, opacity 0.2s ease;\n    text-decoration: none;\n  }\n\n  .popup-close:hover {\n    transform: scale(1.1);\n    opacity: 0.8;\n  }\n\n  .popup-close img {\n    width: 100%;\n    height: 100%;\n    display: block;\n  }\n\n  \/* Invisible overlay to close popup when clicking outside *\/\n  .popup-backdrop {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    z-index: -1;\n  }\n\n  .premium-hero {\n    background: linear-gradient(#003F4E);\n    color: #f8f4e6;\n    text-align: center;\n    padding: 80px 20px;\n  }\n\n  .premium-hero h1 {\n    font-size: 6rem;\n    font-family: 'Salo Bold', sans-serif;\n    margin-bottom: 20px;\n  }\n\n  .premium-hero-subtitle {\n    font-size: 1.4rem;\n    opacity: 0.9;\n  }\n\n  .premium-content {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 80px 20px;\n  }\n\n  \/* Card Grid Layout *\/\n  .premium-cards-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 60px;\n    margin-bottom: 80px;\n  }\n\n  \/* Individual Card Styling *\/\n  .premium-card {\n    background: #004c5e;\n    border-radius: 5px;\n    padding: 30px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    text-align: center;\n    transition: transform 0.3s ease;\n  }\n\n  .premium-card:hover {\n    transform: translateY(-5px);\n  }\n\n  \/* Photo Container in Card *\/\n  .premium-card-photo {\n    width: 100%;\n    max-width: 400px;\n    margin-bottom: 30px;\n  }\n\n  .premium-card-photo img {\n    width: 100%;\n    height: auto;\n    border-radius: 5px;\n    object-fit: cover;\n  }\n\n  \/* Text Content in Card *\/\n  .premium-card-content {\n    width: 100%;\n  }\n\n  .premium-card-content h2 {\n    font-size: 6rem;\n    font-family: 'Salo Regular', sans-serif;\n    font-weight: normal;\n    color: #00E6F2;\n    margin-bottom: 20px;\n    line-height: 1.2;\n    text-transform: uppercase;\n    text-align: center;\n  }\n\n  .premium-card-content p {\n    font-size: 2.5rem;\n    font-family: 'Founders', sans-serif;\n    color: #00E6F2;\n    margin-bottom: 30px;\n    line-height: 1.6;\n  }\n\n  \/* PNG Button in Card *\/\n  .premium-card-button {\n    display: inline-block;\n    cursor: pointer;\n    transition: all 0.3s ease;\n    max-width: 100px;\n    text-decoration: none;\n  }\n\n  .premium-card-button img {\n    width: 100%;\n    height: auto;\n    display: block;\n    transition: transform 0.3s ease, opacity 0.3s ease;\n  }\n\n  .premium-card-button:hover img {\n    transform: translateY(-3px) scale(1.05);\n    opacity: 0.9;\n  }\n\n  \/* CTA Section *\/\n  .premium-cta {\n    text-align: center;\n    padding: 60px 20px;\n  }\n\n  .premium-cta-button {\n    background: linear-gradient(#8003F4E);\n    color: #00E6F2;\n    padding: 20px 40px;\n    font-size: 1.2rem;\n    font-weight: 600;\n    text-transform: uppercase;\n    border-radius: 5px;\n    border: none;\n    cursor: pointer;\n    transition: transform 0.3s ease;\n    text-decoration: none;\n  }\n\n  .premium-cta-button:hover {\n    transform: translateY(-3px);\n    background: linear-gradient(#003F4E);\n  }\n\n  \/* Mobile Responsiveness *\/\n  @media (max-width: 768px) {\n    .premium-cards-grid {\n      grid-template-columns: 1fr;\n      gap: 40px;\n    }\n\n    .premium-card {\n      padding: 20px;\n    }\n\n    .premium-card-photo {\n      margin-bottom: 20px;\n    }\n\n    .premium-card-content h2 {\n      font-size: 4rem;\n      text-align: center;\n    }\n\n    .premium-card-content p {\n      font-size: 2rem;\n    }\n\n    .premium-card-button {\n      max-width: 100px;\n    }\n\n    .premium-hero h1 {\n      font-size: 2.5rem;\n    }\n\n    .popup-close {\n      width: 35px;\n      height: 35px;\n      top: -8px;\n      right: -8px;\n    }\n  }\n\n  @media (max-width: 480px) {\n    .premium-hero {\n      padding: 60px 15px;\n    }\n\n    .premium-content {\n      padding: 40px 15px;\n    }\n\n    .premium-cta {\n      padding: 40px 15px;\n    }\n\n    .premium-hero h1 {\n      font-size: 2rem;\n    }\n\n    .premium-card-content h2 {\n      font-size: 1.6rem;\n    }\n\n    .premium-card-content p {\n      font-size: 0.95rem;\n    }\n\n    .premium-card-button {\n      max-width: 100px;\n    }\n\n    .popup-close {\n      width: 30px;\n      height: 30px;\n      top: -5px;\n      right: -5px;\n    }\n  }\n<\/style>\n\n<!-- Pure CSS Popup Overlay -->\n<div class=\"popup-overlay\" id=\"gamePopup\">\n  <div class=\"popup-container\">\n    <!-- Your popup PNG -->\n    <img decoding=\"async\" src=\"https:\/\/media.megaplextheatres.com\/wp-content\/uploads\/games menu.png\" alt=\"Games Menu\" class=\"popup-image\">\n    <!-- Close button - links to empty anchor to close popup -->\n    <a href=\"#\" class=\"popup-close\">\n      <img decoding=\"async\" src=\"https:\/\/media.megaplextheatres.com\/wp-content\/uploads\/times-solid.svg\" alt=\"Close\">\n    <\/a>\n    <!-- Invisible backdrop to close when clicking outside -->\n    <a href=\"#\" class=\"popup-backdrop\"><\/a>\n  <\/div>\n<\/div>\n\n\n\n\n<div class=\"premium-container\" id=\"mainContent\">\n  <!-- Enhanced Banner Section with Mobile\/Desktop Images -->\n  <div class=\"megaplex-banner\">\n    <!-- Desktop Banner -->\n    <img decoding=\"async\" src=\"https:\/\/media.megaplextheatres.com\/wp-content\/uploads\/gameslist-banner-web.png\" alt=\"Spark Premium Banner Desktop\" class=\"desktop-banner\" \/>\n    <!-- Mobile Banner -->\n    <img decoding=\"async\" src=\"https:\/\/media.megaplextheatres.com\/wp-content\/uploads\/gameslist-banner-mobile.png\" alt=\"Spark Premium Banner Mobile\" class=\"mobile-banner\" \/>\n  <\/div>\n\n  <div class=\"premium-content\">\n    <!-- Cards Grid Layout -->\n    <div class=\"premium-cards-grid\">\n      <!-- Card 1 -->\n      <div class=\"premium-card\">\n        <div class=\"premium-card-photo\">\n          <img decoding=\"async\" src=\"https:\/\/media.megaplextheatres.com\/wp-content\/uploads\/gamelistphoto1.jpg\" alt=\"Immersive Bowling Experience\" \/>\n        <\/div>\n        <div class=\"premium-card-content\">\n          <h2>Pure Gameplay<\/h2>\n          <p>Race, shoot, and battle your way through immersive experiences\u2014no tickets, just nonstop action and fun. From VR adventures to head-to-head racers like Mario Kart and Top Gun: Maverick, it&#8217;s all about skill and thrills.<\/p>\n          <a href=\"https:\/\/media.megaplextheatres.com\/wp-content\/uploads\/games menu.png\" class=\"premium-card-button\">\n            <img decoding=\"async\" src=\"https:\/\/media.megaplextheatres.com\/wp-content\/uploads\/See List Button.png\" alt=\"Learn More Button\" \/>\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <!-- Card 2 -->\n      <div class=\"premium-card\">\n        <div class=\"premium-card-photo\">\n          <img decoding=\"async\" src=\"https:\/\/media.megaplextheatres.com\/wp-content\/uploads\/gamelistphoto2.jpg\" alt=\"Catch and Win\" \/>\n        <\/div>\n        <div class=\"premium-card-content\">\n          <h2>Catch and Win<\/h2>\n          <p>Toss, drop, or shoot your way to tickets and beat the high score in these fast-paced redemption games. From basketball shootouts to coin pushers and carnival-style classics, it&#8217;s all about timing and reflexes.<\/p>\n          <a href=\"https:\/\/media.megaplextheatres.com\/wp-content\/uploads\/games menu.png\" class=\"premium-card-button\">\n            <img decoding=\"async\" src=\"https:\/\/media.megaplextheatres.com\/wp-content\/uploads\/See List Button.png\" alt=\"Play Now Button\" \/>\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <!-- Card 3 -->\n      <div class=\"premium-card\">\n        <div class=\"premium-card-photo\">\n          <img decoding=\"async\" src=\"https:\/\/media.megaplextheatres.com\/wp-content\/uploads\/gamelistphoto3.jpg\" alt=\"The Classics\" \/>\n        <\/div>\n        <div class=\"premium-card-content\">\n          <h2>The Classics<\/h2>\n          <p>Fan favorites that never go out of style\u2014these are the games everyone knows and loves. Skee-Ball, whack-a-mole, and hoops challenges bring that perfect mix of nostalgia and fun.<\/p>\n          <a href=\"https:\/\/media.megaplextheatres.com\/wp-content\/uploads\/games menu.png\" class=\"premium-card-button\">\n            <img decoding=\"async\" src=\"https:\/\/media.megaplextheatres.com\/wp-content\/uploads\/See List Button.png\" alt=\"Book Lane Button\" \/>\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <!-- Card 4 -->\n      <div class=\"premium-card\">\n        <div class=\"premium-card-photo\">\n          <img decoding=\"async\" src=\"https:\/\/media.megaplextheatres.com\/wp-content\/uploads\/gamelistphoto4.jpg\" alt=\"Games for Prizesn\" \/>\n        <\/div>\n        <div class=\"premium-card-content\">\n          <h2>Games for Prizes<\/h2>\n          <p>Play to win! These games reward your skill (or a little luck) with real prizes you can take home. From crane machines to candy grabbers and key games, there&#8217;s always something up for grabs.<\/p>\n          <a href=\"https:\/\/media.megaplextheatres.com\/wp-content\/uploads\/games menu.png\" class=\"premium-card-button\">\n            <img decoding=\"async\" src=\"https:\/\/media.megaplextheatres.com\/wp-content\/uploads\/See List Button.png\" alt=\"Get Started Button\" \/>\n          <\/a>\n<div style=\"display: none\">#{{event_contact_form:MegaEventsGames}}<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>Pure Gameplay Race, shoot, and battle your way through immersive experiences\u2014no tickets, just nonstop action and fun. From VR adventures to head-to-head racers like Mario Kart and Top Gun: Maverick, it&#8217;s all about skill and thrills. Catch and Win Toss, drop, or shoot your way to tickets and beat the high score in these fast-paced [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-6113","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"acf":[],"_links":{"self":[{"href":"https:\/\/wordpress.megaplextheatres.com\/index.php\/wp-json\/wp\/v2\/posts\/6113","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.megaplextheatres.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.megaplextheatres.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.megaplextheatres.com\/index.php\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.megaplextheatres.com\/index.php\/wp-json\/wp\/v2\/comments?post=6113"}],"version-history":[{"count":27,"href":"https:\/\/wordpress.megaplextheatres.com\/index.php\/wp-json\/wp\/v2\/posts\/6113\/revisions"}],"predecessor-version":[{"id":6641,"href":"https:\/\/wordpress.megaplextheatres.com\/index.php\/wp-json\/wp\/v2\/posts\/6113\/revisions\/6641"}],"wp:attachment":[{"href":"https:\/\/wordpress.megaplextheatres.com\/index.php\/wp-json\/wp\/v2\/media?parent=6113"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.megaplextheatres.com\/index.php\/wp-json\/wp\/v2\/categories?post=6113"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.megaplextheatres.com\/index.php\/wp-json\/wp\/v2\/tags?post=6113"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}