body {
                background-color: #111;
                color: white;
                font-family: "Inter", sans-serif;
                display: flex;
                flex-direction: column;
                align-items: center;
                padding: 1rem;
            }

            canvas {
                border: 2px solid #3b3bb3;
                background: #000;
            }

            #startButton,
            #resetButton,
            #shareButton {
                padding: 10px 20px;
                font-size: 18px;
                background-color: #3b3bb3;
                color: white;
                border: none;
                border-radius: 5px;
                cursor: pointer;
                margin-top: 10px;
            }

            #resetButton,
            #shareButton {
                top: 60px;
                display: none;
            }

            #controls {
                position: absolute;
                top: 520px;
                display: flex;
                flex-direction: column;
                gap: 5px;
                align-items: center;
                justify-content: center;
                z-index: 10;
                width: 100%;
            }

            #controls .row {
                display: flex;
                gap: 10px;
                justify-content: center;
            }

            .ctrl-btn {
                width: 50px;
                height: 50px;
                font-size: 18px;
                border: none;
                border-radius: 10px;
                background-color: #3b3bb3;
            }

            .ctrl-btn:active {
                background-color: #666;
            }

            button.restart {
                padding: 1rem;
                margin-top: 1rem;
                font-size: 1.1rem;
                background-color: #4e54c8;
                color: white;
                border: none;
                border-radius: 10px;
                width: 90%;
                max-width: 400px;
                transition: background-color 0.2s ease;
                cursor: pointer;
                position: absolute;
            }

            button.restart:active {
                background-color: #6a72f8;
            }

            button.menu,
            button.share {
                padding: 1rem;
                margin-top: 1rem;
                font-size: 1.1rem;
                background-color: #4e54c8;
                color: white;
                border: none;
                border-radius: 10px;
                width: 90%;
                max-width: 400px;
                transition: background-color 0.2s ease;
                cursor: pointer;
            }

            button.menu:active,
            button.share:active {
                background-color: #6a72f8;
            }

            h1 {
                margin-bottom: 0.3rem;
                font-size: 1.3rem;
            }

            * {
                box-sizing: border-box;
                margin: 0;
                padding: 0;
                user-select: none;
            }

            p.description {
                margin-bottom: 1rem;
                font-size: 0.85rem;
                color: #ccc;
                text-align: center;
                padding: 0 1rem;
            }