.elementor-1987 .elementor-element.elementor-element-d371f29{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:140px;--padding-bottom:140px;--padding-left:0px;--padding-right:0px;}.elementor-1987 .elementor-element.elementor-element-a87d0f8{--display:flex;}.ee-tooltip.ee-tooltip-70f75ed.to--top,
							 .ee-tooltip.ee-tooltip-70f75ed.to--bottom{margin-left:0px;}.ee-tooltip.ee-tooltip-70f75ed.to--left,
							 .ee-tooltip.ee-tooltip-70f75ed.to--right{margin-top:0px;}.elementor-1987 .elementor-element.elementor-element-70f75ed img{width:80px;}.elementor-1987 .elementor-element.elementor-element-703276c{width:var( --container-widget-width, 84% );max-width:84%;--container-widget-width:84%;--container-widget-flex-grow:0;text-align:center;}.elementor-1987 .elementor-element.elementor-element-703276c.elementor-element{--align-self:center;}.elementor-1987 .elementor-element.elementor-element-703276c .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-1987 .elementor-element.elementor-element-2d8aa03{text-align:center;font-size:18px;color:var( --e-global-color-text );}.elementor-1987 .elementor-element.elementor-element-1e617d7 .elementor-repeater-item-55ffb29 .ee-button-wrapper.ee-effect--foreground .ee-button:after{color:var( --e-global-color-a2169f0 );}.elementor-1987 .elementor-element.elementor-element-1e617d7 .elementor-repeater-item-55ffb29 .ee-button-wrapper.ee-effect--background .ee-button:before,
				  .elementor-1987 .elementor-element.elementor-element-1e617d7 .elementor-repeater-item-55ffb29 .ee-button-wrapper.ee-effect--double-background .ee-button:after{background-color:var( --e-global-color-5a24b36 );}.elementor-1987 .elementor-element.elementor-element-1e617d7 .elementor-repeater-item-55ffb29 .ee-button-wrapper .ee-button:before,
				 .elementor-1987 .elementor-element.elementor-element-1e617d7 .elementor-repeater-item-55ffb29 .ee-button-wrapper .ee-button:after,
				 .elementor-1987 .elementor-element.elementor-element-1e617d7 .elementor-repeater-item-55ffb29 .ee-button-wrapper .ee-button,
				 .elementor-1987 .elementor-element.elementor-element-1e617d7 .elementor-repeater-item-55ffb29 .ee-button-wrapper.ee-effect-type--clone .ee-button-content-wrapper,
				 .elementor-1987 .elementor-element.elementor-element-1e617d7 .elementor-repeater-item-55ffb29 .ee-button-wrapper.ee-effect-type--flip .ee-button-content-wrapper{transition-timing-function:ease-in-out;transition-duration:0.2s;}.elementor-1987 .elementor-element.elementor-element-1e617d7 .elementor-repeater-item-55ffb29 .ee-button{border-style:none;}.elementor-1987 .elementor-element.elementor-element-1e617d7 .elementor-repeater-item-55ffb29 .ee-button-content-wrapper,
							.elementor-1987 .elementor-element.elementor-element-1e617d7 .elementor-repeater-item-55ffb29 .ee-button:after{padding:25px 32px 25px 32px;}.elementor-1987 .elementor-element.elementor-element-1e617d7 .elementor-repeater-item-55ffb29 .ee-button-wrapper:hover .ee-button{border-color:var( --e-global-color-5a24b36 );}.elementor-1987 .elementor-element.elementor-element-1e617d7 > .elementor-widget-container{padding:2rem 0rem 0rem 0rem;}.ee-tooltip.ee-tooltip-1e617d7:after{content:"";}.ee-tooltip.ee-tooltip-1e617d7.to--top{transform:translateY(-0px);}.ee-tooltip.ee-tooltip-1e617d7.to--bottom{transform:translateY(0px);}.ee-tooltip.ee-tooltip-1e617d7.to--left{transform:translateX(-0px);}.ee-tooltip.ee-tooltip-1e617d7.to--right{transform:translateX(0px);}.ee-tooltip.ee-tooltip-1e617d7.to--top,
						 .ee-tooltip.ee-tooltip-1e617d7.to--bottom{margin-left:0px;}.ee-tooltip.ee-tooltip-1e617d7.to--left,
						 .ee-tooltip.ee-tooltip-1e617d7.to--right{margin-top:0px;}.ee-tooltip.ee-tooltip-1e617d7{max-width:350px;z-index:999;text-align:center;padding:0.5em 1em 0.5em 1em;border-style:none;border-radius:10px 10px 10px 10px;font-size:1vw;background-color:var( --e-global-color-e2e80cd );color:#FFFFFF;}.elementor-1987 .elementor-element.elementor-element-1e617d7 .ee-button-content-wrapper,
						 .elementor-1987 .elementor-element.elementor-element-1e617d7 .ee-button:after{padding:24px 42px 24px 42px;}.elementor-1987 .elementor-element.elementor-element-1e617d7 .ee-button,
						 .elementor-1987 .elementor-element.elementor-element-1e617d7 .ee-effect--radius .ee-button:before{border-radius:100px 100px 100px 100px;}.elementor-1987 .elementor-element.elementor-element-1e617d7 .ee-button{font-family:"Bricolage Grotesque", Sans-serif;font-size:0.95vw;font-weight:700;color:var( --e-global-color-7825c01 );background-color:var( --e-global-color-95b93ed );}.elementor-1987 .elementor-element.elementor-element-1e617d7 .ee-button-wrapper:hover .ee-button{color:#FFFFFF;background-color:#FF4747;}.ee-tooltip.ee-tooltip-1e617d7.to--top.at--center:after,.ee-tooltip.ee-tooltip-1e617d7.to--left.at--top:after,.ee-tooltip.ee-tooltip-1e617d7.to--right.at--top:after{border-top-color:var( --e-global-color-e2e80cd );}.ee-tooltip.ee-tooltip-1e617d7.to--left.at--center:after,.ee-tooltip.ee-tooltip-1e617d7.to--top.at--left:after,.ee-tooltip.ee-tooltip-1e617d7.to--bottom.at--left:after{border-left-color:var( --e-global-color-e2e80cd );}.ee-tooltip.ee-tooltip-1e617d7.to--right.at--center:after,.ee-tooltip.ee-tooltip-1e617d7.to--bottom.at--right:after,.ee-tooltip.ee-tooltip-1e617d7.to--top.at--right:after{border-right-color:var( --e-global-color-e2e80cd );}.ee-tooltip.ee-tooltip-1e617d7.to--bottom.at--center:after,.ee-tooltip.ee-tooltip-1e617d7.to--right.at--bottom:after,.ee-tooltip.ee-tooltip-1e617d7.to--left.at--bottom:after{border-bottom-color:var( --e-global-color-e2e80cd );}@media(max-width:1366px){.elementor-1987 .elementor-element.elementor-element-1e617d7 .ee-button{font-size:1.2vw;}}@media(min-width:768px){.elementor-1987 .elementor-element.elementor-element-d371f29{--content-width:800px;}}@media(min-width:2400px){.elementor-1987 .elementor-element.elementor-element-1e617d7 .ee-button{font-size:18px;}}@media(max-width:1200px){.elementor-1987 .elementor-element.elementor-element-703276c{--container-widget-width:70%;--container-widget-flex-grow:0;width:var( --container-widget-width, 70% );max-width:70%;}}@media(max-width:1024px){.elementor-1987 .elementor-element.elementor-element-2d8aa03{font-size:17px;}.elementor-1987 .elementor-element.elementor-element-1e617d7 > .elementor-widget-container{padding:1rem 0rem 0rem 0rem;}.elementor-1987 .elementor-element.elementor-element-1e617d7 .ee-button{font-size:1.6vw;}}@media(max-width:767px){.elementor-1987 .elementor-element.elementor-element-d371f29{--padding-top:24vw;--padding-bottom:24vw;--padding-left:7vw;--padding-right:7vw;}.elementor-1987 .elementor-element.elementor-element-a87d0f8{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1987 .elementor-element.elementor-element-703276c{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-1987 .elementor-element.elementor-element-2d8aa03{font-size:16px;}.elementor-1987 .elementor-element.elementor-element-1e617d7 > .elementor-widget-container{padding:1rem 0rem 0rem 0rem;}.elementor-1987 .elementor-element.elementor-element-1e617d7 .ee-button{font-size:4.5vw;}}/* Start custom CSS for html, class: .elementor-element-8813064 */body {
            margin: 0;
            padding: 0;
        }

        #container {
            position: relative;
            width: 100%;
            /*height: 50vh;*/
            height: 130px;
            overflow: hidden;
        }
        
                /* Base styles for the fade overlays */
        .fade-overlay {
            position: absolute;
            top: 0;
            width: 50px; /* Adjust the width to control the fade area */
            height: 100%;
            pointer-events: none; /* Allow clicks to pass through */
            z-index: 10; /* Ensure overlays are above other content */
        }
        
        /* Left fade overlay */
        .fade-overlay.left {
            left: 0;
            background: linear-gradient(to right, var(--e-global-color-1550abe), transparent);
        }
        
        /* Right fade overlay */
        .fade-overlay.right {
            right: 0;
            background: linear-gradient(to left, var(--e-global-color-1550abe), transparent);
        }

        #game {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 1;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        #text-overlay {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            text-align: center;
            z-index: 2;
            color: var(--e-global-color-secondary);
            width: 100%;
        }

        h1 {
            font-size: 80px;
            margin-bottom: 10px;
            color: var(--e-global-color-secondary) !important;
        }

        h2 {
            font-size: 30px;
            margin-bottom: 20px;
            color: var(--e-global-color-secondary) !important;
        }

        p {
            font-size: 18px;
            margin-bottom: 20px;
            max-width: 600px;
            margin-left: auto;
            margin-right: auto;
            color: var(--e-global-color-secondary);
        }

        .instructions {
            font-size: 16px;
            margin-bottom: 30px;
            color: var(--e-global-color-secondary);
        }

        .button {
            display: inline-block;
            margin: 10px;
            padding: 15px 25px;
            font-size: 18px;
            text-decoration: none;
            color: var(--e-global-color-1c1101a) !important;
            background-color: var(--e-global-color-primary);
            border-radius: 100px;
            transition: background-color 0.3s;
            font-weight: 700;
        }

        .button:hover {
            background-color: var(--e-global-color-5a24b36) !important;
            color: var(--e-global-color-a2169f0) !important;
        }

        #text-overlay.fade-out {
            opacity: 0;
            transition: opacity 1s ease-out;
        }

        #text-overlay.hidden {
            display: none;
        }

        canvas {
            background-color: var(--e-global-color-1550abe);
            display: block;
            margin: 0 auto;
            padding: 0;
        }

        #restartButton {
            display: none;
            position: absolute;
            top: 60%;
            left: 50%;
            transform: translate(-50%, -50%);
            z-index: 2;
        }

        #restartButton.visible {
            display: block;
        }

        #gameOverText {
            display: none;
            position: absolute;
            top: 40%;
            left: 50%;
            transform: translate(-50%, -50%);
            z-index: 2;
            color: #FFF4F4;
        }
        
            #gameOverText p {
            font-size: 42px!important;
            text-align: center;
            font-weight: 700;
        }

        #gameOverText.visible {
            display: block;
        }/* End custom CSS */