{"id":2084,"date":"2026-05-07T08:48:35","date_gmt":"2026-05-07T08:48:35","guid":{"rendered":"https:\/\/didiplayarea.com\/?page_id=2084"},"modified":"2026-05-07T08:51:04","modified_gmt":"2026-05-07T08:51:04","slug":"14-element-ocean-theme-compatibility-worksheet","status":"publish","type":"page","link":"https:\/\/didiplayarea.com\/es\/indoor-playground-themes-custom-design\/ocean-theme\/14-element-ocean-theme-compatibility-worksheet\/","title":{"rendered":"Hoja de trabajo de compatibilidad de temas oce\u00e1nicos de 14 elementos"},"content":{"rendered":"\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-9d79c2c\" data-block-id=\"9d79c2c\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-9d79c2c-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-405c0f3\" data-v=\"4\" data-block-id=\"405c0f3\"><style>.stk-405c0f3-container{margin-top:var(--stk--preset--spacing--50, 1.5rem) !important;margin-right:var(--stk--preset--spacing--50, 1.5rem) !important;margin-bottom:var(--stk--preset--spacing--50, 1.5rem) !important;margin-left:var(--stk--preset--spacing--50, 1.5rem) !important;}<\/style><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-405c0f3-container stk--no-background stk--no-padding\"><div class=\"has-text-align-center stk-block-content stk-inner-blocks stk-405c0f3-inner-blocks\"><div class=\"ct-breadcrumbs\" data-source=\"rankmath\" ><nav aria-label=\"breadcrumbs\" class=\"rank-math-breadcrumb\"><p><span class=\"last\">Home<\/span><\/p><\/nav><\/div><\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-1c2784e\" data-block-id=\"1c2784e\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-1c2784e-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-c041a10\" data-v=\"4\" data-block-id=\"c041a10\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-c041a10-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-c041a10-inner-blocks\">\n<section id=\"ddws_ocean_worksheet\" style=\"width: 100%; background-color: #F1F5F9; position: relative; overflow: hidden; font-family: inherit;\">\n    <style>\n        \/* ==========================================================================\n           1. Scope Isolation \n           ========================================================================== *\/\n        #ddws_ocean_worksheet {\n            box-sizing: border-box;\n            display: block;\n            color: #1E293B;\n            line-height: 1.6;\n        }\n        #ddws_ocean_worksheet * {\n            box-sizing: border-box;\n            margin: 0;\n            padding: 0;\n        }\n\n        #ddws_ocean_worksheet .ddws_container {\n            max-width: 1600px !important;\n            margin: 0 auto !important;\n            padding: 60px 70px !important;\n            position: relative;\n            z-index: 2;\n            display: flex;\n            flex-direction: column;\n            gap: 40px !important;\n        }\n\n        @media (max-width:1000px) {\n            #ddws_ocean_worksheet .ddws_container {\n                padding: 40px 30px !important;\n                gap: 30px !important;\n            }\n        }\n\n        \/* ==========================================================================\n           2. Header Section\n           ========================================================================== *\/\n        #ddws_ocean_worksheet .ddws_header {\n            background: linear-gradient(135deg, #0F172A 0%, #1E293B 100%);\n            padding: 40px 50px !important;\n            border-radius: 8px;\n            border-bottom: 6px solid #00D8FF;\n            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);\n            position: relative;\n            overflow: hidden;\n        }\n\n        #ddws_ocean_worksheet .ddws_back_link {\n            display: inline-block;\n            color: #00D8FF !important;\n            font-size: 14px !important;\n            font-weight: 600 !important;\n            text-decoration: none !important;\n            margin-bottom: 16px !important;\n            position: relative;\n            z-index: 2;\n            transition: color 0.3s ease;\n        }\n\n        #ddws_ocean_worksheet .ddws_back_link:hover {\n            color: #FFD848 !important;\n        }\n\n        #ddws_ocean_worksheet h2.ddws_main_title {\n            color: #FFFFFF !important;\n            font-size: 32px !important;\n            font-weight: 800 !important;\n            margin-bottom: 12px !important;\n            line-height: 1.2 !important;\n            position: relative;\n            z-index: 2;\n        }\n\n        #ddws_ocean_worksheet .ddws_subtitle {\n            color: #94A3B8 !important;\n            font-size: 16px !important;\n            max-width: 900px;\n            position: relative;\n            z-index: 2;\n        }\n\n        \/* ==========================================================================\n           3. Form Interface (Div based, NO Form tag)\n           ========================================================================== *\/\n        #ddws_ocean_worksheet .ddws_form_wrapper {\n            background: #FFFFFF !important;\n            border: 1px solid #E2E8F0 !important;\n            border-radius: 8px;\n            padding: 40px !important;\n            box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.05);\n            border-top: 4px solid #FFD848;\n        }\n\n        #ddws_ocean_worksheet h3.ddws_section_title {\n            color: #0F172A !important;\n            font-size: 22px !important;\n            font-weight: 800 !important;\n            margin-bottom: 24px !important;\n            display: flex;\n            align-items: center;\n            gap: 10px;\n        }\n\n        #ddws_ocean_worksheet h3.ddws_section_title::before {\n            content: '';\n            display: inline-block;\n            width: 12px;\n            height: 12px;\n            background-color: #00D8FF;\n        }\n\n        #ddws_ocean_worksheet .ddws_form_grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n            gap: 24px !important;\n            margin-bottom: 30px !important;\n        }\n\n        #ddws_ocean_worksheet .ddws_field_group {\n            display: flex;\n            flex-direction: column;\n            gap: 8px;\n        }\n\n        #ddws_ocean_worksheet label {\n            font-size: 14px !important;\n            font-weight: 700 !important;\n            color: #334155 !important;\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n        }\n\n        #ddws_ocean_worksheet input,\n        #ddws_ocean_worksheet select {\n            width: 100% !important;\n            padding: 14px 16px !important;\n            background-color: #F8FAFC !important;\n            border: 1px solid #CBD5E1 !important;\n            border-radius: 4px !important;\n            font-size: 16px !important;\n            color: #0F172A !important;\n            font-family: inherit !important;\n            transition: all 0.3s ease !important;\n            appearance: none;\n        }\n\n        #ddws_ocean_worksheet select {\n            background-image: url(\"data:image\/svg+xml;charset=UTF-8,%3csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%23334155' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c\/polyline%3e%3c\/svg%3e\");\n            background-repeat: no-repeat;\n            background-position: right 16px center;\n            background-size: 16px;\n        }\n\n        #ddws_ocean_worksheet input:focus,\n        #ddws_ocean_worksheet select:focus {\n            outline: none !important;\n            border-color: #00D8FF !important;\n            background-color: #FFFFFF !important;\n            box-shadow: 0 0 0 3px rgba(0, 216, 255, 0.1) !important;\n        }\n\n        #ddws_ocean_worksheet .ddws_hint {\n            font-size: 12px !important;\n            color: #64748B !important;\n            font-weight: 500 !important;\n        }\n\n        #ddws_ocean_worksheet .ddws_btn_submit,\n        #ddws_ocean_worksheet .ddws_cta_btn {\n            display: inline-flex !important;\n            align-items: center !important;\n            justify-content: center !important;\n            background-color: #00D8FF !important;\n            color: #0F172A !important;\n            font-size: 16px !important;\n            font-weight: 800 !important;\n            padding: 18px 40px !important;\n            border: none !important;\n            cursor: pointer !important;\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n            transition: all 0.3s ease !important;\n            clip-path: polygon(15px 0, 100% 0, 100% calc(100% - 15px), calc(100% - 15px) 100%, 0 100%, 0 15px) !important;\n            width: fit-content;\n            text-decoration: none !important;\n        }\n\n        #ddws_ocean_worksheet .ddws_btn_submit:hover,\n        #ddws_ocean_worksheet .ddws_cta_btn:hover {\n            background-color: #FFD848 !important;\n            transform: translateY(-2px) !important;\n        }\n\n        \/* ==========================================================================\n           4. Results Section \n           ========================================================================== *\/\n        #ddws_ocean_worksheet .ddws_results {\n            display: none; \n            background: #FFFFFF !important;\n            border: 1px solid #E2E8F0 !important;\n            border-top: 6px solid #00D8FF !important;\n            border-radius: 8px;\n            padding: 40px !important;\n            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.1);\n        }\n\n        #ddws_ocean_worksheet .ddws_summary_grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n            gap: 20px !important;\n            background-color: #F8FAFC !important;\n            padding: 24px !important;\n            border-radius: 6px;\n            margin-bottom: 40px !important;\n            border: 1px solid #E2E8F0 !important;\n        }\n\n        #ddws_ocean_worksheet .ddws_data_point {\n            display: flex;\n            flex-direction: column;\n            border-left: 3px solid #00D8FF;\n            padding-left: 16px;\n        }\n\n        #ddws_ocean_worksheet .ddws_data_point:nth-child(even) { border-left-color: #FFD848; }\n\n        #ddws_ocean_worksheet .ddws_data_label {\n            font-size: 12px !important;\n            color: #64748B !important;\n            text-transform: uppercase;\n            font-weight: 700 !important;\n            letter-spacing: 0.5px;\n        }\n\n        #ddws_ocean_worksheet .ddws_data_value {\n            font-size: 24px !important;\n            color: #0F172A !important;\n            font-weight: 900 !important;\n            line-height: 1.2 !important;\n            margin-top: 4px !important;\n        }\n\n        #ddws_ocean_worksheet .ddws_elements_grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));\n            gap: 16px !important;\n            margin-bottom: 40px !important;\n        }\n\n        #ddws_ocean_worksheet .ddws_elem_card {\n            background: #FFFFFF !important;\n            border: 1px solid #E2E8F0 !important;\n            border-radius: 4px;\n            padding: 16px !important;\n            display: flex;\n            align-items: flex-start;\n            gap: 16px;\n            transition: all 0.2s ease;\n        }\n\n        #ddws_ocean_worksheet .ddws_elem_card:hover {\n            border-color: #00D8FF !important;\n            box-shadow: 0 4px 12px rgba(0, 216, 255, 0.1);\n        }\n\n        #ddws_ocean_worksheet .ddws_elem_num {\n            background: #0F172A !important;\n            color: #FFFFFF !important;\n            font-weight: 900 !important;\n            font-size: 14px !important;\n            width: 32px; height: 32px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            border-radius: 2px;\n            flex-shrink: 0;\n        }\n\n        #ddws_ocean_worksheet .ddws_elem_info { flex: 1; }\n        \n        #ddws_ocean_worksheet .ddws_elem_name {\n            font-weight: 800 !important;\n            color: #1E293B !important;\n            font-size: 15px !important;\n            display: flex;\n            align-items: center;\n            gap: 8px;\n            flex-wrap: wrap;\n            margin-bottom: 4px !important;\n        }\n\n        #ddws_ocean_worksheet .ddws_elem_why {\n            font-size: 13px !important;\n            color: #64748B !important;\n            line-height: 1.5 !important;\n        }\n\n        #ddws_ocean_worksheet .ddws_zone_badge {\n            font-size: 11px !important;\n            font-weight: 700 !important;\n            padding: 2px 8px !important;\n            border-radius: 12px;\n            text-transform: uppercase;\n        }\n        #ddws_ocean_worksheet .ddws_z_toddler { background: rgba(0, 216, 255, 0.15); color: #008299; }\n        #ddws_ocean_worksheet .ddws_z_mid { background: rgba(255, 216, 72, 0.2); color: #997A00; }\n        #ddws_ocean_worksheet .ddws_z_older { background: #E2E8F0; color: #475569; }\n\n        #ddws_ocean_worksheet .ddws_compliance_box {\n            background: #0F172A !important;\n            color: #F8FAFC !important;\n            padding: 24px !important;\n            border-radius: 6px;\n            margin-bottom: 30px !important;\n        }\n        #ddws_ocean_worksheet .ddws_compliance_text { font-size: 14px !important; color: #00D8FF !important; font-weight: 600 !important; }\n\n        #ddws_ocean_worksheet .ddws_disclaimer {\n            font-size: 13px !important;\n            color: #64748B !important;\n            padding-left: 16px;\n            border-left: 3px solid #CBD5E1;\n        }\n\n        \/* ==========================================================================\n           5. Bottom CTA Footer\n           ========================================================================== *\/\n        #ddws_ocean_worksheet .ddws_footer_cta {\n            background: #FFFFFF !important;\n            border: 1px solid #E2E8F0 !important;\n            padding: 40px 50px !important;\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            gap: 30px;\n            border-radius: 8px;\n            border-left: 8px solid #FFD848;\n            box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.05);\n        }\n\n        #ddws_ocean_worksheet .ddws_footer_text { flex: 1 1 50%; }\n        #ddws_ocean_worksheet h3.ddws_cta_title { font-size: 20px !important; font-weight: 800 !important; color: #0F172A !important; margin-bottom: 8px !important; }\n        #ddws_ocean_worksheet .ddws_cta_desc { font-size: 15px !important; color: #475569 !important; }\n    <\/style>\n\n    <div class=\"ddws_container\">\n        \n        <!-- Premium Header -->\n        <div class=\"ddws_header\">\n            <h2 class=\"ddws_main_title\">14-Element Ocean Theme Compatibility Worksheet<\/h2>\n            <p class=\"ddws_subtitle\">Match your floor plan, ceiling height, age mix, and theme intensity to a recommended ocean theme element configuration drawn from our engineering catalog.<\/p>\n        <\/div>\n\n        <!-- Interface Container (No Form Tag) -->\n        <div class=\"ddws_form_wrapper\" id=\"ddws_interface\">\n            <h3 class=\"ddws_section_title\">Floor Plan Parameters<\/h3>\n            <div class=\"ddws_form_grid\">\n                <div class=\"ddws_field_group\">\n                    <label for=\"ddws_in_m2\">Footprint (m\u00b2)<\/label>\n                    <input type=\"number\" id=\"ddws_in_m2\" min=\"20\" max=\"2000\" placeholder=\"e.g. 200\">\n                    <span class=\"ddws_hint\">Toddler corner 30-100 \u00b7 Mid-FEC 100-300 \u00b7 Flagship 300+<\/span>\n                <\/div>\n                <div class=\"ddws_field_group\">\n                    <label for=\"ddws_in_ceil\">Ceiling Height (m)<\/label>\n                    <input type=\"number\" id=\"ddws_in_ceil\" min=\"2\" max=\"12\" step=\"0.1\" placeholder=\"e.g. 4.5\">\n                    <span class=\"ddws_hint\">Lighthouse \u22654.5m \u00b7 Most elements 2-3.5m<\/span>\n                <\/div>\n                <div class=\"ddws_field_group\">\n                    <label for=\"ddws_in_ages\">Age Mix Target<\/label>\n                    <select id=\"ddws_in_ages\">\n                        <option value=\"\">\u2014 Select Age Focus \u2014<\/option>\n                        <option value=\"toddler\">Toddler-focused (1-4)<\/option>\n                        <option value=\"mixed\">Mixed (1-12)<\/option>\n                        <option value=\"older\">Older-children focused (5-12)<\/option>\n                    <\/select>\n                <\/div>\n                <div class=\"ddws_field_group\">\n                    <label for=\"ddws_in_intensity\">Theme Intensity<\/label>\n                    <select id=\"ddws_in_intensity\">\n                        <option value=\"\">\u2014 Select Intensity \u2014<\/option>\n                        <option value=\"subtle\">Subtle (30%)<\/option>\n                        <option value=\"moderate\">Moderate (60%)<\/option>\n                        <option value=\"immersive\">Immersive (90%)<\/option>\n                    <\/select>\n                <\/div>\n                <div class=\"ddws_field_group\">\n                    <label for=\"ddws_in_market\">Primary Market<\/label>\n                    <select id=\"ddws_in_market\">\n                        <option value=\"\">\u2014 Select Venue Type \u2014<\/option>\n                        <option value=\"fec\">FEC standalone<\/option>\n                        <option value=\"mall\">Mall corner \/ food-court<\/option>\n                        <option value=\"hotel\">Hotel kids club<\/option>\n                        <option value=\"daycare\">Daycare \/ kindergarten<\/option>\n                        <option value=\"restaurant\">Family-friendly restaurant<\/option>\n                    <\/select>\n                <\/div>\n                <div class=\"ddws_field_group\">\n                    <label for=\"ddws_in_education\">Educational Content?<\/label>\n                    <select id=\"ddws_in_education\">\n                        <option value=\"no\">No \u2014 pure entertainment<\/option>\n                        <option value=\"yes\">Yes \u2014 marine biology placards<\/option>\n                    <\/select>\n                <\/div>\n            <\/div>\n            <!-- Inline click binding, type=\"button\" prevents any form submission behaviors -->\n            <button type=\"button\" class=\"ddws_btn_submit\" onclick=\"ddws_run_match()\">Run Compatibility Match \u2192<\/button>\n        <\/div>\n\n        <!-- Results Section (Static HTML, populated by JS) -->\n        <div id=\"ddws_results_panel\" class=\"ddws_results\">\n            <h3 class=\"ddws_section_title\">Engineering Configuration Match<\/h3>\n            \n            <div class=\"ddws_summary_grid\">\n                <div class=\"ddws_data_point\">\n                    <div class=\"ddws_data_label\">Deployment Tier<\/div>\n                    <div class=\"ddws_data_value\" id=\"ddws_r_tier\">\u2014<\/div>\n                <\/div>\n                <div class=\"ddws_data_point\">\n                    <div class=\"ddws_data_label\">Element Count<\/div>\n                    <div class=\"ddws_data_value\" id=\"ddws_r_count\">\u2014<\/div>\n                <\/div>\n                <div class=\"ddws_data_point\">\n                    <div class=\"ddws_data_label\">Required Age Zones<\/div>\n                    <div class=\"ddws_data_value\" id=\"ddws_r_zones\">\u2014<\/div>\n                <\/div>\n                <div class=\"ddws_data_point\">\n                    <div class=\"ddws_data_label\">Educational Add-on<\/div>\n                    <div class=\"ddws_data_value\" id=\"ddws_r_edu\">\u2014<\/div>\n                <\/div>\n            <\/div>\n\n            <h3 class=\"ddws_section_title\">Recommended Blueprint Elements<\/h3>\n            <div class=\"ddws_elements_grid\" id=\"ddws_elem_list\"><\/div>\n\n            <div class=\"ddws_compliance_box\">\n                <div class=\"ddws_data_label\" style=\"color: #94A3B8 !important; margin-bottom: 8px;\">Audited Standards Applied for this Configuration<\/div>\n                <div class=\"ddws_compliance_text\" id=\"ddws_r_compliance\"><\/div>\n            <\/div>\n\n            <div class=\"ddws_disclaimer\">\n                <strong>Engineering Note:<\/strong> This worksheet provides a directional configuration. The full per-element compliance map (EN 1176 \/ ASTM F1487 \/ ASTM F1918 \/ AS 4685.1 clause-level) is delivered during Day 7-10 of our 6-step custom design process after we receive your floor plan. Element substitutions, custom commissions, and theme refresh add-ons are strictly mapped to these outputs.\n            <\/div>\n\n            <!-- Footer CTA explicitly coded into HTML to maintain perfect compatibility with Blocksy Popups -->\n            <div class=\"ddws_footer_cta\" style=\"margin-top: 40px;\">\n                <div class=\"ddws_footer_text\">\n                    <h3 class=\"ddws_cta_title\">Export to 3D Design Process<\/h3>\n                    <p class=\"ddws_cta_desc\">Submit this compatibility data alongside your CAD floor plan. We will return 2-3 tailored ocean theme renders within Day 1-7 \u2014 zero design fees, unlimited revisions.<\/p>\n                <\/div>\n                <a href=\"#ct-popup-800\" class=\"ddws_cta_btn\">Get Free 3D Design<\/a>\n            <\/div>\n        <\/div>\n\n    <\/div>\n\n    <!-- Global Logic Script (No IIFE, No AND operator, Full compatibility) -->\n    <script>\n        var ddws_all_elements = [\n            {n:1,name:'Submarine Tube Climber',age:[4,12],zone:'older',h:2.1,base:1,need_ceiling:2.5,why:'Older-zone signature anchor with periscope viewing'},\n            {n:2,name:'Octopus Carousel',age:[3,8],zone:'mid',h:2.2,base:1,need_ceiling:2.7,why:'Mid-zone rotating focal element'},\n            {n:3,name:'Shark Slide',age:[5,12],zone:'older',h:3.2,base:1,need_ceiling:3.5,why:'Older-zone double-lane spiral with shark-jaw entry'},\n            {n:4,name:'Coral Reef Climbing Structure',age:[2,6],zone:'mid',h:1.6,base:1,need_ceiling:2.0,why:'Modular reef colonies bridging toddler and mid zones'},\n            {n:5,name:'Sea Turtle Soft Play',age:[1,4],zone:'toddler',h:1.2,base:1,need_ceiling:1.8,why:'Toddler-zone signature soft sculpture'},\n            {n:6,name:'Lighthouse Tower',age:[4,12],zone:'mid',h:4.5,base:0.5,need_ceiling:5.0,why:'Photo-zone centerpiece (needs >= 5m ceiling)'},\n            {n:7,name:'Dolphin Spring Rider',age:[2,6],zone:'mid',h:1.0,base:1,need_ceiling:1.6,why:'Mid-zone individual ride element'},\n            {n:8,name:'Pirate Ship Climber',age:[5,12],zone:'older',h:3.0,base:0.5,need_ceiling:3.5,why:'Cross-theme bridge'},\n            {n:9,name:'Treasure Cove Ball Pit',age:[3,12],zone:'mid',h:1.2,base:1,need_ceiling:2.0,why:'Multi-age ball pit with shipwreck theming'},\n            {n:10,name:'Jellyfish Ceiling Drops',age:[1,12],zone:'all',h:1.8,base:1,need_ceiling:3.0,why:'Sensory zone overhead'},\n            {n:11,name:'Starfish Floor Cushions',age:[1,8],zone:'all',h:0.4,base:1,need_ceiling:1.5,why:'Modular soft seating across zones'},\n            {n:12,name:'Seahorse Bouncer',age:[1,3],zone:'toddler',h:0.9,base:1,need_ceiling:1.5,why:'Toddler-zone bouncing'},\n            {n:13,name:'Wave-Form Slide Tunnel',age:[4,12],zone:'older',h:2.5,base:1,need_ceiling:3.0,why:'Older-zone curving slide pairs with shark slide'},\n            {n:14,name:'Whale Tail Crawl Tunnel',age:[1,4],zone:'toddler',h:0.9,base:1,need_ceiling:1.5,why:'Toddler-zone entry feature'}\n        ];\n\n        function ddws_run_match() {\n            var m2Str = document.getElementById('ddws_in_m2').value;\n            var ceilStr = document.getElementById('ddws_in_ceil').value;\n            var ages = document.getElementById('ddws_in_ages').value;\n            var intensity = document.getElementById('ddws_in_intensity').value;\n            var education = document.getElementById('ddws_in_education').value;\n\n            if (m2Str === '') { alert('Please enter Footprint (m\u00b2)'); return; }\n            if (ceilStr === '') { alert('Please enter Ceiling Height (m)'); return; }\n            if (ages === '') { alert('Please select Age Mix Target'); return; }\n            if (intensity === '') { alert('Please select Theme Intensity'); return; }\n\n            var m2 = Number(m2Str);\n            var ceil = Number(ceilStr);\n\n            var tier = 'Flagship Ocean Voyage';\n            if (m2 < 100) tier = 'Toddler Reef Corner';\n            else if (m2 < 300) tier = 'Mid-FEC Ocean Zone';\n\n            var pool = [];\n            for (var i = 0; i < ddws_all_elements.length; i++) {\n                var el = ddws_all_elements[i];\n                if (el.need_ceiling <= ceil) {\n                    var zoneMatch = false;\n                    if (ages === 'toddler') {\n                        if (el.zone === 'toddler' || el.zone === 'all') { zoneMatch = true; }\n                    } else if (ages === 'older') {\n                        if (el.zone === 'older' || el.zone === 'all' || el.zone === 'mid') { zoneMatch = true; }\n                    } else {\n                        zoneMatch = true;\n                    }\n\n                    if (zoneMatch) {\n                        var intensityMatch = true;\n                        if (intensity === 'subtle') {\n                            if (el.base < 0.8) { intensityMatch = false; }\n                        }\n                        if (intensityMatch) {\n                            pool.push(el);\n                        }\n                    }\n                }\n            }\n\n            var maxCount = 14;\n            if (m2 < 60) maxCount = 4;\n            else if (m2 < 100) maxCount = 6;\n            else if (m2 < 200) maxCount = 8;\n            else if (m2 < 400) maxCount = 11;\n\n            var finalPool = [];\n            for (var j = 0; j < pool.length; j++) {\n                if (j < maxCount) {\n                    finalPool.push(pool[j]);\n                }\n            }\n\n            var zonesArr = [];\n            for (var k = 0; k < finalPool.length; k++) {\n                var z = finalPool[k].zone;\n                if (z !== 'all') {\n                    if (zonesArr.indexOf(z) === -1) {\n                        zonesArr.push(z);\n                    }\n                }\n            }\n\n            document.getElementById('ddws_r_tier').innerHTML = tier;\n            document.getElementById('ddws_r_count').innerHTML = finalPool.length + ' \/ 14';\n            \n            var zoneText = zonesArr.length + ' Age Zone';\n            if (zonesArr.length > 1) zoneText = zoneText + 's';\n            if (zonesArr.length === 0) zoneText = '1 Age Zone';\n            document.getElementById('ddws_r_zones').innerHTML = zoneText;\n            \n            if (education === 'yes') {\n                document.getElementById('ddws_r_edu').innerHTML = 'Yes (Multi-lang)';\n            } else {\n                document.getElementById('ddws_r_edu').innerHTML = 'Optional';\n            }\n\n            var listHTML = '';\n            var hasSlide = false;\n            var hasRotating = false;\n            var hasSoft = false;\n            var hasStructural = false;\n\n            for (var m = 0; m < finalPool.length; m++) {\n                var item = finalPool[m];\n                var zClass = '';\n                var zLabel = '';\n                if (item.zone === 'toddler') { zClass = 'ddws_z_toddler'; zLabel = 'Toddler'; }\n                else if (item.zone === 'older') { zClass = 'ddws_z_older'; zLabel = 'Older'; }\n                else if (item.zone === 'mid') { zClass = 'ddws_z_mid'; zLabel = 'Mid'; }\n\n                var badgeHtml = '';\n                if (zLabel !== '') {\n                    badgeHtml = '<span class=\"ddws_zone_badge ' + zClass + '\">' + zLabel + '<\/span>';\n                }\n\n                var numStr = String(item.n);\n                if (numStr.length === 1) numStr = '0' + numStr;\n\n                listHTML += '<div class=\"ddws_elem_card\">';\n                listHTML += '<div class=\"ddws_elem_num\">' + numStr + '<\/div>';\n                listHTML += '<div class=\"ddws_elem_info\">';\n                listHTML += '<div class=\"ddws_elem_name\">' + item.name + ' ' + badgeHtml + '<\/div>';\n                listHTML += '<div class=\"ddws_elem_why\">' + item.why + ' \u00b7 Ages ' + item.age[0] + '-' + item.age[1] + ' \u00b7 Height ' + item.h + 'm<\/div>';\n                listHTML += '<\/div><\/div>';\n\n                if (item.n === 3 || item.n === 13) hasSlide = true;\n                if (item.n === 2 || item.n === 7) hasRotating = true;\n                if (item.n === 4 || item.n === 5 || item.n === 9 || item.n === 10 || item.n === 11 || item.n === 14) hasSoft = true;\n                if (item.n === 1 || item.n === 8) hasStructural = true;\n            }\n\n            document.getElementById('ddws_elem_list').innerHTML = listHTML;\n\n            var comp = ['EN 1176-1 General Structural', 'AS 4685.1 Entrapment and Fall Heights', 'CE Declaration'];\n            if (hasSlide) comp.push('EN 1176-3 Slide Spec');\n            if (hasRotating) comp.push('EN 1176-2 Rotating\/Spring');\n            if (hasSoft) comp.push('ASTM F1918-21 Soft Play');\n            if (hasStructural) comp.push('ASTM F1487-21 Structural');\n            comp.push('ISO 9001:2015');\n\n            var compText = '';\n            for (var c = 0; c < comp.length; c++) {\n                if (c > 0) compText += ' \u00b7 ';\n                compText += comp[c];\n            }\n            document.getElementById('ddws_r_compliance').innerHTML = compText;\n\n            var resultsPanel = document.getElementById('ddws_results_panel');\n            resultsPanel.style.display = 'block';\n            \n            setTimeout(function() {\n                resultsPanel.scrollIntoView({ behavior: 'smooth', block: 'start' });\n            }, 100);\n        }\n    <\/script>\n<\/section>\n<\/div><\/div><\/div>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>14-Element Ocean Theme Compatibility Worksheet Match your floor plan, ceiling height, age mix, and theme intensity to a recommended ocean theme element configuration drawn from our engineering catalog. Floor Plan Parameters Footprint (m\u00b2) Toddler corner 30-100 \u00b7 Mid-FEC 100-300 \u00b7 Flagship 300+ Ceiling Height (m) Lighthouse \u22654.5m \u00b7 Most elements 2-3.5m Age Mix Target \u2014 [&hellip;]<\/p>\n","protected":false},"author":5,"featured_media":0,"parent":1607,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_gspb_post_css":"","footnotes":""},"class_list":["post-2084","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/didiplayarea.com\/es\/wp-json\/wp\/v2\/pages\/2084","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/didiplayarea.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/didiplayarea.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/didiplayarea.com\/es\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/didiplayarea.com\/es\/wp-json\/wp\/v2\/comments?post=2084"}],"version-history":[{"count":0,"href":"https:\/\/didiplayarea.com\/es\/wp-json\/wp\/v2\/pages\/2084\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/didiplayarea.com\/es\/wp-json\/wp\/v2\/pages\/1607"}],"wp:attachment":[{"href":"https:\/\/didiplayarea.com\/es\/wp-json\/wp\/v2\/media?parent=2084"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}