html,
            body {
                margin: 0;
                padding: 0;
                background: #151a23;
                min-height: 100vh;
                width: 100vw;
                overflow-x: hidden;
            }

            body {
                box-sizing: border-box;
                display: flex;
                flex-direction: column;
                align-items: center;
            }

            #container {
                box-sizing: border-box;
                width: 100vw;
                max-width: 400px;
                margin: 0 auto;
                display: flex;
                flex-direction: column;
                align-items: center;
                padding: 0 0 8px 0;
            }

            #gameTitle {
                color: #f9bc60;
                font-size: 2.1rem;
                margin-top: 2.1rem;
                margin-bottom: 0.5rem;
                text-align: center;
                font-weight: bold;
                letter-spacing: 2px;
                word-break: keep-all;
                white-space: nowrap;
            }

            #desc {
                color: #eee;
                text-align: center;
                margin-bottom: 1.1rem;
                font-size: 1.07rem;
                line-height: 1.5;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                max-width: 100vw;
            }

            #pong {
                background: #232946;
                border-radius: 20px;
                box-shadow: 0 8px 32px #0007;
                display: block;
                margin: 0 auto 14px auto;
                width: 100vw;
                max-width: 400px;
                min-width: 0;
                height: auto;
            }

            #scoreBoard {
                color: #fff;
                font-size: 1.5rem;
                font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
                margin-bottom: 5px;
                letter-spacing: 2px;
                text-align: center;
                height: 2.1rem;
            }

            #startBtn,
            .gameOverBtns button {
                font-size: 1rem;
                padding: 9px 26px;
                border-radius: 10px;
                border: none;
                background: #ef4565;
                color: #fff;
                cursor: pointer;
                margin: 12px 5px 0 5px;
                box-shadow: 0 2px 8px #0003;
                transition: background 0.2s;
                font-weight: 600;
                letter-spacing: 1px;
                width: 80vw;
                max-width: 340px;
            }

            #startBtn:hover,
            .gameOverBtns button:hover {
                background: #d7264c;
            }

            #winMsg {
                color: #ffce6d;
                font-size: 1.5rem;
                font-weight: bold;
                text-shadow: 2px 4px 10px #000b;
                text-align: center;
                margin-top: 10px;
                min-height: 2.2rem;
            }

            .gameOverBtns {
                text-align: center;
                margin-top: 1.2rem;
            }

            #otherGames {
                width: 100vw;
                max-width: 400px;
                margin: 32px auto 20px auto;
                display: block;
                font-size: 1.04rem;
                padding: 12px 0;
                border-radius: 10px;
                border: none;
                background: #f9bc60;
                color: #22223b;
                font-weight: 600;
                letter-spacing: 1px;
                box-shadow: 0 2px 8px #0002;
                transition: background 0.18s;
                text-align: center;
                min-width: 0;
            }

            #otherGames:hover {
                background: #facf85;
            }

            .desc-ctrl {
                color: #bbb;
                font-size: 0.98rem;
                margin-top: 6px;
                text-align: center;
            }

            @media (max-width: 450px) {
                html,
                body,
                #container,
                #pong,
                #otherGames {
                    width: 100vw !important;
                    max-width: 100vw !important;
                    min-width: 0 !important;
                    box-sizing: border-box;
                }
                #gameTitle,
                #desc {
                    max-width: 100vw !important;
                }
            }