.elementor-12394 .elementor-element.elementor-element-c22c131{--display:flex;--min-height:100vh;--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;--gap:0px 0px;--background-transition:0.3s;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12394 .elementor-element.elementor-element-4fbdb4b{--display:flex;--background-transition:0.3s;--padding-top:50px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-12394 .elementor-element.elementor-element-5521388 .elementor-heading-title{color:var( --e-global-color-accent );font-family:"Poppins", Sans-serif;font-weight:500;}.elementor-12394 .elementor-element.elementor-element-f6cbd76{color:var( --e-global-color-secondary );font-family:"Poppins", Sans-serif;font-size:25px;font-weight:400;line-height:25px;}@media(max-width:1366px){.elementor-12394 .elementor-element.elementor-element-5521388{text-align:center;}.elementor-12394 .elementor-element.elementor-element-f6cbd76{text-align:center;}}@media(max-width:1024px){.elementor-12394 .elementor-element.elementor-element-4fbdb4b{--padding-top:50px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}}@media(max-width:767px){.elementor-12394 .elementor-element.elementor-element-4fbdb4b{--padding-top:2px;--padding-bottom:2px;--padding-left:2px;--padding-right:2px;}.elementor-12394 .elementor-element.elementor-element-5521388 .elementor-heading-title{font-size:23px;line-height:1.2em;letter-spacing:0px;}.elementor-12394 .elementor-element.elementor-element-f6cbd76{font-size:20px;line-height:1.2em;}}/* Start custom CSS for html, class: .elementor-element-407dc78 */* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            -webkit-tap-highlight-color: transparent;
        }

        .thegame {
            /*background: #87CEEB;*/
            font-family: 'Courier New', monospace;
            display: flex;
            justify-content: center;
            align-items: center;
            /*min-height: 100vh;*/
            padding: 20px 0px;
            overflow: hidden;
            touch-action: none;
        }

        #gameContainer {
            position: relative;
            background: #000;  /* Changed from white to black */
            border: 4px solid #000;
            box-shadow: 0 0 20px rgba(0,0,0,0.3);
            width: 100%;
            max-width: 800px;
            min-height: 60vh;
            aspect-ratio: 2/1;
        }

        /* Mobile portrait */
        @media (max-width: 768px) and (orientation: portrait) {
            #gameContainer {
                aspect-ratio: 1/1;
                max-width: 100vw;
                max-height: 100vw;
            }
        }

        /* Small screens */
        @media (max-height: 600px) {
            #gameContainer {
                border-width: 2px;
            }
        }

        #gameCanvas {
            display: block;
            width: 100%;
            height: 100%;
            image-rendering: pixelated;
            image-rendering: -moz-crisp-edges;
            image-rendering: crisp-edges;
            cursor: pointer;
        }

        #startScreen, #gameOverScreen {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: #000;
            color: white;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            text-align: center;
            padding: 10px;
            z-index: 100;
            box-sizing: border-box;
            overflow: hidden;
        }

        #gameOverScreen {
            display: none;
            background: #000;  /* Solid black background */
        }

        h1 {
            font-size: clamp(20px, 5vw, 32px);
            margin: 10px 0;
            text-shadow: 2px 2px 0 #000;
        }

        p {
            font-size: clamp(14px, 3vw, 18px);
            margin: 5px 0;
        }

        button {
            font-family: 'Courier New', monospace;
            font-size: clamp(16px, 3vw, 20px);
            padding: 10px 20px;
            margin: 10px;
            background: #4CAF50;
            color: white;
            border: none;
            cursor: pointer;
            box-shadow: 0 4px 0 #2E7D32;
            transition: all 0.1s;
            -webkit-appearance: none;
            border-radius: 0;
        }

        button:hover {
            transform: translateY(2px);
            box-shadow: 0 2px 0 #2E7D32;
        }

        button:active {
            transform: translateY(4px);
            box-shadow: none;
        }

        #nameInput {
            font-family: 'Courier New', monospace;
            font-size: clamp(18px, 4vw, 24px);
            padding: 5px;
            width: 100px;
            text-align: center;
            text-transform: uppercase;
            border: 2px solid #fff;
            background: rgba(0,0,0,0.5);
            color: white;
            -webkit-appearance: none;
            border-radius: 0;
        }

        #leaderboard {
            background: rgba(0,0,0,0.7);
            padding: 10px 15px;
            border-radius: 10px;
            margin: 5px 0;
            max-width: 350px;
            width: 85%;
            border: 2px solid rgba(255,255,255,0.2);
            max-height: 35vh;
            overflow-y: auto;
        }

        .leaderboardEntry {
            font-size: clamp(12px, 2.5vw, 16px);
            margin: 3px 0;
            color: #FFD700;
        }

        #score {
            position: absolute;
            top: 10px;
            left: 10px;
            color: white;
            font-size: clamp(18px, 4vw, 24px);
            text-shadow: 2px 2px 0 #000;
            pointer-events: none;
        }

        #tapHint {
            position: absolute;
            bottom: 20px;
            left: 50%;
            transform: translateX(-50%);
            color: white;
            font-size: clamp(16px, 3vw, 20px);
            text-shadow: 2px 2px 0 #000;
            animation: pulse 2s infinite;
            pointer-events: none;
        }

        @keyframes pulse {
            0%, 100% { opacity: 0.5; }
            50% { opacity: 1; }
        }/* End custom CSS */