@media (max-width: 700px) {
    #mainTitle { font-size: 2rem; }
    #subTitle { font-size: 1.2rem; }
    #dateString, #mazeCode, #promptText { font-size: 0.9rem; }
    #gameContainer {
        margin: 10px auto;
        width: 90vw;
        max-width: 1200px;
    }
    #gameContainer.settings-hidden {
        width: 90vw;
        max-width: 1200px;
    }
    #settingsBox {
        width: 90vw; /* Use most of the viewport width */
        padding: 10px;
    }
    #settingsBox.hidden {
        display: none; /* Hide completely on mobile */
    }
    body.dark-mode #settingsBox {
        border: 2px solid #666;
    }
    #arrowKeys { top: 10px; left: 10px; }
    #puzzleIdContainer::before, #appearanceContainer::before, #showSolution::before, #zoomButtons::before, #shareButtons::before, #buyBookContainer::before {
        font-size: 1rem;
    }
    label, button, #puzzleIdInput, #amazonRegionSelect {
        font-size: 0.9rem;
    }
    #puzzleIdInput {
        width: 80px;
    }
    #mazingAdventureLogo img {
        width: 32px;
        height: 32px;
    }
    #openSettings {
        top: 5px;
        right: 5px;
        width: 40px;
        height: 40px;
        font-size: 1.2rem;
    }
}